diff options
author | Thomas Groman <tgroman@nuegia.net> | 2019-12-16 19:48:42 -0800 |
---|---|---|
committer | Thomas Groman <tgroman@nuegia.net> | 2019-12-16 19:48:42 -0800 |
commit | 4492b5f8e774bf3b4f21e4e468fc052cbcbb468a (patch) | |
tree | 37970571a7dcbeb6b58c991ce718ce7001ac97d6 /themes | |
download | webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.gz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.lz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.tar.xz webbrowser-4492b5f8e774bf3b4f21e4e468fc052cbcbb468a.zip |
initial commit
Diffstat (limited to 'themes')
446 files changed, 24106 insertions, 0 deletions
diff --git a/themes/LICENSE b/themes/LICENSE new file mode 100644 index 0000000..39d4f8f --- /dev/null +++ b/themes/LICENSE @@ -0,0 +1,2 @@ +All files in this directory are assumed to be licensed under the MPL 2 license +which is used throughout this codebase. diff --git a/themes/linux/Geolocation-16.png b/themes/linux/Geolocation-16.png Binary files differnew file mode 100644 index 0000000..082b177 --- /dev/null +++ b/themes/linux/Geolocation-16.png diff --git a/themes/linux/Geolocation-64.png b/themes/linux/Geolocation-64.png Binary files differnew file mode 100644 index 0000000..6e09ab9 --- /dev/null +++ b/themes/linux/Geolocation-64.png diff --git a/themes/linux/Go-arrow.png b/themes/linux/Go-arrow.png Binary files differnew file mode 100644 index 0000000..259c8a4 --- /dev/null +++ b/themes/linux/Go-arrow.png diff --git a/themes/linux/Info.png b/themes/linux/Info.png Binary files differnew file mode 100644 index 0000000..d144798 --- /dev/null +++ b/themes/linux/Info.png diff --git a/themes/linux/KUI-close.png b/themes/linux/KUI-close.png Binary files differnew file mode 100644 index 0000000..08eeb81 --- /dev/null +++ b/themes/linux/KUI-close.png diff --git a/themes/linux/Makefile.in b/themes/linux/Makefile.in new file mode 100644 index 0000000..3b81bbf --- /dev/null +++ b/themes/linux/Makefile.in @@ -0,0 +1,8 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +ICON_FILES := icon.png +ICON_DEST = $(FINAL_TARGET)/extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd} +INSTALL_TARGETS += ICON + diff --git a/themes/linux/Privacy-16.png b/themes/linux/Privacy-16.png Binary files differnew file mode 100644 index 0000000..013cdc4 --- /dev/null +++ b/themes/linux/Privacy-16.png diff --git a/themes/linux/Privacy-32.png b/themes/linux/Privacy-32.png Binary files differnew file mode 100644 index 0000000..f56dd2d --- /dev/null +++ b/themes/linux/Privacy-32.png diff --git a/themes/linux/Privacy-48.png b/themes/linux/Privacy-48.png Binary files differnew file mode 100644 index 0000000..8dd0243 --- /dev/null +++ b/themes/linux/Privacy-48.png diff --git a/themes/linux/Privacy-64.png b/themes/linux/Privacy-64.png Binary files differnew file mode 100644 index 0000000..106afb4 --- /dev/null +++ b/themes/linux/Privacy-64.png diff --git a/themes/linux/Secure.png b/themes/linux/Secure.png Binary files differnew file mode 100644 index 0000000..5ee25e9 --- /dev/null +++ b/themes/linux/Secure.png diff --git a/themes/linux/Security-broken.png b/themes/linux/Security-broken.png Binary files differnew file mode 100644 index 0000000..1ec110b --- /dev/null +++ b/themes/linux/Security-broken.png diff --git a/themes/linux/Toolbar-small.png b/themes/linux/Toolbar-small.png Binary files differnew file mode 100644 index 0000000..bcc8f63 --- /dev/null +++ b/themes/linux/Toolbar-small.png diff --git a/themes/linux/Toolbar.png b/themes/linux/Toolbar.png Binary files differnew file mode 100644 index 0000000..2851657 --- /dev/null +++ b/themes/linux/Toolbar.png diff --git a/themes/linux/aboutCertError.css b/themes/linux/aboutCertError.css new file mode 100644 index 0000000..dbb3530 --- /dev/null +++ b/themes/linux/aboutCertError.css @@ -0,0 +1,73 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +html { + background: #833; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +h2 { + font-size: 130%; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 2px solid #DD0D09; + border-radius: 10px; + box-shadow: 0px 0px 8px red; + padding: 3em; + -moz-padding-start: 30px; + background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +.expander > button { + -moz-padding-start: 20px; + -moz-margin-start: -20px; + background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat; + border: none; + font: inherit; + color: inherit; + cursor: pointer; +} + +.expander > button:-moz-dir(rtl) { + background-position: right center; +} + +.expander[collapsed] > button { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png"); +} + +.expander[collapsed] > button:-moz-dir(rtl) { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png"); +} diff --git a/themes/linux/aboutCertError_sectionCollapsed-rtl.png b/themes/linux/aboutCertError_sectionCollapsed-rtl.png Binary files differnew file mode 100644 index 0000000..84ba18c --- /dev/null +++ b/themes/linux/aboutCertError_sectionCollapsed-rtl.png diff --git a/themes/linux/aboutCertError_sectionCollapsed.png b/themes/linux/aboutCertError_sectionCollapsed.png Binary files differnew file mode 100644 index 0000000..c9805f6 --- /dev/null +++ b/themes/linux/aboutCertError_sectionCollapsed.png diff --git a/themes/linux/aboutCertError_sectionExpanded.png b/themes/linux/aboutCertError_sectionExpanded.png Binary files differnew file mode 100644 index 0000000..128cef9 --- /dev/null +++ b/themes/linux/aboutCertError_sectionExpanded.png diff --git a/themes/linux/aboutPrivateBrowsing.css b/themes/linux/aboutPrivateBrowsing.css new file mode 100644 index 0000000..2bb39d2 --- /dev/null +++ b/themes/linux/aboutPrivateBrowsing.css @@ -0,0 +1,47 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +body.private > #errorPageContainer { + background-image: url("chrome://browser/skin/Privacy-48.png"); +} + +body.normal > #errorPageContainer { + background-image: url("moz-icon://stock/gtk-dialog-question?size=dialog"); +} + +#clearRecentHistoryDesc { + margin-top: 2em; +} + +#clearRecentHistoryDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#startPrivateBrowsingDesc > button { + -moz-margin-start: 0; +} + +#footerDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#moreInfo { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ + -moz-padding-start: 25px; + background: url("moz-icon://stock/gtk-dialog-info?size=menu") no-repeat top left; +} + +#moreInfo:-moz-dir(rtl) { + background-position: top right; +} + +#moreInfoText { + margin-bottom: 0; +} + +#moreInfoLinkContainer { + margin-top: 0.5em; +} diff --git a/themes/linux/aboutSessionRestore-window-icon.png b/themes/linux/aboutSessionRestore-window-icon.png Binary files differnew file mode 100644 index 0000000..a998323 --- /dev/null +++ b/themes/linux/aboutSessionRestore-window-icon.png diff --git a/themes/linux/aboutSessionRestore.css b/themes/linux/aboutSessionRestore.css new file mode 100644 index 0000000..a32b975 --- /dev/null +++ b/themes/linux/aboutSessionRestore.css @@ -0,0 +1,90 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +html { + background: #f8ffd0; + height: 100%; +} + +body { + height: 100%; + text-align: center; +} + +#errorPageContainer { + background-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); + display: -moz-box; + width: -moz-available; + max-width: 85%; + height: 75%; + max-height: 85%; + -moz-box-orient: vertical; + text-align: start; + border: 2px solid #efc; + box-shadow: 0px 0px 8px #aaa; +} + +#errorShortDesc > p { + margin-top: 0.4em; + margin-bottom: 0; +} + +#errorLongContent, #errorTrailerDesc { + display: -moz-box; + -moz-box-flex: 1; + -moz-box-orient: vertical; +} + +#tabList { + margin-top: 2.5em; + width: 100%; + min-height: 12em; +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); +} +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +/* undo odd row highlighting from tree.css */ +treechildren::-moz-tree-row(odd) { + background-color: transparent; +} +treechildren::-moz-tree-row(odd, selected, focus) { + background-color: Highlight; +} + +/* highlight "windows" instead */ +treechildren::-moz-tree-row(alternate) { + background-color: -moz-oddtreerow; +} +treechildren::-moz-tree-row(alternate, selected) { + background-color: Highlight; +} + +#buttons { + -moz-margin-start: 80px; /* same as #errorLongContent in netError.css */ +} +#buttons > button { + margin-top: 2em; + -moz-margin-start: 5px; +} diff --git a/themes/linux/aboutSyncTabs.css b/themes/linux/aboutSyncTabs.css new file mode 100644 index 0000000..4f21a9d --- /dev/null +++ b/themes/linux/aboutSyncTabs.css @@ -0,0 +1,101 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#tabs-display, +#tabsList { + background-color: transparent; + -moz-appearance: none; + margin: 0; +} + +#tabsList { + width: 100%; +} + +#tabs-display { + background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px; +} + +#headers { + background: url(chrome://browser/skin/sync-32.png) no-repeat; + margin-top: 4px; + width: 45em; + height: 32px; + -moz-margin-start: 2em; + -moz-margin-end: 2em; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #999999 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + border-radius: 6px; + background-color: menu; + width: 44em; + opacity: 0.9; + box-shadow: + inset rgba(255, 255, 255, 0.5) 0 1px 0px, + inset rgba(0, 0, 0, 0.1) 0 -2px 0px, + rgba(0, 0, 0, 0.1) 0px 1px 0px; +} + +richlistitem[type="tab"][selected="true"] { + background-color: -moz-MenuHover; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #000000; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); +} + +.title, +.clientName { + color: #000000; + font-size: 1.1em; +} + +.title[selected="true"], +.url[selected="true"] { + color: inherit; +} + +.url { + color: -moz-nativehyperlinktext; + font-size: 0.95em; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/themes/linux/actionicon-tab.png b/themes/linux/actionicon-tab.png Binary files differnew file mode 100644 index 0000000..433c25e --- /dev/null +++ b/themes/linux/actionicon-tab.png diff --git a/themes/linux/autocomplete.css b/themes/linux/autocomplete.css new file mode 100644 index 0000000..ab92685 --- /dev/null +++ b/themes/linux/autocomplete.css @@ -0,0 +1,210 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== autocomplete.css ================================================= + == Styles used by the autocomplete widget. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: autocomplete ::::: */ + +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox:not(.padded) { + cursor: default; + padding: 0; +} + +textbox[enablehistory="true"] { + -moz-appearance: none; + border: 0; + background-color: transparent; +} + +textbox[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +.private-autocomplete-textbox-container { + -moz-box-align: center; +} + +textbox[enablehistory="true"] > .autocomplete-textbox-container { + -moz-appearance: menulist-textfield; +} + +textbox:not(.padded) .textbox-input-box { + margin: 0 3px; +} + +.textbox-input-box { + -moz-box-align: center; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="private-autocomplete"], +panel[type="private-autocomplete-richlistbox"], +.private-autocomplete-history-popup { + border-width: 1px; + -moz-border-top-colors: ThreeDDarkShadow; + -moz-border-right-colors: ThreeDDarkShadow; + -moz-border-bottom-colors: ThreeDDarkShadow; + -moz-border-left-colors: ThreeDDarkShadow; + padding: 0; + background-color: -moz-Field; +} + +.private-autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.private-autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; + color: MenuText; +} + +.private-autocomplete-treecol { + -moz-appearance: none !important; + margin: 0 !important; + border: none !important; + padding: 0 !important; +} + +/* GTK calculates space for a sort arrow */ +.private-autocomplete-treecol > .treecol-sortdirection { + -moz-appearance: none !important; +} + +.private-autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 8px; +} + +treechildren.private-autocomplete-treebody::-moz-tree-row(selected) { + background-color: Highlight; +} + +treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) { + color: HighlightText !important; +} + +.private-autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { + max-width: 16px; + height: 16px; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.private-autocomplete-richlistbox { + -moz-appearance: none; + margin: 1px; + background-color: transparent; +} + +.private-autocomplete-richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +.private-autocomplete-richlistitem { + padding: 6px 2px; + color: MenuText; +} + +.ac-url-box { + /* When setting a vertical margin here, half of that needs to be added + .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ + margin-top: 1px; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-url-box { + visibility: hidden; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-title-box { + /* Center the title by moving it down by half of .ac-url-box's height, + including vertical margins (if any). */ + transform: translateY(.5em); +} + +.ac-site-icon { + width: 16px; + height: 16px; + margin-bottom: -2px; + -moz-margin-start: 3px; + -moz-margin-end: 6px; +} + +.ac-type-icon { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 4px; +} + +.ac-extra > .ac-result-type-tag { + margin: 0 4px; +} + +.ac-extra > .ac-comment { + padding-right: 4px; +} + +.ac-ellipsis-after { + margin: 0 !important; + padding: 0; + min-width: 1em; +} + +.ac-normal-text { + margin: 0 !important; + padding: 0; +} + +.ac-normal-text > html|span { + margin: 0 !important; + padding: 0; +} + +html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0.05); + border-radius: 2px; + text-shadow: 0 0 currentColor; /*faux bold effect*/ +} + +.ac-url-text > html|span.ac-emphasize-text, +.ac-action-text > html|span.ac-emphasize-text { + box-shadow: none; +} + +.ac-normal-text[selected="true"] > html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3); + background-color: rgba(255,255,255,0.2); +} + +.ac-title, .ac-url { + overflow: hidden; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} diff --git a/themes/linux/browser.css b/themes/linux/browser.css new file mode 100644 index 0000000..4933b40 --- /dev/null +++ b/themes/linux/browser.css @@ -0,0 +1,2210 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +@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"); + +%include ../shared/browser.inc +%filter substitution +%define toolbarHighlight rgba(255,255,255,.3) +%define selectedTabHighlight rgba(255,255,255,.8) 1px, rgba(255,255,255,.5) 3px +%define forwardTransitionLength 150ms +%define conditionalForwardWithUrlbar window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons], #nav-bar:not([currentset])[mode=icons]) > #unified-back-forward-button +%define conditionalForwardWithUrlbar_small window:not([chromehidden~=toolbar]) :-moz-any(#nav-bar[currentset*="unified-back-forward-button,urlbar-container"][mode=icons][iconsize=small],#nav-bar:not([currentset])[mode=icons][iconsize=small]) > #unified-back-forward-button + +#menubar-items { + -moz-box-orient: vertical; /* for flex hack */ +} + +#main-menubar { + -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ +} + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; +} + +#main-window:not([disablechrome]) #navigator-toolbox[tabsontop=true] { + border-bottom: 1px solid ThreeDShadow; +} + +#navigator-toolbox[tabsontop=true] > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar), +#navigator-toolbox[tabsontop=false] > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; +} + +#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) { + padding-top: 1px; + padding-bottom: 1px; +} + +#nav-bar:not(:-moz-lwtheme), +#nav-bar[collapsed=true] + toolbar:not(:-moz-lwtheme), +#nav-bar[collapsed=true] + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme), +#nav-bar[tabsontop=true], +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); +} + +#nav-bar[tabsontop=true]:-moz-lwtheme, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0)); +} + +#nav-bar[tabsontop=true]:-moz-lwtheme-brighttext, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme-brighttext + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme-brighttext + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(rgba(32,32,32,.8), rgba(32,32,32,0)); +} + +#personal-bookmarks { + min-height: 29px; +} + +#browser-bottombox { + /* opaque for layers optimization */ + background-color: -moz-Dialog; +} + +#urlbar:-moz-lwtheme:not([focused="true"]), +.searchbar-textbox:-moz-lwtheme:not([focused="true"]) { + opacity: .85; +} + +/* Places toolbar */ +toolbarbutton.bookmark-item { + margin: 0; + padding: 2px 3px; +} + +toolbarbutton.bookmark-item:hover:active, +toolbarbutton.bookmark-item[open="true"] { + padding-top: 3px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; +} + +.bookmark-item > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +/* Prevent [mode="icons"] from hiding the label */ +.bookmark-item > .toolbarbutton-text { + display: -moz-box !important; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* Dropmarker for folder bookmarks */ +.bookmark-item[container] > .toolbarbutton-menu-dropmarker { + display: -moz-box !important; +} + +#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + background: url("chrome://browser/skin/places/bookmarksToolbar.png") no-repeat center; +} + +.bookmarks-toolbar-customize { + max-width: 15em !important; + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +/* Bookmark menus */ +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; +} + +.bookmark-item > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; +} + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; +} + +/* Bookmark drag and drop styles */ +.bookmark-item[dragover-into="true"] { + background: Highlight !important; + color: HighlightText !important; +} + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; +} + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; +} + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); +} + +/* Bookmark items */ +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.bookmark-item[container] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); +} + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); +} + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); +} + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); +} + +.bookmark-item[query][hostContainer] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; +} + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; +} + +/* Stock icons for the menu bar items */ +menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +#appmenu_newNavigator, +#placesContext_open\:newwindow, +#menu_newNavigator, +#context-openlink, +#context-openframe { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); +} + +#appmenu_newTab, +#appmenu_newTab_popup, +#placesContext_open\:newtab, +#placesContext_openContainer\:tabs, +#menu_newNavigatorTab, +#context-openlinkintab, +#context-openframeintab { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); +} + +#appmenu_openFile, +#menu_openFile { + list-style-image: url("moz-icon://stock/gtk-open?size=menu"); +} + +#menu_close { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +#context-media-play { + list-style-image: url("moz-icon://stock/gtk-media-play?size=menu"); +} + +#context-media-pause { + list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu"); +} + +#appmenu_savePage, +#menu_savePage, +#context-savelink, +#context-saveimage, +#context-savevideo, +#context-saveaudio, +#context-savepage, +#context-saveframe { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); +} + +#appmenu_printPreview, +#menu_printPreview { + list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); +} + +#appmenu_print, +#appmenu_print_popup, +#menu_print, +#context-printframe { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); +} + +#appmenu-quit, +#menu_FileQuitItem { + list-style-image: url("moz-icon://stock/gtk-quit?size=menu"); +} + +#menu_undo, +#context-undo { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +#menu_undo[disabled], +#context-undo[disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +#menu_redo { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +#menu_redo[disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); +} + +#menu_cut, +#placesContext_cut, +#context-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +#menu_cut[disabled], +#placesContext_cut[disabled], +#context-cut[disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +#menu_copy, +#placesContext_copy, +#context-copy, +#context-copyimage, +#context-copyvideourl, +#context-copyaudiourl, +#context-copylink, +#context-copyemail { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +#menu_copy[disabled], +#placesContext_copy[disabled], +#context-copy[disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +#menu_paste, +#placesContext_paste, +#context-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +#menu_paste[disabled], +#placesContext_paste[disabled], +#context-paste[disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +#menu_delete, +#placesContext_delete, +#placesContext_delete_history, +#context-delete { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +#menu_delete[disabled], +#placesContext_delete[disabled], +#placesContext_delete_history[disabled], +#context-delete[disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +#menu_selectAll, +#context-selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +#appmenu_find, +#menu_find { + list-style-image: url("moz-icon://stock/gtk-find?size=menu"); +} + +#menu_find[disabled] { + list-style-image: url("moz-icon://stock/gtk-find?size=menu&state=disabled"); +} + +#appmenu_customize, +#appmenu_preferences, +#menu_preferences { + list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); +} + +#menu_stop, +#context-stop { + list-style-image: url("moz-icon://stock/gtk-stop?size=menu"); +} + +#menu_stop[disabled], +#context-stop[disabled] { + list-style-image: url("moz-icon://stock/gtk-stop?size=menu&state=disabled"); +} + +#menu_reload, +#placesContext_reload, +#context-reload, +#context-reloadframe { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#menu_reload[disabled], +#context-reload[disabled] { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu&state=disabled"); +} + +#menu_zoomEnlarge { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); +} + +#menu_zoomReduce { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); +} + +#menu_zoomReset { + list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu"); +} + +#historyMenuBack, +#context-back { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu"); +} + +#historyMenuBack[disabled], +#context-back[disabled] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu&state=disabled"); +} + +#historyMenuBack:-moz-locale-dir(rtl), +#context-back:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu"); +} + +#historyMenuBack[disabled]:-moz-locale-dir(rtl), +#context-back[disabled]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu&state=disabled"); +} + +#historyMenuForward, +#context-forward { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu"); +} + +#historyMenuForward[disabled], +#context-forward[disabled] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu&state=disabled"); +} + +#historyMenuForward:-moz-locale-dir(rtl), +#context-forward:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu"); +} + +#historyMenuForward[disabled]:-moz-locale-dir(rtl), +#context-forward[disabled]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu&state=disabled"); +} + +#historyMenuHome { + list-style-image: url("moz-icon://stock/gtk-home?size=menu"); +} + +#appmenu_history, +#appmenu_showAllHistory, +#menu_showAllHistory, +#HMB_showAllHistory { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#appmenu_bookmarks, +#appmenu_showAllBookmarks, +#bookmarksShowAll, +#BMB_bookmarksShowAll { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} + +#appmenu_subscribeToPage:not([disabled]), +#appmenu_subscribeToPageMenu, +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +#appmenu_bookmarksToolbar, +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); +} + +#appmenu_bookmarkThisPage, +#menu_bookmarkThisPage, +#BMB_bookmarkThisPage { + list-style-image: url("chrome://browser/skin/places/starPage.png"); +} + +#appmenu_unsortedBookmarks, +#menu_unsortedBookmarks, +#BMB_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); +} + +#appmenu_downloads, +#menu_openDownloads { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#appmenu_addons, +#menu_openAddons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); +} + +#menu_pageInfo, +#context-viewinfo, +#context-viewframeinfo { + list-style-image: url("moz-icon://stock/gtk-info?size=menu"); +} + +#appmenu_privateBrowsing, +#appmenu_newPrivateWindow, +#placesContext_open\:newprivatewindow, +#privateBrowsingItem { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); +} + +#placesContext_show\:info { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); +} + +#appmenu_sanitizeHistory, +#sanitizeItem, +#HMB_sanitizeItem { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +#appmenu_help, +#appmenu_openHelp, +#menu_openHelp { + list-style-image: url("moz-icon://stock/gtk-help?size=menu"); +} + +#appmenu_about, +#aboutName { + list-style-image: url("moz-icon://stock/gtk-about?size=menu"); +} + +#javascriptConsole { + list-style-image: url("chrome://global/skin/console/console.png"); +} + +/* Primary toolbar buttons */ +.toolbarbutton-1:not([type="menu-button"]) { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +.toolbarbutton-1 > .toolbarbutton-icon { + -moz-margin-end: 0; +} + +toolbar[mode="full"] .toolbarbutton-1:not([type="menu-button"]), +toolbar[mode="full"] .toolbarbutton-1 > .toolbarbutton-menubutton-button { + min-width: 57px; +} + +.toolbarbutton-1:not([type="menu-button"]), +.toolbarbutton-1 > .toolbarbutton-menubutton-button { + padding: 5px; +} + +.toolbarbutton-1[checked="true"] { + padding: 5px !important; +} + +/* 24px primary toolbar buttons */ +#back-button { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar"); +} +#back-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled"); +} + +#back-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar"); +} +#back-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled"); +} + +#forward-button/*, + @conditionalForwardWithUrlbar@ > #forward-button */{ + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar"); +} +#forward-button:-moz-locale-dir(rtl)/*, +@conditionalForwardWithUrlbar@ > #forward-button:-moz-locale-dir(rtl) */{ + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar"); +} + +#forward-button[disabled] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled"); +} +#forward-button[disabled]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled"); +} + +/*@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button { + transition: @forwardTransitionLength@ ease-out; +} + +@conditionalForwardWithUrlbar@ > #forward-button[disabled] { + transform: scale(0); + opacity: 0; + pointer-events: none; +}*/ + +#reload-button { + list-style-image: url("moz-icon://stock/gtk-refresh?size=toolbar"); +} +#reload-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-refresh?size=toolbar&state=disabled"); +} + +#stop-button { + list-style-image: url("moz-icon://stock/gtk-stop?size=toolbar"); +} +#stop-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-stop?size=toolbar&state=disabled"); +} + +#home-button { + list-style-image: url("moz-icon://stock/gtk-home?size=toolbar"); +} +#home-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-home?size=toolbar&state=disabled"); +} + +#downloads-button { + -moz-image-region: rect(0px 24px 24px 0px); +} + +#history-button, +#history-menu-button { + -moz-image-region: rect(0px 48px 24px 24px); +} + +#history-menu-button.toolbarbutton-1 { + -moz-box-orient: horizontal; +} + +#bookmarks-button, +#bookmarks-menu-button { + -moz-image-region: rect(0px 72px 24px 48px); +} + +#bookmarks-menu-button.bookmark-item { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); +} + +#bookmarks-menu-button.toolbarbutton-1 { + -moz-box-orient: horizontal; +} + +#print-button { + list-style-image: url("moz-icon://stock/gtk-print?size=toolbar"); +} +#print-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-print?size=toolbar&state=disabled"); +} + +#new-tab-button { + -moz-image-region: rect(0px 96px 24px 72px); +} + +#new-window-button { + -moz-image-region: rect(0px 120px 24px 96px); +} + +#cut-button { + list-style-image: url("moz-icon://stock/gtk-cut?size=toolbar"); +} +#cut-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=toolbar&state=disabled"); +} + +#copy-button { + list-style-image: url("moz-icon://stock/gtk-copy?size=toolbar"); +} +#copy-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=toolbar&state=disabled"); +} + +#paste-button { + list-style-image: url("moz-icon://stock/gtk-paste?size=toolbar"); +} +#paste-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=toolbar&state=disabled"); +} + +#fullscreen-button { + list-style-image: url("moz-icon://stock/gtk-fullscreen?size=toolbar"); +} + +#zoom-out-button { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=toolbar"); +} + +#zoom-in-button { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=toolbar"); +} + +#sync-button { + -moz-image-region: rect(0px 144px 24px 120px); +} +#sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/sync-24-throbber.png"); + -moz-image-region: rect(0px 24px 24px 0px); +} + +#feed-button { + -moz-image-region: rect(0px 168px 24px 144px); +} + +#feed-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +%ifdef MOZ_WEBRTC +#webrtc-status-button { + -moz-image-region: rect(0px 192px 24px 168px); +} +%endif + +/* 16px primary toolbar buttons */ +toolbar[iconsize="small"] .toolbarbutton-1:not([type="menu-button"]) { + -moz-box-orient: vertical; + min-width: 0; + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); +} + +toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"] { + border: 0 !important; +} + +toolbar[iconsize="small"] #back-button { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu"); +} +.unified-nav-back[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; +} +toolbar[iconsize="small"] #back-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #back-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu"); +} +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; +} +toolbar[iconsize="small"] #back-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu&state=disabled"); +} + +toolbar[iconsize=small] #forward-button, +@conditionalForwardWithUrlbar_small@ > #forward-button { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu"); +} +.unified-nav-forward[_moz-menuactive] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; +} +toolbar[iconsize=small] #forward-button[disabled] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu&state=disabled"); +} + +toolbar[iconsize=small] #forward-button:-moz-locale-dir(rtl), +@conditionalForwardWithUrlbar_small@ > #forward-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu"); +} +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; +} +toolbar[iconsize=small] #forward-button[disabled]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #stop-button { + list-style-image: url("moz-icon://stock/gtk-stop?size=menu"); +} +toolbar[iconsize="small"] #stop-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-stop?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #reload-button { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} +toolbar[iconsize="small"] #reload-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #home-button, +#home-button.bookmark-item { + list-style-image: url("moz-icon://stock/gtk-home?size=menu"); +} +toolbar[iconsize="small"] #home-button[disabled="true"], +#home-button.bookmark-item[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-home?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #downloads-button { + -moz-image-region: rect(0px 16px 16px 0px); +} + +%ifdef MOZ_WEBRTC +toolbar[iconsize="small"] #webrtc-status-button /* temporary placeholder (bug 824825) */, +%endif +toolbar[iconsize="small"] #history-button, +toolbar[iconsize="small"] #history-menu-button { + -moz-image-region: rect(0px 32px 16px 16px); +} + +toolbar[iconsize="small"] #bookmarks-button, +toolbar[iconsize="small"] #bookmarks-menu-button, +#bookmarks-menu-button.bookmark-item { + -moz-image-region: rect(0px 48px 16px 32px); +} + +toolbar[iconsize="small"] #print-button { + list-style-image: url("moz-icon://stock/gtk-print?size=menu"); +} +toolbar[iconsize="small"] #print-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-print?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #new-tab-button { + -moz-image-region: rect(0px 64px 16px 48px); +} + +toolbar[iconsize="small"] #new-window-button { + -moz-image-region: rect(0px 80px 16px 64px); +} + +toolbar[iconsize="small"] #cut-button { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} +toolbar[iconsize="small"] #cut-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #copy-button { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} +toolbar[iconsize="small"] #copy-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #paste-button { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} +toolbar[iconsize="small"] #paste-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +toolbar[iconsize="small"] #fullscreen-button { + list-style-image: url("moz-icon://stock/gtk-fullscreen?size=menu"); +} + +toolbar[iconsize="small"] #zoom-out-button { + list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu"); +} + +toolbar[iconsize="small"] #zoom-in-button { + list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu"); +} + +toolbar[iconsize="small"] #sync-button { + -moz-image-region: rect(0px 96px 16px 80px); +} +toolbar[iconsize="small"] #sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/sync-16-throbber.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +toolbar[iconsize="small"] #feed-button { + -moz-image-region: rect(0px 112px 16px 96px); +} + +%ifdef MOZ_WEBRTC +toolbar[iconsize="small"] #webrtc-status-button { + -moz-image-region: rect(0px 128px 16px 112px); +} +%endif + +/* Fullscreen window controls */ +#window-controls { + -moz-box-align: start; + -moz-margin-start: 10px; +} + +#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"); +} + +/* Location bar */ +#urlbar { + width: 7em; + -moz-appearance: textfield; + padding: 0; +} + +.urlbar-textbox-container { + -moz-appearance: none; + -moz-box-align: stretch; +} + +.urlbar-input-box { + -moz-margin-start: 0; + min-width: 4em; +} + +.urlbar-history-dropmarker { + -moz-appearance: toolbarbutton-dropdown; +} + +#urlbar-container { + -moz-box-orient: horizontal; + -moz-box-align: stretch; +} + +#urlbar-icons { + -moz-box-align: center; +} + +.urlbar-icon { + cursor: pointer; + padding: 0 3px; +} + +#urlbar-search-splitter { + -moz-appearance: none; + width: 8px; + -moz-margin-start: -4px; +} + +#urlbar-search-splitter + #urlbar-container > #urlbar , +#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { + -moz-margin-start: 0; +} + +#urlbar-display-box { + margin-top: -1px; + margin-bottom: -1px; + -moz-border-end: 1px solid #AAA; + -moz-margin-end: 3px; +} + +#urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; +} + +/* Favicon */ +#page-proxy-favicon { + width: 16px; + height: 16px; + margin-top: 2px; + margin-bottom: 2px; + -moz-margin-start: 4px; + -moz-margin-end: 3px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +/* Since we already have a padlock, always use the generic icon until the favicon loads +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); +} + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); +} + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); +} +*/ + +#identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#identity-box:hover:active > #page-proxy-favicon, +#identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; +} + +/* Identity indicator */ +#identity-box { + padding: 1px; + margin: -1px; + -moz-margin-end: 0; + font-size: .9em; +} + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; +} + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: rgb(95,127,67); + -moz-margin-end: 4px; + background-image: linear-gradient(rgba(226,246,208,1), + rgba(203,235,177,1)); + background-position: right; + background-repeat: no-repeat; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain { + color: rgb(51,87,137); + -moz-margin-end: 4px; + background-image: linear-gradient(rgba(220,231,245,1), + rgba(207,221,242,1)); + background-position: right; + background-repeat: no-repeat; +} + +#identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; +} + +/* Address bar shading for SSL */ + +#urlbar[https_color="all"][security_level="broken"], +#urlbar[https_color="all"][security_level="low"] { + box-shadow: inset 0 0 4px rgb(168,0,0); +} + +#urlbar[https_color="all"][security_level="mixed"], +#urlbar[https_color="secure-mixed"][security_level="mixed"] { + box-shadow: inset 0 0 4px rgb(168,79,0); +} + +#urlbar[https_color="all"][security_level="high"], +#urlbar[https_color="secure-mixed"][security_level="high"], +#urlbar[https_color="secure-only"][security_level="high"] { + box-shadow: inset 0 0 4px rgb(0,79,168); +} + +#urlbar[https_color="all"][security_level="ev"], +#urlbar[https_color="secure-mixed"][security_level="ev"], +#urlbar[https_color="secure-only"][security_level="ev"] { + box-shadow: inset 0 0 4px rgb(0,168,0); +} + +#urlbar[https_color="all"]:-moz-lwtheme-darktext, +#urlbar[https_color="secure-mixed"]:-moz-lwtheme-darktext, +#urlbar[https_color="secure-only"]:-moz-lwtheme-darktext { + box-shadow: inset 0 0 2px; +} + +/* Identity popup icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} + +/* Identity popup body text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; +} + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; +} + +#identity-popup-content-host , +#identity-popup-content-owner { + font-weight: bold; + max-width: 300px; +} + +#identity-popup-content-host , +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 140%; +} + +#identity-popup-content-owner { + margin-bottom: 0 !important; +} + +#identity-popup-content-verifier { + margin: 4px 0 2px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -18px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure.png"); +} + +/* Identity popup bounding box */ +#identity-popup-container { + min-width: 280px; +} + +/* Notification popup */ +#notification-popup { + min-width: 280px; +} + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} + +.popup-notification-icon[popupid="push"] { + list-style-image: url(chrome://browser/skin/Push-64.png); +} + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-cancelled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-origin-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); +} + +.addon-progress-description { + width: 350px; + max-width: 350px; +} + +.popup-progress-label, +.popup-progress-meter { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +.popup-progress-cancel { + -moz-appearance: none; + background: transparent; + border: none; + padding: 0; + margin: 0; + -moz-margin-start: 5px; + min-height: 0; + min-width: 0; + list-style-image: url("moz-icon://stock/gtk-cancel?size=menu"); +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} + +.popup-notification-icon[popupid="mixed-content-blocked"] { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-64.png); +} + +%ifdef MOZ_WEBRTC +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); +} +%endif + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); +} + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: #fff; + background-clip: padding-box; + padding-left: 4px; + border-radius: 2.5px 0 0 2.5px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; + -moz-margin-end: -8px; + margin-top: -1px; + margin-bottom: -1px; +} + +#notification-popup-box:not([hidden]) + #identity-box { + -moz-padding-start: 10px; + border-radius: 0; +} + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.notification-anchor-icon { + width: 16px; + height: 16px; + margin: 0 2px; +} + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; +} + +.default-notification-icon, +#default-notification-icon { + list-style-image: url(chrome://global/skin/icons/information-16.png); +} + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); +} + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); +} + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); +} + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); +} + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); +} + +#alert-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); +} + +#blocked-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); +} + +#plugins-notification-icon, +#alert-plugins-notification-icon, +#blocked-plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#plugins-notification-icon:hover, +#alert-plugins-notification-icon:hover, +#blocked-plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#plugins-notification-icon:active, +#alert-plugins-notification-icon:active, +#blocked-plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; +} + +#blocked-plugins-notification-icon[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; +} + +@keyframes pluginBlockedNotification { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.mixed-content-blocked-notification-icon, +#mixed-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-16.png); +} + +%ifdef MOZ_WEBRTC +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); +} + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); +} +%endif + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.web-notifications-notification-icon:hover, +#web-notifications-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.web-notifications-notification-icon:hover:active, +#web-notifications-notification-icon:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); +} +#pointerLock-cancel { + margin: 0px; +} + +/* Pale Moon: Feed icon */ +#ub-feed-button, +#ub-feed-button > .button-box, +#ub-feed-button:hover:active > .button-box { + padding: 0px; + margin: 0px; + border: 0px; + background-color: transparent !important; +} + +#ub-feed-button { + -moz-appearance: none; + min-width: 0px; + margin-right: 1px !important; + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + + +#treecolAutoCompleteImage { + max-width : 36px; +} + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/star-icons.png"); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; +} + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) { + list-style-image: url(moz-icon://stock/gtk-find?size=menu); + width: 16px; + height: 16px; +} + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; +} + +.ac-comment { + font-size: 1.05em; +} + +.ac-extra > .ac-comment { + font-size: inherit; +} + +.ac-url-text, +.ac-action-text { + color: -moz-nativehyperlinktext; + font-size: 0.9em; +} + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + padding: 0 3px; +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; +} + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; +} + +.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; +} + +/* Combined go/reload/stop button in location bar */ + +#go-button { + padding-top: 2px; + padding-bottom: 2px; +} + +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0; + border: none; + cursor: pointer; + width: 22px; +} + +#go-button, +#urlbar-go-button { + list-style-image: url("chrome://browser/skin/Go-arrow.png"); +} + +#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#urlbar-reload-button { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#urlbar-stop-button { + list-style-image: url("moz-icon://stock/gtk-stop?size=menu"); +} + +/* Popup blocker button */ +#page-report-button { + list-style-image: url("chrome://browser/skin/Info.png"); +} + +/* Star button */ +#star-button { + list-style-image: url("chrome://browser/skin/places/starPage.png"); +} + +#star-button[starred="true"] { + list-style-image: url("chrome://browser/skin/places/pageStarred.png"); +} + +/* bookmarks menu-button */ + +#bookmarks-menu-button[disabled] > .toolbarbutton-icon, +#bookmarks-menu-button[disabled] > .toolbarbutton-menu-dropmarker, +#bookmarks-menu-button[disabled] > .toolbarbutton-menubutton-dropmarker, +#bookmarks-menu-button[disabled] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#bookmarks-menu-button > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +/* history menu-button */ + +#history-menu-button[disabled] > .toolbarbutton-icon, +#history-menu-button[disabled] > .toolbarbutton-menu-dropmarker, +#history-menu-button[disabled] > .toolbarbutton-menubutton-dropmarker, +#history-menu-button[disabled] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +#history-menu-button > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +/* Bookmarking panel */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; +} + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); +} + +#editBookmarkPanelTitle { + font-size: 130%; +} + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; +} + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; +} + +/* Content area */ +#sidebar { + background-color: Window; +} + +/* Throbber */ +#navigator-throbber { + width: 16px; + min-height: 16px; + margin: 0 3px; +} + +#navigator-throbber[busy="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#navigator-throbber, +#wrapper-navigator-throbber > #navigator-throbber { + list-style-image: url("chrome://global/skin/icons/notloading_16.png"); +} + +/* Tabstrip */ + +#TabsToolbar { + min-height: 0; + padding: 0; +} + +#TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) { + -moz-appearance: menubar; + color: -moz-menubartext; + box-shadow: 0 -1px 0 rgba(0,0,0,.1) inset; +} + +#TabsToolbar[tabsontop=true]:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) { + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag"); +} + +#TabsToolbar[tabsontop=false] { + background-image: linear-gradient(to top, rgba(0,0,0,.3) 1px, rgba(0,0,0,.05) 1px, transparent 50%); +} + +/* When the tab bar is collapsed, show a 1px border in its place. */ +#TabsToolbar[tabsontop="false"][collapsed="true"]:not([customizing="true"]) { + visibility: visible; + height: 1px; + border-bottom-width: 1px; + /* !important here to override border-style: none on the toolbar */ + border-bottom-style: solid !important; + border-bottom-color: ThreeDShadow; + overflow: hidden; +} + +.tabbrowser-tab, +.tabs-newtab-button { + position: static; + -moz-appearance: none; + background: linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,45%,.2) 2px, hsla(0,0%,32%,.2) 80%); + background-origin: border-box; + background-position: 1px 2px; + background-size: 100% calc(100% - 2px); + background-repeat: no-repeat; + color: inherit; + margin: 0; + padding: 0; + border-width: 4px 5px 3px 6px; + border-style: solid; + border-image: url(tabbrowser/tab.png) 4 5 3 6 fill repeat stretch; + border-radius: 10px 8px 0 0; + min-height: 25px; /* reserve space for the sometimes hidden close button */ +} + +.tabbrowser-tab:hover, +.tabs-newtab-button:hover { + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.2) 4px, hsla(0,0%,75%,.2) 80%); +} + +.tabbrowser-tab[selected="true"] { + background-image: linear-gradient(@selectedTabHighlight@, @toolbarHighlight@ 32%), + linear-gradient(-moz-dialog, -moz-dialog); +} + +.tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) { + color: -moz-dialogtext; +} + +#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) { + background-image: linear-gradient(to top, rgba(0,0,0,.3) 1px, transparent 1px), + linear-gradient(@selectedTabHighlight@, @toolbarHighlight@ 32%), + linear-gradient(-moz-dialog, -moz-dialog); +} + + +.tabbrowser-tab:-moz-lwtheme:not([selected="true"]) { + opacity: 0.9; +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme { + background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.8) 50%); +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme-brighttext { + background-image: linear-gradient(rgba(128,128,128,.9), rgba(32,32,32,.9) 50%, rgba(32,32,32,.9) 80%, rgba(32,32,32,.8) 100%); +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-brighttext { + background-image: linear-gradient(hsla(0,0%,25%,.4), hsla(0,0%,15%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-brighttext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,10%,.8) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-darktext { + background-image: linear-gradient(hsla(0,0%,75%,.4), hsla(0,0%,85%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-darktext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,90%,.8) 80%); +} + +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { + background-image: radial-gradient(circle farthest-corner at 50% 3px, rgba(233,242,252,1) 3%, rgba(172,206,255,.75) 40%, rgba(87,151,201,.5) 80%, rgba(87,151,201,0)); +} +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { + background-image: linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.6) 2px, hsla(0,0%,75%,.2) 80%), + radial-gradient(circle farthest-corner at 50% 3px, rgba(233,242,252,1) 3%, rgba(172,206,255,.75) 40%, rgba(87,151,201,.5) 80%, rgba(87,151,201,0)); +} + +#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab > .tab-stack > .tab-content[pinned] { + min-height: 18px; /* corresponds to the max. height of non-textual tab contents, i.e. the tab close button */ +} + +.tabbrowser-tab:focus > .tab-stack { + outline: 1px dotted; +} + +.tab-throbber, +.tab-icon-image { + width: 16px; + height: 16px; + -moz-margin-end: 3px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.tab-throbber { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); +} + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); +} + +.tab-throbber[pinned], +.tab-icon-image[pinned], +.tabs-newtab-button > .toolbarbutton-icon { + -moz-margin-start: 2px; + -moz-margin-end: 2px; +} + +#context_reloadTab { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} + +#context_closeOtherTabs { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +#context_closeOtherTabs[disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); +} + +#context_undoCloseTab { + list-style-image: url("moz-icon://stock/gtk-undelete?size=menu"); +} + +#context_closeTab { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +/* Tab drag and drop */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -11px; +} + +/* In-tab close button */ +.tab-close-button > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -4px; +} + +.tab-close-button { + padding: 0; + margin-top: -1px; + margin-bottom: -1px; + -moz-margin-end: -1px; +} + +/* Tab sound indicator */ +.tab-icon-sound { + -moz-margin-start: 4px; + width: 16px; + height: 16px; + padding: 0; +} + +.allTabs-endimage[soundplaying], +.tab-icon-sound[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); +} + +.allTabs-endimage[muted], +.tab-icon-sound[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted"); +} + +.allTabs-endimage[blocked], +.tab-icon-sound[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[soundplaying], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[blocked], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[muted] { + filter: invert(1); +} + +.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover), +.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) { + transition: opacity .3s linear var(--soundplaying-removal-delay); + opacity: 0; +} + +/* Tab icon overlay */ +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: -8px; + margin-inline-start: -15px; + margin-inline-end: -1px; + position: relative; +} + +.tab-icon-overlay[soundplaying], +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[blocked]:not([crashed]) { + border-radius: 10px; +} + +.tab-icon-overlay[soundplaying]:hover, +.tab-icon-overlay[muted]:not([crashed]):hover, +.tab-icon-overlay[blocked]:not([crashed]):hover { + background-color: white; +} + +.tab-icon-overlay[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); +} + +.tab-icon-overlay[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); +} + +.tab-icon-overlay[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[soundplaying]:not([selected]):not(:hover), +.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[muted][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked"); +} + +/* Tabstrip new tab button */ +.tabs-newtab-button, +#TabsToolbar > #new-tab-button , +#TabsToolbar > #wrapper-new-tab-button > #new-tab-button { + list-style-image: url("moz-icon://stock/gtk-add?size=menu"); + -moz-image-region: auto; +} + +/* Tabstrip close button */ +.tabs-closebutton > .toolbarbutton-icon { + /* XXX Buttons have padding in widget/ that we don't want here but can't override with good CSS, so we must + use evil CSS to give the impression of smaller content */ + margin: -2px; +} + +/* Tabbrowser arrowscrollbox arrows */ +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + margin: 0; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up { + -moz-border-start: 0; + -moz-border-end: 2px solid transparent; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-border-start: 2px solid transparent; + -moz-border-end: 0; + transition: 1s box-shadow ease-out; + border-radius: 4px; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + box-shadow: 0 0 5px 5px Highlight inset; + transition: none; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(ltr), +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(rtl) { + border-width: 0 2px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):-moz-locale-dir(ltr), +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):-moz-locale-dir(rtl) { + border-width: 0 0 0 2px; + border-style: solid; + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill; +} + +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon, +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + margin-top: -2px; + margin-bottom: -2px; +} + +#alltabs-button > .toolbarbutton-icon { + list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png"); + margin: 2px 0 1px; +} + +#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { + margin-bottom: -2px; +} + +#alltabs-button[type="menu"] > .toolbarbutton-icon { + display: none; +} + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; +} + +/* Sidebar */ +#sidebar-header > .tabs-closebutton { + margin-bottom: 0px !important; + padding: 0px 2px 0px 2px !important; +} + +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; +} + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +/* ::::: Keyboard UI Panel ::::: */ + +.KUI-panel-closebutton { + list-style-image: url(KUI-close.png); +} + +.KUI-panel-closebutton > .toolbarbutton-icon { + margin: 0; +} + +/* ::::: Ctrl-Tab and All Tabs Panels ::::: */ + +.ctrlTab-preview, +.allTabs-preview { + -moz-appearance: toolbarbutton; +} + +.tabPreview-canvas { + box-shadow: 0 0 5px ThreeDShadow; +} + +.ctrlTab-preview:focus .tabPreview-canvas, +.ctrlTab-preview:hover .tabPreview-canvas, +.allTabs-preview:focus .tabPreview-canvas, +.allTabs-preview:hover .tabPreview-canvas { + box-shadow: none; +} + +.ctrlTab-favicon[src], +.allTabs-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; +} + +/* Ctrl-Tab */ + +#ctrlTab-panel { + padding: 10px; +} + +.ctrlTab-preview:not(#ctrlTab-showAll) .tabPreview-canvas { + margin-bottom: 2px; +} + +#ctrlTab-showAll { + -moz-appearance: button; + color: ButtonText; + padding: 0 3px; + margin-top: 10px; +} + +/* All Tabs */ + +#allTabs-panel { + padding-bottom: 10px; +} + +#allTabs-meta { + padding: 5px; +} + +#allTabs-filter { + -moz-margin-start: 36px; + -moz-margin-end: 0; +} + +.allTabs-preview-label { + transform: translate(0, 2px); +} + +/* Application button menu */ + +.splitmenu-menuitem { + -moz-margin-end: 1px; +} + +#appmenu-toolbar-button:not(:hover):not([open]):not(:-moz-lwtheme) { + color: inherit; +} + +#appmenu-toolbar-button > .toolbarbutton-text, +#appmenu-toolbar-button > .toolbarbutton-menu-dropmarker { + margin-top: -2px !important; + margin-bottom: -2px !important; +} +#appmenuSecondaryPane { + -moz-border-start: 1px solid ThreeDShadow; +} +#appmenuSecondaryPane-spacer { + min-height: 1em; +} +#appmenu-cut, +#appmenu-editmenu-cut { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} +#appmenu-copy, +#appmenu-editmenu-copy { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} +#appmenu-paste, +#appmenu-editmenu-paste { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} +#wrapper-appmenu-toolbar-button, +.appmenu-edit-button[disabled="true"] { + opacity: .3; +} + +/* Add-on bar */ + +#addon-bar { + box-shadow: 0 1px 0 rgba(0,0,0,.15) inset; + padding: 0; + min-height: 20px; +} + +#status-bar { + min-height: 0; + -moz-appearance: none; + background-color: transparent; + border: none; +} + +#addon-bar[customizing] > #status-bar { + opacity: .5; + background-image: repeating-linear-gradient(135deg, + rgba(255,255,255,.3), rgba(255,255,255,.3) 5px, + rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px); +} + +#status-bar > statusbarpanel { + border-width: 0; + -moz-appearance: none; +} + +#addonbar-closebutton > .toolbarbutton-icon { + margin-top: -2px; + margin-bottom: -2px; +} + +/* Status panel */ + +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: linear-gradient(#fff, #ddd); + border: 1px none #ccc; + border-top-style: solid; + color: #333; + text-shadow: none; +} + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + border-top-right-radius: .3em; + margin-right: 1em; +} + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + border-top-left-radius: .3em; + margin-left: 1em; +} + +#full-screen-warning-message { + background-color: hsl(0,0%,15%); + color: white; + border-radius: 8px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; +} + +.full-screen-description { + font-size: 150%; +} + +#full-screen-domain-text { + font-size: 300%; +} + +%ifdef MOZ_DEVTOOLS +%include ../../../../devtools/client/themes/responsivedesign.inc.css +%include ../../../../devtools/client/themes/commandline.inc.css +%endif +%include ../shared/plugin-doorhanger.inc.css + +%ifdef MOZ_DEVTOOLS +.gcli-panel { + padding: 0; +} + +.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection { + color: hsl(210,11%,16%); +} + +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 2px; +} +%endif + +.toolbarbutton-badge-stack { + margin: 5px 3px; + position: relative; +} + +toolbar[iconsize="small"] .toolbarbutton-badge-stack { + margin: 0; +} + +.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 2px; + right: auto; +} + +#main-window[privatebrowsingmode=temporary] #TabsToolbar::before { + display: -moz-box; + content: ""; + background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat; + width: 40px; +} diff --git a/themes/linux/click-to-play-warning-stripes.png b/themes/linux/click-to-play-warning-stripes.png Binary files differnew file mode 100644 index 0000000..29f15f7 --- /dev/null +++ b/themes/linux/click-to-play-warning-stripes.png diff --git a/themes/linux/communicator/communicator.css b/themes/linux/communicator/communicator.css new file mode 100644 index 0000000..0b57574 --- /dev/null +++ b/themes/linux/communicator/communicator.css @@ -0,0 +1,6 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/"); + diff --git a/themes/linux/communicator/jar.mn b/themes/linux/communicator/jar.mn new file mode 100644 index 0000000..612d133 --- /dev/null +++ b/themes/linux/communicator/jar.mn @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin communicator classic/1.0 %skin/classic/communicator/ + skin/classic/communicator/communicator.css diff --git a/themes/linux/communicator/moz.build b/themes/linux/communicator/moz.build new file mode 100644 index 0000000..c97072b --- /dev/null +++ b/themes/linux/communicator/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/linux/downloads/allDownloadsViewOverlay.css b/themes/linux/downloads/allDownloadsViewOverlay.css new file mode 100644 index 0000000..3526e01 --- /dev/null +++ b/themes/linux/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,125 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#downloadsRichListBox { + /** The default listbox appearance comes with an unwanted margin. **/ + -moz-appearance: none; + margin: 0; +} + +#downloadsRichListBox > richlistitem.download { + height: 5em; + padding: 5px 8px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +.downloadTarget { + margin-bottom: 3px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.7; + font-size: 95%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + background: transparent; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 80px, 16px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 96px, 16px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 112px, 16px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 128px, 16px, 112px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 80px, 32px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem.download:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem.download:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} +richlistitem.download[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 80px, 48px, 64px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 96px, 48px, 80px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 112px, 48px, 96px); +} +richlistitem.download:hover[selected] > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 128px, 48px, 112px); +} + diff --git a/themes/linux/downloads/buttons.png b/themes/linux/downloads/buttons.png Binary files differnew file mode 100644 index 0000000..071f7f7 --- /dev/null +++ b/themes/linux/downloads/buttons.png diff --git a/themes/linux/downloads/contentAreaDownloadsView.css b/themes/linux/downloads/contentAreaDownloadsView.css new file mode 100644 index 0000000..56917d7 --- /dev/null +++ b/themes/linux/downloads/contentAreaDownloadsView.css @@ -0,0 +1,11 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +#downloadsListEmptyDescription { + margin: 1em; + text-align: center; + color: GrayText; +} diff --git a/themes/linux/downloads/download-glow-small.png b/themes/linux/downloads/download-glow-small.png Binary files differnew file mode 100644 index 0000000..0dbf602 --- /dev/null +++ b/themes/linux/downloads/download-glow-small.png diff --git a/themes/linux/downloads/download-glow.png b/themes/linux/downloads/download-glow.png Binary files differnew file mode 100644 index 0000000..7514317 --- /dev/null +++ b/themes/linux/downloads/download-glow.png diff --git a/themes/linux/downloads/download-notification-finish.png b/themes/linux/downloads/download-notification-finish.png Binary files differnew file mode 100644 index 0000000..7bcc7f5 --- /dev/null +++ b/themes/linux/downloads/download-notification-finish.png diff --git a/themes/linux/downloads/download-notification-start.png b/themes/linux/downloads/download-notification-start.png Binary files differnew file mode 100644 index 0000000..bd548b1 --- /dev/null +++ b/themes/linux/downloads/download-notification-start.png diff --git a/themes/linux/downloads/download-summary.png b/themes/linux/downloads/download-summary.png Binary files differnew file mode 100644 index 0000000..c5d4754 --- /dev/null +++ b/themes/linux/downloads/download-summary.png diff --git a/themes/linux/downloads/downloads.css b/themes/linux/downloads/downloads.css new file mode 100644 index 0000000..79bb5ee --- /dev/null +++ b/themes/linux/downloads/downloads.css @@ -0,0 +1,376 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/*** Panel and outer controls ***/ + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + background: transparent; + padding: 4px; + color: inherit; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsListBox { + display: none; +} + +#downloadsPanel[hasdownloads] > #emptyDownloads { + display: none; +} + +#emptyDownloads { + padding: 10px 20px; + max-width: 40ch; +} + +#downloadsHistory { + background: transparent; + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +#downloadsFooter { + border-top: 1px solid ThreeDShadow; + background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px); +} + +#downloadsHistory > .button-box { + margin: 1em; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Downloads Summary and List items ***/ + +#downloadsSummary, +richlistitem[type="download"] { + height: 6em; + -moz-padding-end: 0; + color: inherit; +} + +#downloadsSummary { + padding: 8px 38px 8px 12px; + cursor: pointer; + -moz-user-focus: normal; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; +} + +#downloadsSummary > .downloadTypeIcon { + list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); +} + +#downloadsSummaryDescription { + color: -moz-nativehyperlinktext; +} + +richlistitem[type="download"] { + margin: 0; + border-top: 1px solid hsla(0,0%,100%,.2); + border-bottom: 1px solid hsla(0,0%,0%,.15); + background: transparent; + padding: 8px; +} + +richlistitem[type="download"]:first-child { + border-top: 1px solid transparent; +} + +richlistitem[type="download"]:last-child { + border-bottom: 1px solid transparent; +} + +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + min-height: 32px; + min-width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails + inside of a vbox with class .downloadContainer. We set the font-size of + the entire container to 90% because: + + 1) This is the size that we want .downloadDetails to be + 2) The container's width is set by localizers by &downloadDetails.width;, + which is a ch unit. Since this is the value that should control the + panel width, we apply it to the outer container to constrain + .downloadDisplayName and .downloadProgress. + + Finally, since we want .downloadDisplayName's font-size to be at 100% of + the font-size of .downloadContainer's parent, we use calc to go from the + smaller font-size back to the original font-size. + */ +#downloadsSummaryDetails, +.downloadContainer { + font-size: 90%; +} + +#downloadsSummaryDescription, +.downloadDisplayName { + margin-bottom: 7px; + cursor: inherit; +} + +.downloadDisplayName { + font-size: calc(100%/0.9); +} + +#downloadsSummaryDetails, +.downloadDetails { + margin-top: 1px; + opacity: 0.6; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + padding: 0; +} + +.downloadButton:focus > .button-box { + outline: 1px -moz-dialogtext dotted; +} + +/*** Highlighted list items ***/ + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border-radius: 3px; + border-top: 1px solid hsla(0,0%,100%,.3); + border-bottom: 1px solid hsla(0,0%,0%,.2); + background-color: Highlight; + background-image: linear-gradient(hsla(0,0%,100%,.1), hsla(0,0%,100%,0)); + color: HighlightText; + cursor: pointer; +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} + +/*** Status and progress indicator ***/ + +#downloads-indicator-anchor { + /* Makes the outermost stack element positioned, so that its contents are + rendered over the main browser window in the Z order. This is required by + the animated event notification. */ + position: relative; +} + +toolbar[iconsize="small"] > #downloads-indicator > #downloads-indicator-anchor { + min-width: 16px; + min-height: 16px; +} + +toolbar[iconsize="large"] > #downloads-indicator > #downloads-indicator-anchor { + min-width: 24px; + min-height: 24px; +} + +/*** Main indicator icon ***/ + +toolbar[iconsize="small"] > #downloads-indicator > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), + 0, 16, 16, 0) center no-repeat; +} + +toolbar[iconsize="large"] > #downloads-indicator > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 24, 24, 0) center no-repeat; +} + +toolbar[iconsize="small"] > #downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: url("chrome://browser/skin/downloads/download-glow-small.png"); +} + +toolbar[iconsize="large"] > #downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ + +#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), + 0, 16, 16, 0) center no-repeat; + background-size: 12px; +} + +#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +/*** Download notifications ***/ + +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; +} + +@keyframes downloadsIndicatorNotificationStartRight { + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +@keyframes downloadsIndicatorNotificationStartLeft { + from { opacity: 0; transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; +} + +#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; +} + +@keyframes downloadsIndicatorNotificationFinish { + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 10px; + margin: 0; + color: hsl(0,0%,30%); + text-shadow: 0 1px 0 hsla(0,0%,100%,.5); + font-size: 10px; + line-height: 10px; + text-align: center; +} + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0,0,0,.7), + 0 1px 1.5px rgba(0,0,0,.5); +} + +#downloads-indicator-progress { + width: 16px; + height: 6px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0,0%,100%,.4); +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: rgb(255, 135, 94); + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4); + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: rgb(220, 230, 81); +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); +} + +toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { + margin: 0; + text-align: center; +} diff --git a/themes/linux/engineManager.css b/themes/linux/engineManager.css new file mode 100644 index 0000000..18817cd --- /dev/null +++ b/themes/linux/engineManager.css @@ -0,0 +1,16 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 4px; + -moz-margin-start: 1px; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + height: 20px; +} diff --git a/themes/linux/feeds/feedIcon.png b/themes/linux/feeds/feedIcon.png Binary files differnew file mode 100644 index 0000000..a788fff --- /dev/null +++ b/themes/linux/feeds/feedIcon.png diff --git a/themes/linux/feeds/feedIcon16.png b/themes/linux/feeds/feedIcon16.png Binary files differnew file mode 100644 index 0000000..f8536a4 --- /dev/null +++ b/themes/linux/feeds/feedIcon16.png diff --git a/themes/linux/feeds/subscribe-ui.css b/themes/linux/feeds/subscribe-ui.css new file mode 100644 index 0000000..b3c0b37 --- /dev/null +++ b/themes/linux/feeds/subscribe-ui.css @@ -0,0 +1,29 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.alwaysUse { + padding: 5px; +} + +.handlersMenuPopup > menuitem { + -moz-padding-start: 23px; +} + +.handlersMenuPopup > menuitem.menuitem-iconic { + -moz-padding-start: 2px; +} + +.handlersMenuPopup > .menuitem-iconic > .menu-iconic-left { + display: -moz-box; + min-width: 16px; + -moz-padding-end: 2px; +} + +.chooseApplicationMenuItem { + list-style-image: url("moz-icon://dummy.exe?size=16"); +} + +#feedHeader[dir="rtl"] .handlersMenuList > menupopup { + direction: rtl; +} diff --git a/themes/linux/feeds/subscribe.css b/themes/linux/feeds/subscribe.css new file mode 100644 index 0000000..dd1e24e --- /dev/null +++ b/themes/linux/feeds/subscribe.css @@ -0,0 +1,163 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +html { + background: -moz-Dialog; + font: 3mm tahoma,arial,helvetica,sans-serif; +} + +#feedBody { + border: 1px solid THreeDShadow; + padding: 3em; + -moz-padding-start: 30px; + margin: 2em auto; + background: -moz-Field; +} + +#feedHeaderContainer { + border: 1px solid ThreeDShadow; + border-radius: 10px; + margin: -4em auto 0 auto; + background-color: InfoBackground; +} + +#feedHeader { + margin-top: 4.9em; + margin-bottom: 1em; + -moz-margin-start: 1.4em; + -moz-margin-end: 1em; + -moz-padding-start: 2.9em; + font-size: 110%; + color: InfoText; +} + +.feedBackground { + background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.videoPodcastBackground { + background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.audioPodcastBackground { + background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +#feedHeader[dir="rtl"] { + background-position: 100% 10%; +} + +#feedIntroText { + display: none; +} + +#feedHeader[firstrun="true"] #feedIntroText { + padding-top: 0.1em; + -moz-padding-start: 0.6em; + display: block; +} + +#feedHeader[firstrun="true"] > #feedSubscribeLine { + -moz-padding-start: 1.8em; +} + +#feedSubscribeLine { + padding-top: 0.2em; +} + +img { + max-width: 100%; +} + +/* Don't print subscription UI */ +@media print { + #feedHeaderContainer { + display: none; + } +} + +body { + margin: 0; + padding: 0 3em; + color: -moz-fieldText; + font: message-box; +} + +h1 { + font-size: 160%; + border-bottom: 2px solid ThreeDLightShadow; + margin: 0 0 .2em 0; +} + +h2 { + color: ThreeDDarkShadow; + font-size: 110%; + font-weight: normal; + margin: 0 0 .6em 0; +} + +#feedTitleLink { + float: right; + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; +} + +a[href] img { + border: none; +} + +#feedTitleContainer { + -moz-margin-start: 0; + -moz-margin-end: .6em; + margin-top: 0; + margin-bottom: 0; +} + +#feedTitleImage { + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; + max-width: 300px; + max-height: 150px; +} + +.feedEntryContent { + font-size: 110%; +} + +.link { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} + +.link:hover:active { + color: #FF0000; +} + +.lastUpdated { + font-size: 85%; + font-weight: normal; +} + +.type-icon { + vertical-align: bottom; + height: 16px; + width: 16px; +} + +.enclosures { + border: 1px solid THreeDShadow; + padding: 1em; + margin: 1em auto; + background: -moz-Dialog; +} + +.enclosure { + vertical-align: middle; + margin-left: 2px; +} diff --git a/themes/linux/icon.png b/themes/linux/icon.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/linux/icon.png diff --git a/themes/linux/identity-icons-generic.png b/themes/linux/identity-icons-generic.png Binary files differnew file mode 100644 index 0000000..a39e493 --- /dev/null +++ b/themes/linux/identity-icons-generic.png diff --git a/themes/linux/identity-icons-https-ev.png b/themes/linux/identity-icons-https-ev.png Binary files differnew file mode 100644 index 0000000..d49be13 --- /dev/null +++ b/themes/linux/identity-icons-https-ev.png diff --git a/themes/linux/identity-icons-https-mixed-active.png b/themes/linux/identity-icons-https-mixed-active.png Binary files differnew file mode 100644 index 0000000..3c77bc8 --- /dev/null +++ b/themes/linux/identity-icons-https-mixed-active.png diff --git a/themes/linux/identity-icons-https.png b/themes/linux/identity-icons-https.png Binary files differnew file mode 100644 index 0000000..ffd6694 --- /dev/null +++ b/themes/linux/identity-icons-https.png diff --git a/themes/linux/identity.png b/themes/linux/identity.png Binary files differnew file mode 100644 index 0000000..f3f790e --- /dev/null +++ b/themes/linux/identity.png diff --git a/themes/linux/imagedocument.png b/themes/linux/imagedocument.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/linux/imagedocument.png diff --git a/themes/linux/jar.mn b/themes/linux/jar.mn new file mode 100644 index 0000000..a7c426b --- /dev/null +++ b/themes/linux/jar.mn @@ -0,0 +1,142 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin browser classic/1.0 %skin/classic/browser/ +% override chrome://global/skin/icons/warning-16.png moz-icon://stock/gtk-dialog-warning?size=menu + skin/classic/browser/sanitizeDialog.css +* skin/classic/browser/aboutPrivateBrowsing.css +* skin/classic/browser/aboutSessionRestore.css + skin/classic/browser/aboutSessionRestore-window-icon.png + skin/classic/browser/aboutCertError.css + skin/classic/browser/aboutCertError_sectionCollapsed.png + skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png + skin/classic/browser/aboutCertError_sectionExpanded.png +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/aboutSyncTabs.css +#endif +* skin/classic/browser/autocomplete.css + skin/classic/browser/actionicon-tab.png +* skin/classic/browser/browser.css + skin/classic/browser/click-to-play-warning-stripes.png +* skin/classic/browser/engineManager.css + skin/classic/browser/Geolocation-16.png + skin/classic/browser/Geolocation-64.png + skin/classic/browser/Go-arrow.png + skin/classic/browser/identity.png + skin/classic/browser/imagedocument.png + skin/classic/browser/identity-icons-generic.png + skin/classic/browser/identity-icons-https.png + skin/classic/browser/identity-icons-https-ev.png + skin/classic/browser/identity-icons-https-mixed-active.png + skin/classic/browser/Info.png + skin/classic/browser/KUI-close.png + skin/classic/browser/mixed-content-blocked-16.png + skin/classic/browser/mixed-content-blocked-64.png + skin/classic/browser/monitor.png + skin/classic/browser/monitor_16-10.png +* skin/classic/browser/pageInfo.css + skin/classic/browser/pageInfo.png + skin/classic/browser/page-livemarks.png + skin/classic/browser/pointerLock-16.png + skin/classic/browser/pointerLock-64.png + skin/classic/browser/Privacy-16.png + skin/classic/browser/Privacy-48.png + skin/classic/browser/privatebrowsing-mask.png + skin/classic/browser/searchbar.css + skin/classic/browser/Secure.png + skin/classic/browser/Security-broken.png + skin/classic/browser/setDesktopBackground.css + skin/classic/browser/slowStartup-16.png + skin/classic/browser/Toolbar.png + skin/classic/browser/Toolbar-small.png + skin/classic/browser/urlbar-arrow.png + skin/classic/browser/web-notifications-icon.svg + skin/classic/browser/web-notifications-tray.svg +#ifdef MOZ_WEBRTC + skin/classic/browser/webRTC-shareDevice-16.png + skin/classic/browser/webRTC-shareDevice-64.png + skin/classic/browser/webRTC-sharingDevice-16.png +#endif + skin/classic/browser/downloads/buttons.png (downloads/buttons.png) + skin/classic/browser/downloads/download-glow.png (downloads/download-glow.png) + skin/classic/browser/downloads/download-glow-small.png (downloads/download-glow-small.png) + skin/classic/browser/downloads/download-notification-finish.png (downloads/download-notification-finish.png) + skin/classic/browser/downloads/download-notification-start.png (downloads/download-notification-start.png) + skin/classic/browser/downloads/download-summary.png (downloads/download-summary.png) + skin/classic/browser/downloads/downloads.css (downloads/downloads.css) + skin/classic/browser/downloads/allDownloadsViewOverlay.css (downloads/allDownloadsViewOverlay.css) + skin/classic/browser/downloads/contentAreaDownloadsView.css (downloads/contentAreaDownloadsView.css) + skin/classic/browser/feeds/feedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/feedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/videoFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/videoFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/audioFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/audioFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) + skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) +* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) + skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png) + skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png) + skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png) + skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png) + skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png) + skin/classic/browser/places/calendar.png (places/calendar.png) +* skin/classic/browser/places/editBookmarkOverlay.css (places/editBookmarkOverlay.css) + skin/classic/browser/places/livemark-item.png (places/livemark-item.png) + skin/classic/browser/places/pageStarred.png (places/pageStarred.png) + skin/classic/browser/places/star-icons.png (places/star-icons.png) + skin/classic/browser/places/starred48.png (places/starred48.png) + skin/classic/browser/places/unstarred48.png (places/unstarred48.png) + skin/classic/browser/places/places.css (places/places.css) + skin/classic/browser/places/organizer.css (places/organizer.css) + skin/classic/browser/places/organizer.xml (places/organizer.xml) + skin/classic/browser/places/query.png (places/query.png) + skin/classic/browser/places/starPage.png (places/starPage.png) + skin/classic/browser/places/tag.png (places/tag.png) + skin/classic/browser/places/toolbarDropMarker.png (places/toolbarDropMarker.png) + skin/classic/browser/places/unsortedBookmarks.png (places/unsortedBookmarks.png) + skin/classic/browser/places/downloads.png (places/downloads.png) + skin/classic/browser/permissions/aboutPermissions.css (permissions/aboutPermissions.css) + skin/classic/browser/preferences/alwaysAsk.png (preferences/alwaysAsk.png) + skin/classic/browser/preferences/mail.png (preferences/mail.png) + skin/classic/browser/preferences/Options.png (preferences/Options.png) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/preferences/Options-sync.png (preferences/Options-sync.png) +#endif +* skin/classic/browser/preferences/preferences.css (preferences/preferences.css) + skin/classic/browser/preferences/applications.css (preferences/applications.css) + skin/classic/browser/statusbar/dynamic.css (../shared/statusbar/dynamic.css) +* skin/classic/browser/statusbar/overlay.css (statusbar/overlay.css) +* skin/classic/browser/statusbar/prefs.css (statusbar/prefs.css) + skin/classic/browser/statusbar/pulse.png (../shared/statusbar/pulse.png) + skin/classic/browser/statusbar/pms16.png (../shared/statusbar/pms16.png) + skin/classic/browser/statusbar/pms24.png (../shared/statusbar/pms24.png) + skin/classic/browser/statusbar/throbber-idle.png (../shared/statusbar/throbber-idle.png) + skin/classic/browser/statusbar/throbberStatic.png (../shared/statusbar/throbberStatic.png) + skin/classic/browser/tabbrowser/alltabs.png (tabbrowser/alltabs.png) + skin/classic/browser/tabbrowser/connecting.png (tabbrowser/connecting.png) + skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png) + skin/classic/browser/tabbrowser/tab.png (tabbrowser/tab.png) + skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png) + skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png) + skin/classic/browser/tabbrowser/tab-audio.svg (../shared/tabbrowser/tab-audio.svg) + skin/classic/browser/tabbrowser/tab-audio-small.svg (../shared/tabbrowser/tab-audio-small.svg) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/sync-16-throbber.png + skin/classic/browser/sync-16.png + skin/classic/browser/sync-24-throbber.png + skin/classic/browser/sync-32.png + skin/classic/browser/sync-bg.png + skin/classic/browser/sync-128.png + skin/classic/browser/sync-desktopIcon.png + skin/classic/browser/sync-mobileIcon.png + skin/classic/browser/syncSetup.css + skin/classic/browser/syncCommon.css + skin/classic/browser/syncQuota.css + skin/classic/browser/syncProgress.css +#endif + skin/classic/browser/notification-pluginNormal.png (../shared/plugins/notification-pluginNormal.png) + skin/classic/browser/notification-pluginAlert.png (../shared/plugins/notification-pluginAlert.png) + skin/classic/browser/notification-pluginBlocked.png (../shared/plugins/notification-pluginBlocked.png) diff --git a/themes/linux/mixed-content-blocked-16.png b/themes/linux/mixed-content-blocked-16.png Binary files differnew file mode 100644 index 0000000..7cf33ec --- /dev/null +++ b/themes/linux/mixed-content-blocked-16.png diff --git a/themes/linux/mixed-content-blocked-64.png b/themes/linux/mixed-content-blocked-64.png Binary files differnew file mode 100644 index 0000000..cac4415 --- /dev/null +++ b/themes/linux/mixed-content-blocked-64.png diff --git a/themes/linux/monitor.png b/themes/linux/monitor.png Binary files differnew file mode 100644 index 0000000..35e7b20 --- /dev/null +++ b/themes/linux/monitor.png diff --git a/themes/linux/monitor_16-10.png b/themes/linux/monitor_16-10.png Binary files differnew file mode 100644 index 0000000..4195034 --- /dev/null +++ b/themes/linux/monitor_16-10.png diff --git a/themes/linux/moz.build b/themes/linux/moz.build new file mode 100644 index 0000000..6a7af20 --- /dev/null +++ b/themes/linux/moz.build @@ -0,0 +1,9 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +DIRS += ['communicator'] + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/linux/newtab/newTab.css b/themes/linux/newtab/newTab.css new file mode 100644 index 0000000..357b313 --- /dev/null +++ b/themes/linux/newtab/newTab.css @@ -0,0 +1,27 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../shared/newtab/newTab.css.inc + +.newtab-undo-button { + -moz-appearance: none; + color: rgb(221,72,20); + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +#newtab-undo-close-button { + padding: 0; + border: none; + -moz-user-focus: normal; +} + +#newtab-undo-close-button > .toolbarbutton-icon { + margin: -4px; +} diff --git a/themes/linux/page-livemarks.png b/themes/linux/page-livemarks.png Binary files differnew file mode 100644 index 0000000..f8536a4 --- /dev/null +++ b/themes/linux/page-livemarks.png diff --git a/themes/linux/pageInfo.css b/themes/linux/pageInfo.css new file mode 100644 index 0000000..49ae493 --- /dev/null +++ b/themes/linux/pageInfo.css @@ -0,0 +1,276 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +@import url("chrome://global/skin/"); + +/* View buttons */ +#viewGroup > radio { + list-style-image: url("chrome://browser/skin/pageInfo.png"); + -moz-box-orient: vertical; + -moz-box-align: center; + -moz-appearance: none; + min-width: 4.5em; + margin: 0; + padding: 3px; + color: -moz-FieldText; +} + +#viewGroup > radio[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +#topBar { + -moz-appearance: listbox; + margin: 8px 8px 0; +} + +#generalTab { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +#mediaTab { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +#feedTab { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +#permTab { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +#securityTab { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +#mainDeck { + padding-left: 2px; + padding-right: 2px; +} + +deck { + padding: 10px 10px 10px 10px; +} + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + margin-top: 1px; + -moz-appearance: none; +} + +textbox.header { + -moz-margin-start: 0; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +#generalPanel > #titletext { + -moz-margin-start: 5px; +} + +groupbox.collapsable caption .caption-icon { + width: 9px; + height: 9px; + background-repeat: no-repeat; + background-position: center; + -moz-margin-start: 1px; + -moz-margin-end: 3px; + background-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +groupbox.collapsable[closed="true"] { + border: none; +} + +groupbox.collapsable[closed="true"] caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +groupbox tree { + margin: 0; + border: none; +} + +groupbox.treebox .groupbox-body { + -moz-margin-start: 5px; + -moz-margin-end: 1px; + padding-top: 0; +} + +#securityBox description { + -moz-margin-start: 10px; +} + +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +/* Media Tab */ +#imagetree { + min-height: 10em; + margin-top: 2px; + margin-bottom: 0; +} + +#mediaSplitter { + -moz-appearance: none; + height: .8em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: graytext; +} + +#mediaPreviewBox .inset { + -moz-appearance: listbox; + margin-bottom: 0; +} + +/* Feeds Tab */ +#feedPanel { + margin-left: 2px; + margin-right: 2px; +} + +#feedtree { + margin-bottom: 0px; +} + +#feedListbox richlistitem { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; + color: -moz-FieldText; +} + +#feedListbox richlistitem[selected="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +#feedListbox { + margin-bottom: 0; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permPanel { + margin-left: 6px; + margin-right: 6px; +} + +#permList { + -moz-appearance: listbox; + margin-top: .5em; + overflow: auto; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-field; + color: -moz-FieldText; +} + +.permission { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +.permissionLabel { + font-weight: bold; +} + +.permission:hover { + background-color: -moz-dialog; + color: -moz-DialogText; +} + +/* Security Tab */ +#securityPanel .caption-icon { + display: none; +} + +#securityPanel .header { + font-size: 120%; +} + +#securityPanel .fieldLabel { + margin: 2px 10px 3px 10px; +} + +#securityPanel .fieldValue { + font-weight: bold; + margin: 2px 10px 0px 10px; +} + +/* Icons for context menus */ +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +#menu_selectall { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +#menu_copy { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} diff --git a/themes/linux/pageInfo.png b/themes/linux/pageInfo.png Binary files differnew file mode 100644 index 0000000..2cbb15d --- /dev/null +++ b/themes/linux/pageInfo.png diff --git a/themes/linux/permissions/aboutPermissions.css b/themes/linux/permissions/aboutPermissions.css new file mode 100644 index 0000000..386e167 --- /dev/null +++ b/themes/linux/permissions/aboutPermissions.css @@ -0,0 +1,149 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +/* header */ + +#permissions-pagetitle { + font-size: 200%; + font-weight: bold; + padding-bottom: 0.5em; +} + +/* content box */ +#permissions-content { + height: 100%; +} + +/* sites box */ + +#sites-box { + padding: 10px; + width: 25em; +} + +#sites-filter { + margin: 0; +} + +#sites-list { + margin: 5px 0 0 0; +} + +.site { + padding: 4px; + border-bottom: 1px solid ThreeDLightShadow; +} + +.site-favicon { + height: 16px; + width: 16px; + -moz-margin-end: 4px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#all-sites-item > .site-container > .site-favicon { + list-style-image: none; +} + +/* permissions box */ + +#permissions-box { + padding-top: 10px; + overflow-y: auto; +} + +#site-description { + font-size: 125%; + -moz-margin-start: 6px; /* to match button margin */ +} + +#site-label { + font-weight: bold; + margin-top: 0; + margin-bottom: 0; +} + +#defaults-description { + font-size: 125%; + font-weight: bold; + -moz-margin-start: 6px; +} + +.pref-item { + margin-bottom: 10px; +} + +.pref-icon { + width: 36px; + height: 36px; + -moz-margin-end: 10px; +} + +.pref-icon[type="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} +.pref-icon[type="image"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="popup"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="cookie"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="desktop-notification"] { + list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); +} +.pref-icon[type="install"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); +} +.pref-icon[type="geo"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} +.pref-icon[type="plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginGeneric.png); +} + +.pref-title { + font-size: 125%; + margin-bottom: 0; + font-weight: bold; + margin-right: 0; + padding-right: 0; +} + +.pref-default { + margin-left: 0.5em; + padding-left: 0; +} + +.pref-set-default { + visibility: collapse; +} + +.pref-menulist { + margin-left: 6px; + margin-right: 6px; +} + +.plugins-label { + margin-right: 0; + padding-right: 0; +} + +.plugins-vulnerable { + margin-left: 0; + padding-left: 0; + margin-right: 0; + padding-right: 0; +} + +.plugins-default { + margin-left: 0.5em; + padding-left: 0; + margin-right: 1em; + padding-right: 0; +} diff --git a/themes/linux/places/bookmarksMenu.png b/themes/linux/places/bookmarksMenu.png Binary files differnew file mode 100644 index 0000000..80dd216 --- /dev/null +++ b/themes/linux/places/bookmarksMenu.png diff --git a/themes/linux/places/bookmarksToolbar.png b/themes/linux/places/bookmarksToolbar.png Binary files differnew file mode 100644 index 0000000..09502fe --- /dev/null +++ b/themes/linux/places/bookmarksToolbar.png diff --git a/themes/linux/places/calendar.png b/themes/linux/places/calendar.png Binary files differnew file mode 100644 index 0000000..f712868 --- /dev/null +++ b/themes/linux/places/calendar.png diff --git a/themes/linux/places/downloads.png b/themes/linux/places/downloads.png Binary files differnew file mode 100644 index 0000000..d641714 --- /dev/null +++ b/themes/linux/places/downloads.png diff --git a/themes/linux/places/editBookmarkOverlay.css b/themes/linux/places/editBookmarkOverlay.css new file mode 100644 index 0000000..f1f6210 --- /dev/null +++ b/themes/linux/places/editBookmarkOverlay.css @@ -0,0 +1,71 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu") !important; +} + + +/**** expanders ****/ + +.expander-up, +.expander-down { + min-width: 0; + padding: 2px 0; + -moz-padding-start: 2px; +} + +.expander-up > .button-box { + -moz-appearance: button-arrow-up; +} + +.expander-down > .button-box { + -moz-appearance: button-arrow-down; +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin-top: 2px; + margin-bottom: 2px; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* Bookmark panel dropdown menu items */ +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; +} diff --git a/themes/linux/places/livemark-item.png b/themes/linux/places/livemark-item.png Binary files differnew file mode 100644 index 0000000..9184b95 --- /dev/null +++ b/themes/linux/places/livemark-item.png diff --git a/themes/linux/places/organizer.css b/themes/linux/places/organizer.css new file mode 100644 index 0000000..cabeebb --- /dev/null +++ b/themes/linux/places/organizer.css @@ -0,0 +1,107 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +/* Toolbar */ +#placesToolbar { + border: none; +} + +/* back button */ + +#back-button { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar"); +} +#back-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled"); +} + +#back-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar"); +} +#back-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled"); +} + +/* forward button */ + +#forward-button { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar"); +} +#forward-button[disabled="true"] { + list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled"); +} + +#forward-button:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar"); +} +#forward-button[disabled="true"]:-moz-locale-dir(rtl) { + list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled"); +} + +/* Menu */ +#placesMenu { + -moz-appearance: none; + border: none; +} + +#placesMenu > menu { + -moz-padding-start: 4px; + -moz-binding: url("chrome://browser/skin/places/organizer.xml#toolbarbutton-dropdown"); + -moz-appearance: toolbarbutton; + color: -moz-DialogText; +} + +#placesMenu > menu:hover:not(:active):not([open="true"]) { + color: -moz-buttonhovertext; +} + +#placesMenu > menu > .menubar-right { + -moz-appearance: toolbarbutton-dropdown; + width: 12px; + height: 12px; +} + +/* Root View */ +#placesView { + background-color: Window; +} + +/* Info box */ +#detailsDeck { + padding: 5px; +} + +#infoBoxExpanderLabel { + -moz-padding-start: 2px; +} + +#searchModifiers { + padding-right: 3px; +} + +#saveSearch { + list-style-image: url("moz-icon://stock/gtk-save?size=menu"); +} + +/**** menuitem stock icons ****/ +#orgClose { + list-style-image: url("moz-icon://stock/gtk-close?size=menu"); +} + +#fileImport { + list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=menu"); +} + +#fileExport { + list-style-image: url("moz-icon://stock/gtk-save-as?size=menu"); +} + +/** + * Downloads pane + */ + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} diff --git a/themes/linux/places/organizer.xml b/themes/linux/places/organizer.xml new file mode 100644 index 0000000..8331ebb --- /dev/null +++ b/themes/linux/places/organizer.xml @@ -0,0 +1,21 @@ +<?xml version="1.0"?> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<bindings id="organizerBindings" + xmlns="http://www.mozilla.org/xbl" + xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" + xmlns:xbl="http://www.mozilla.org/xbl"> + + <binding id="toolbarbutton-dropdown" + extends="chrome://global/content/bindings/menu.xml#menu-base"> + <content> + <xul:image class="menubar-left" xbl:inherits="src=image"/> + <xul:label class="menubar-text" xbl:inherits="value=label,accesskey,crop" crop="right"/> + <xul:hbox class="menubar-right"/> + <children includes="menupopup"/> + </content> + </binding> +</bindings> diff --git a/themes/linux/places/pageStarred.png b/themes/linux/places/pageStarred.png Binary files differnew file mode 100644 index 0000000..61a9f90 --- /dev/null +++ b/themes/linux/places/pageStarred.png diff --git a/themes/linux/places/places.css b/themes/linux/places/places.css new file mode 100644 index 0000000..d2b806b --- /dev/null +++ b/themes/linux/places/places.css @@ -0,0 +1,221 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Sidebars */ +.sidebar-placesTree { + margin: 0; +} + +.sidebar-placesTreechildren::-moz-tree-cell(leaf) , +.sidebar-placesTreechildren::-moz-tree-image(leaf) { + cursor: pointer; +} + +.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + cursor: pointer; + text-decoration: underline; +} + +.sidebar-placesTreechildren::-moz-tree-cell(separator) { + cursor: default; +} + +/* Trees */ +treechildren::-moz-tree-image(title) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(title, livemarkItem, visited) { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0; + height: 0; +} + +treechildren::-moz-tree-image(title, container) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* query-nodes should be styled even if they're not expandable */ +treechildren::-moz-tree-image(title, query) { + list-style-image: url("chrome://browser/skin/places/query.png"); +} + +treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { + list-style-image: url("chrome://browser/skin/places/downloads.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://browser/skin/places/tag.png"); +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://browser/skin/places/calendar.png"); +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, query, hostContainer, open) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 32px 16px 16px); +} + +/* We want some queries to look like ordinary folders. This must come + after the (title, query) selector, or it would get overridden. */ +treechildren::-moz-tree-image(title, query, folder) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +treechildren::-moz-tree-image(cutting) { + opacity: 0.5; +} + +treechildren::-moz-tree-cell-text(cutting) { + opacity: 0.7; +} + +/**** menuitem stock icons ****/ +menuitem:not([type]) { + -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic"); +} + +menuitem[command="cmd_cut"], +menuitem[cmd="cmd_cut"] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu"); +} + +menuitem[command="cmd_cut"][disabled], +menuitem[cmd="cmd_cut"][disabled] { + list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled"); +} + +menuitem[command="cmd_copy"], +menuitem[cmd="cmd_copy"] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu"); +} + +menuitem[command="cmd_copy"][disabled], +menuitem[cmd="cmd_copy"][disabled] { + list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled"); +} + +menuitem[command="cmd_paste"], +menuitem[cmd="cmd_paste"] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu"); +} + +menuitem[command="cmd_paste"][disabled], +menuitem[cmd="cmd_paste"][disabled] { + list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled"); +} + +menuitem[command="cmd_delete"], +menuitem[cmd="cmd_delete"] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu"); +} + +menuitem[command="cmd_delete"][disabled], +menuitem[cmd="cmd_delete"][disabled] { + list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled"); +} + +menuitem[command="cmd_undo"], +menuitem[cmd="cmd_undo"] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu"); +} + +menuitem[command="cmd_undo"][disabled], +menuitem[cmd="cmd_undo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled"); +} + +menuitem[command="cmd_redo"] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu"); +} + +menuitem[command="cmd_redo"][disabled] { + list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled"); +} + +menuitem[command="cmd_selectAll"], +menuitem[cmd="cmd_selectAll"] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu"); +} + +menuitem[command="cmd_selectAll"][disabled], +menuitem[cmd="cmd_selectAll"][disabled] { + list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled"); +} + +#placesContext_open\:newwindow, +menuitem[command="placesCmd_open:window"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 80px 16px 64px); +} + +#placesContext_open\:newprivatewindow, +menuitem[command="placesCmd_open:privatewindow"] { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); +} + +#placesContext_open\:newtab, +menuitem[command="placesCmd_open:tab"] { + list-style-image: url("chrome://browser/skin/Toolbar-small.png"); + -moz-image-region: rect(0px 64px 16px 48px); +} + +#placesContext_show\:info, +menuitem[command="placesCmd_show:info"] { + list-style-image: url("moz-icon://stock/gtk-properties?size=menu"); +} + +#placesContext_reload { + list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); +} diff --git a/themes/linux/places/query.png b/themes/linux/places/query.png Binary files differnew file mode 100644 index 0000000..2420dee --- /dev/null +++ b/themes/linux/places/query.png diff --git a/themes/linux/places/star-icons.png b/themes/linux/places/star-icons.png Binary files differnew file mode 100644 index 0000000..2f50c6a --- /dev/null +++ b/themes/linux/places/star-icons.png diff --git a/themes/linux/places/starPage.png b/themes/linux/places/starPage.png Binary files differnew file mode 100644 index 0000000..3193a35 --- /dev/null +++ b/themes/linux/places/starPage.png diff --git a/themes/linux/places/starred48.png b/themes/linux/places/starred48.png Binary files differnew file mode 100644 index 0000000..deefaec --- /dev/null +++ b/themes/linux/places/starred48.png diff --git a/themes/linux/places/tag.png b/themes/linux/places/tag.png Binary files differnew file mode 100644 index 0000000..27176cc --- /dev/null +++ b/themes/linux/places/tag.png diff --git a/themes/linux/places/toolbarDropMarker.png b/themes/linux/places/toolbarDropMarker.png Binary files differnew file mode 100644 index 0000000..ed3200f --- /dev/null +++ b/themes/linux/places/toolbarDropMarker.png diff --git a/themes/linux/places/unsortedBookmarks.png b/themes/linux/places/unsortedBookmarks.png Binary files differnew file mode 100644 index 0000000..4dcf761 --- /dev/null +++ b/themes/linux/places/unsortedBookmarks.png diff --git a/themes/linux/places/unstarred48.png b/themes/linux/places/unstarred48.png Binary files differnew file mode 100644 index 0000000..1544863 --- /dev/null +++ b/themes/linux/places/unstarred48.png diff --git a/themes/linux/pointerLock-16.png b/themes/linux/pointerLock-16.png Binary files differnew file mode 100644 index 0000000..862cd11 --- /dev/null +++ b/themes/linux/pointerLock-16.png diff --git a/themes/linux/pointerLock-64.png b/themes/linux/pointerLock-64.png Binary files differnew file mode 100644 index 0000000..a35ce04 --- /dev/null +++ b/themes/linux/pointerLock-64.png diff --git a/themes/linux/preferences/Options-sync.png b/themes/linux/preferences/Options-sync.png Binary files differnew file mode 100644 index 0000000..89901fb --- /dev/null +++ b/themes/linux/preferences/Options-sync.png diff --git a/themes/linux/preferences/Options.png b/themes/linux/preferences/Options.png Binary files differnew file mode 100644 index 0000000..82bebd2 --- /dev/null +++ b/themes/linux/preferences/Options.png diff --git a/themes/linux/preferences/alwaysAsk.png b/themes/linux/preferences/alwaysAsk.png Binary files differnew file mode 100644 index 0000000..45256d4 --- /dev/null +++ b/themes/linux/preferences/alwaysAsk.png diff --git a/themes/linux/preferences/applications.css b/themes/linux/preferences/applications.css new file mode 100644 index 0000000..c9d1b8c --- /dev/null +++ b/themes/linux/preferences/applications.css @@ -0,0 +1,66 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * Line up the actions menu with action labels above and below it. + * Equalize the distance from the left side of the action box to the left side + * of the icon for both the menu and the non-menu versions of the action box. + * Also make sure the labels are the same distance away from the icons. + */ +.actionsMenu { + margin-top: -1px; + margin-bottom: -1px; + -moz-margin-start: -1px; + -moz-margin-end: 0; +} + +.typeIcon, +.actionIcon { + -moz-margin-start: 3px; + -moz-margin-end: 3px; +} + +richlistitem label { + -moz-margin-start: 1px; + margin-top: 2px; +} + +richlistitem { + min-height: 25px; +} + +richlistitem[appHandlerIcon="ask"], +menuitem[appHandlerIcon="ask"] { + list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png"); +} + +richlistitem[appHandlerIcon="save"], +menuitem[appHandlerIcon="save"] { + list-style-image: url("moz-icon://stock/gtk-save?size=menu"); +} + +richlistitem[appHandlerIcon="feed"], +menuitem[appHandlerIcon="feed"] { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +richlistitem[appHandlerIcon="plugin"], +menuitem[appHandlerIcon="plugin"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.actionsMenu .menulist-icon { + -moz-margin-end: 1px; + height: 16px; + width: 16px; +} + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + -moz-padding-start: 0; + -moz-padding-end: 4px !important; +} + +.actionsMenu > menupopup > menuitem { + -moz-padding-start: 3px; +} diff --git a/themes/linux/preferences/mail.png b/themes/linux/preferences/mail.png Binary files differnew file mode 100644 index 0000000..66d2bc9 --- /dev/null +++ b/themes/linux/preferences/mail.png diff --git a/themes/linux/preferences/preferences.css b/themes/linux/preferences/preferences.css new file mode 100644 index 0000000..52f8658 --- /dev/null +++ b/themes/linux/preferences/preferences.css @@ -0,0 +1,156 @@ +%if 0 +/* +# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. +*/ +%endif + +/* Global Styles */ +#BrowserPreferences radio[pane] { + list-style-image: url("chrome://browser/skin/preferences/Options.png"); +} + +radio[pane=paneMain] { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +radio[pane=paneTabs] { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +radio[pane=paneContent] { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +radio[pane=paneApplications] { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +radio[pane=panePrivacy] { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +radio[pane=paneSecurity] { + -moz-image-region: rect(0px, 192px, 32px, 160px) +} + +radio[pane=paneAdvanced] { + -moz-image-region: rect(0px, 224px, 32px, 192px) +} + +%ifdef MOZ_SERVICES_SYNC +radio[pane=paneSync] { + list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; +} +%endif + +/* Applications Pane */ +#BrowserPreferences[animated="true"] #handlersView { + height: 25em; +} + +#BrowserPreferences[animated="false"] #handlersView { + -moz-box-flex: 1; +} + +/* Privacy Pane */ + +/* styles for the link elements copied from .text-link in global.css */ +.inline-link { + color: -moz-nativehyperlinktext; + text-decoration: none; +} + +.inline-link:hover { + text-decoration: underline; +} + +/* Modeless Window Dialogs */ +.windowDialog, +.windowDialog prefpane { + padding: 0px; +} + +#browserHomePage:-moz-locale-dir(rtl) input { + unicode-bidi: plaintext; + direction: rtl; +} + +.contentPane { + margin: 9px 8px 5px 8px; +} + +.actionButtons { + margin: 0px 3px 6px 3px !important; +} + +/* Cookies Manager */ +#cookiesChildren::-moz-tree-image(domainCol) { + width: 16px; + height: 16px; + margin: 0px 2px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#paneApplications { + margin-left: 4px; + margin-right: 4px; + padding-left: 0; + padding-right: 0; +} + +#linksOpenInBox { + margin-top: 5px; +} + +#paneAdvanced { + padding-bottom: 10px; +} +#advancedPrefs { + margin-left: 0; + margin-right: 0; +} + +#cookiesChildren::-moz-tree-image(domainCol, container) { + list-style-image: url("moz-icon://stock/gtk-directory?size=menu"); +} + +#cookieInfoBox { + border: 1px solid ThreeDShadow; + border-radius: 0px; + margin: 4px; + padding: 0px; +} + +/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom + of the groupbox from being cutoff */ +.bottomBox { + padding-bottom: 4px; +} + +/** + * Clear Private Data + */ +#SanitizeDialogPane > groupbox { + margin-top: 0; +} + +%ifdef MOZ_SERVICES_SYNC +/* Sync Pane */ + +#syncDesc { + padding: 0 8em; +} + +#accountCaptionImage { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + +#syncAddDeviceLabel { + margin-top: 1em; + margin-bottom: 1em; +} + +%endif diff --git a/themes/linux/privatebrowsing-mask.png b/themes/linux/privatebrowsing-mask.png Binary files differnew file mode 100644 index 0000000..9eaf3ae --- /dev/null +++ b/themes/linux/privatebrowsing-mask.png diff --git a/themes/linux/sanitizeDialog.css b/themes/linux/sanitizeDialog.css new file mode 100644 index 0000000..96cf3bc --- /dev/null +++ b/themes/linux/sanitizeDialog.css @@ -0,0 +1,107 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#sanitizeDurationChoice { + -moz-margin-end: 0; +} + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + -moz-margin-start: 3px; +} + + +/* Hide the duration dropdown suffix label if it's empty. Otherwise it + takes up a little space, causing the end of the dropdown to not be aligned + with the warning box. */ +#sanitizeDurationSuffixLabel[value=""] { + display: none; +} + + +/* Places tree */ +#placesTreechildren::-moz-tree-row(selected), +#placesTreechildren::-moz-tree-row(grippyRow) { + background: #999; +} + +#placesTreechildren::-moz-tree-cell-text(selected) { + color: #111; +} + + +/* Sanitize everything warning box */ +#sanitizeEverythingWarningBox { + background-color: Window; + border: 1px solid ThreeDDarkShadow; + border-radius: 5px; + padding: 16px; +} + +#sanitizeEverythingWarningIcon { + list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); + padding: 0; + margin: 0; +} + +#sanitizeEverythingWarningDescBox { + padding: 0 16px; + margin: 0; +} + + +/* Progressive disclosure button */ +#detailsExpanderWrapper { + padding: 0; + margin-top: 6px; + margin-bottom: 6px; + -moz-margin-start: -6px; + -moz-margin-end: 0; +} + +.expander-up, +.expander-down { + min-width: 0; + padding: 2px 0; + -moz-padding-start: 2px; +} + +.expander-up { + list-style-image: url("chrome://global/skin/arrow/arrow-up.gif"); +} + +.expander-down { + list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif"); +} + +.expander-down:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif"); +} + +.expander-up:hover:active { + list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif"); +} + + +/* Make the item list the same width as the warning box */ +#itemList { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +/* Without this a useless scrollbar appears in the listbox when its rows + attribute is set to the total number of listitems, as it is currently. See + bug 489958 comment 14 and bug 491788. */ +#itemList > listitem { + padding: 1px 0; +} + + +/* Align the last dialog button with the end of the warning box */ +.prefWindow-dlgbuttons { + -moz-margin-end: 0; +} +.dialog-button[dlgtype="accept"] { + -moz-margin-end: 0; +} diff --git a/themes/linux/searchbar.css b/themes/linux/searchbar.css new file mode 100644 index 0000000..cb6ecff --- /dev/null +++ b/themes/linux/searchbar.css @@ -0,0 +1,72 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.searchbar-textbox { + min-height: 22px; + width: 6em; + min-width: 6em; + background-color: -moz-field; +} + +.autocomplete-textbox-container { + -moz-box-align: stretch; +} + +.textbox-input-box { + margin: 0; +} + +.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { + font-weight: bold; +} + +/* Engine button */ +.searchbar-engine-image { + height: 16px; + width: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + -moz-margin-start: 2px; +} + +.searchbar-engine-button { + -moz-appearance: none; + min-width: 0; + margin: 0; + border: 0; + -moz-box-align: center; + background-color: transparent; +} + +.searchbar-engine-button > .button-box { + -moz-appearance: none; + padding: 2px 0; + -moz-padding-end: 2px; + border: 0; +} + +.searchbar-dropmarker-image { + -moz-appearance: toolbarbutton-dropdown !important; + width: 12px; + height: 12px; +} + +/* Search go button */ +.search-go-container { + -moz-box-align: center; +} + +.search-go-button { + padding: 1px; + list-style-image: url(moz-icon://stock/gtk-find?size=menu); + cursor: pointer; +} + +menuitem[cmd="cmd_clearhistory"] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); +} + +menuitem[cmd="cmd_clearhistory"][disabled] { + list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled"); +} + diff --git a/themes/linux/setDesktopBackground.css b/themes/linux/setDesktopBackground.css new file mode 100644 index 0000000..585284c --- /dev/null +++ b/themes/linux/setDesktopBackground.css @@ -0,0 +1,18 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +html|canvas#screen { + margin: 12px 11px 32px; +} + +#monitor { + list-style-image: url("chrome://browser/skin/monitor.png"); +} + +#monitor[aspectratio="16:10"] { + list-style-image: url("chrome://browser/skin/monitor_16-10.png"); +} diff --git a/themes/linux/slowStartup-16.png b/themes/linux/slowStartup-16.png Binary files differnew file mode 100644 index 0000000..834dc0f --- /dev/null +++ b/themes/linux/slowStartup-16.png diff --git a/themes/linux/statusbar/overlay.css b/themes/linux/statusbar/overlay.css new file mode 100644 index 0000000..2351aac --- /dev/null +++ b/themes/linux/statusbar/overlay.css @@ -0,0 +1,114 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/overlay.css + +/* + * General + */ + +#status4evar-status-text, +#status4evar-progress-bar +{ + margin: 0px 4px; +} + +/* + * Download status + */ + +#status4evar-download-progress-bar +{ + height: 6px; +} + +toolbar[iconsize="small"] #status4evar-download-progress-bar +{ + height: 4px; +} + +#status4evar-download-button[attention] #status4evar-download-icon +{ + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +#status4evar-download-button #status4evar-download-icon +{ + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 24, 24, 0) center no-repeat; + min-width: 24px; + min-height: 24px; +} + +toolbar[iconsize="small"] #status4evar-download-button #status4evar-download-icon +{ + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat; + min-width: 16px; + min-height: 16px; +} + +toolbar[iconsize="small"] > #status4evar-download-button[attention] #status4evar-download-icon { + background-image: url("chrome://browser/skin/downloads/download-glow-small.png"); +} + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label +{ + margin: 0px 2px !important; + margin-top: -1px !important; + -moz-margin-start: 4px !important; +} + +/* + * Splitter + */ + +splitter.status4evar-status-splitter +{ + width: 8px; + margin: 0px -4px; +} + +/* + * Location bar + */ + +#urlbar-progress-alt +{ + margin: -1px; +} + +#notification-popup-box +{ + -moz-margin-start: -1px; +} + +#urlbar .urlbar-over-link-box +{ + margin-top: -1px; + margin-bottom: -1px; +} + +/* + * Add-on bar + */ + +#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar) +{ + -moz-appearance: none; +} + +#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) +{ + box-shadow: none !important; + border: none !important; + border-top: 2px solid !important; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important; +} + +#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ * +{ + border: none !important; +} + diff --git a/themes/linux/statusbar/prefs.css b/themes/linux/statusbar/prefs.css new file mode 100644 index 0000000..db6f24e --- /dev/null +++ b/themes/linux/statusbar/prefs.css @@ -0,0 +1,8 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/prefs.css + diff --git a/themes/linux/sync-128.png b/themes/linux/sync-128.png Binary files differnew file mode 100644 index 0000000..1ea3481 --- /dev/null +++ b/themes/linux/sync-128.png diff --git a/themes/linux/sync-16-throbber.png b/themes/linux/sync-16-throbber.png Binary files differnew file mode 100644 index 0000000..d6f801a --- /dev/null +++ b/themes/linux/sync-16-throbber.png diff --git a/themes/linux/sync-16.png b/themes/linux/sync-16.png Binary files differnew file mode 100644 index 0000000..0afb1c7 --- /dev/null +++ b/themes/linux/sync-16.png diff --git a/themes/linux/sync-24-throbber.png b/themes/linux/sync-24-throbber.png Binary files differnew file mode 100644 index 0000000..5587174 --- /dev/null +++ b/themes/linux/sync-24-throbber.png diff --git a/themes/linux/sync-32.png b/themes/linux/sync-32.png Binary files differnew file mode 100644 index 0000000..7a762cb --- /dev/null +++ b/themes/linux/sync-32.png diff --git a/themes/linux/sync-bg.png b/themes/linux/sync-bg.png Binary files differnew file mode 100644 index 0000000..893a27d --- /dev/null +++ b/themes/linux/sync-bg.png diff --git a/themes/linux/sync-desktopIcon.png b/themes/linux/sync-desktopIcon.png Binary files differnew file mode 100644 index 0000000..d3d1e27 --- /dev/null +++ b/themes/linux/sync-desktopIcon.png diff --git a/themes/linux/sync-mobileIcon.png b/themes/linux/sync-mobileIcon.png Binary files differnew file mode 100644 index 0000000..a3bda57 --- /dev/null +++ b/themes/linux/sync-mobileIcon.png diff --git a/themes/linux/syncCommon.css b/themes/linux/syncCommon.css new file mode 100644 index 0000000..9a84ceb --- /dev/null +++ b/themes/linux/syncCommon.css @@ -0,0 +1,49 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* The following are used by both sync/setup.xul and sync/genericChange.xul */ +.status { + color: -moz-dialogtext; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.statusIcon[status="error"] { + list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu"); +} + +.statusIcon[status="success"] { + list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu"); +} + +/* .data is only used by sync/genericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback { + height: 2em; +} diff --git a/themes/linux/syncProgress.css b/themes/linux/syncProgress.css new file mode 100644 index 0000000..d7aa599 --- /dev/null +++ b/themes/linux/syncProgress.css @@ -0,0 +1,46 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +@import url(chrome://global/skin/inContentUI.css); + +:root { + height: 100%; + width: 100%; + padding: 0; +} + +body { + margin: 0; + padding: 0 2em; +} + +#floatingBox { + margin: 4em auto; + max-width: 40em; + min-width: 23em; + padding: 1em 1.5em; + position: relative; + text-align: center; +} + +#successLogo { + margin: 1em 2em; +} + +#loadingText { + margin: 2em 6em; +} + +#progressBar { + margin: 2em 10em; +} + +#uploadProgressBar{ + width: 100%; +} + +#bottomRow { + margin-top: 2em; + padding: 0; + text-align: end; +} diff --git a/themes/linux/syncQuota.css b/themes/linux/syncQuota.css new file mode 100644 index 0000000..1577de8 --- /dev/null +++ b/themes/linux/syncQuota.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/themes/linux/syncSetup.css b/themes/linux/syncSetup.css new file mode 100644 index 0000000..4c6518a --- /dev/null +++ b/themes/linux/syncSetup.css @@ -0,0 +1,127 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +wizard { + -moz-appearance: none; + width: 55em; + height: 45em; + padding: 0; + background-color: Window; +} + +.wizard-page-box { + -moz-appearance: none; + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 6em; + background-color: Window; +} + +.wizard-header { + -moz-appearance: none; + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + background-color: rgba(0,0,0,0.1); + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + font: menu; +} + +.confirm { + border: 1px solid black; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +description > .text-link, +description > .text-link:focus { + margin: 0px; + padding: 0px; + border: 0px; +} + + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #00FF00 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px +} + +.pin { + font-size: 18pt; + width: 4em; + text-align: center; +} + +#passphraseHelpSpacer { + width: 0.5em; +} + +#pairDeviceThrobber > image, +#login-throbber > image { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#captchaFeedback { + visibility: hidden; +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://browser/skin/sync-32.png"); +} diff --git a/themes/linux/tabbrowser/alltabs.png b/themes/linux/tabbrowser/alltabs.png Binary files differnew file mode 100644 index 0000000..2f19025 --- /dev/null +++ b/themes/linux/tabbrowser/alltabs.png diff --git a/themes/linux/tabbrowser/connecting.png b/themes/linux/tabbrowser/connecting.png Binary files differnew file mode 100644 index 0000000..e564fb5 --- /dev/null +++ b/themes/linux/tabbrowser/connecting.png diff --git a/themes/linux/tabbrowser/loading.png b/themes/linux/tabbrowser/loading.png Binary files differnew file mode 100644 index 0000000..55f25e5 --- /dev/null +++ b/themes/linux/tabbrowser/loading.png diff --git a/themes/linux/tabbrowser/tab-overflow-border.png b/themes/linux/tabbrowser/tab-overflow-border.png Binary files differnew file mode 100644 index 0000000..77f2462 --- /dev/null +++ b/themes/linux/tabbrowser/tab-overflow-border.png diff --git a/themes/linux/tabbrowser/tab.png b/themes/linux/tabbrowser/tab.png Binary files differnew file mode 100644 index 0000000..deeeb0a --- /dev/null +++ b/themes/linux/tabbrowser/tab.png diff --git a/themes/linux/tabbrowser/tabDragIndicator.png b/themes/linux/tabbrowser/tabDragIndicator.png Binary files differnew file mode 100644 index 0000000..df7d914 --- /dev/null +++ b/themes/linux/tabbrowser/tabDragIndicator.png diff --git a/themes/linux/urlbar-arrow.png b/themes/linux/urlbar-arrow.png Binary files differnew file mode 100644 index 0000000..fcab253 --- /dev/null +++ b/themes/linux/urlbar-arrow.png diff --git a/themes/linux/web-notifications-icon.svg b/themes/linux/web-notifications-icon.svg new file mode 100644 index 0000000..f7186c7 --- /dev/null +++ b/themes/linux/web-notifications-icon.svg @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="64" height="64" viewBox="0 0 64 64"> + <defs> + <style> + .icon { + fill: #a6a6a6; + fill-rule: evenodd; + } + </style> + </defs> + <path d="M57,48 L46,48 L46,60.016 L32.482,48 L7,48 C5.343,48 4,46.657 4,45 L4,11.031 C4,9.374 5.343,8.031 7,8.031 L57,8.031 C58.657,8.031 60,9.374 60,11.031 L60,45 C60,46.657 58.657,48 57,48 ZM36,16.031 C36,14.927 35.105,14.031 34,14.031 L30,14.031 C28.895,14.031 28,14.927 28,16.031 L28,30.031 C28,31.136 28.895,32.031 30,32.031 L34,32.031 C35.105,32.031 36,31.136 36,30.031 L36,16.031 ZM36,37.5 C36,36.672 35.328,36 34.5,36 L29.5,36 C28.672,36 28,36.672 28,37.5 L28,40.5 C28,41.328 28.672,42 29.5,42 L34.5,42 C35.328,42 36,41.328 36,40.5 L36,37.5 Z" class="icon"/> +</svg> diff --git a/themes/linux/web-notifications-tray.svg b/themes/linux/web-notifications-tray.svg new file mode 100644 index 0000000..314026a --- /dev/null +++ b/themes/linux/web-notifications-tray.svg @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="16" viewBox="0 0 96 32"> + <defs> + <style> + .style-icon-notification { + fill: #666666; + } + .style-icon-notification.hover { + fill: #808080; + } + .style-icon-notification.active { + fill: #4d4d4d; + } + </style> + <path id="shape-notifcations-push" d="M27,23.969 L24,23.969 L24,29.977 L17.241,23.969 L5,23.969 C3.343,23.969 2,22.626 2,20.969 L2,6.969 C2,5.312 3.343,3.969 5,3.969 L27,3.969 C28.657,3.969 30,5.312 30,6.969 L30,20.969 C30,22.626 28.657,23.969 27,23.969 ZM18,8.969 C18,7.864 17.105,6.969 16,6.969 C14.895,6.969 14,7.864 14,8.969 L14,13.969 C14,15.073 14.895,15.969 16,15.969 C17.105,15.969 18,15.073 18,13.969 L18,8.969 ZM16.5,17.969 L15.5,17.969 C14.672,17.969 14,18.640 14,19.469 C14,20.297 14.672,20.969 15.5,20.969 L16.5,20.969 C17.328,20.969 18,20.297 18,19.469 C18,18.640 17.328,17.969 16.5,17.969 Z"/> + </defs> + <use xlink:href="#shape-notifcations-push" class="style-icon-notification"/> + <use xlink:href="#shape-notifcations-push" transform="translate(32)" class="style-icon-notification hover"/> + <use xlink:href="#shape-notifcations-push" transform="translate(64)" class="style-icon-notification active"/> +</svg> diff --git a/themes/linux/webRTC-shareDevice-16.png b/themes/linux/webRTC-shareDevice-16.png Binary files differnew file mode 100644 index 0000000..8bc5b3a --- /dev/null +++ b/themes/linux/webRTC-shareDevice-16.png diff --git a/themes/linux/webRTC-shareDevice-64.png b/themes/linux/webRTC-shareDevice-64.png Binary files differnew file mode 100644 index 0000000..d125789 --- /dev/null +++ b/themes/linux/webRTC-shareDevice-64.png diff --git a/themes/linux/webRTC-sharingDevice-16.png b/themes/linux/webRTC-sharingDevice-16.png Binary files differnew file mode 100644 index 0000000..a670676 --- /dev/null +++ b/themes/linux/webRTC-sharingDevice-16.png diff --git a/themes/moz.build b/themes/moz.build new file mode 100644 index 0000000..5040c10 --- /dev/null +++ b/themes/moz.build @@ -0,0 +1,14 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +toolkit = CONFIG['MOZ_WIDGET_TOOLKIT'] + +if toolkit == 'cocoa': + DIRS += ['osx'] +elif toolkit in ('gtk2', 'gtk3', 'qt'): + DIRS += ['linux'] +else: + DIRS += ['windows'] diff --git a/themes/osx/Geolocation-16.png b/themes/osx/Geolocation-16.png Binary files differnew file mode 100644 index 0000000..d710e73 --- /dev/null +++ b/themes/osx/Geolocation-16.png diff --git a/themes/osx/Geolocation-64.png b/themes/osx/Geolocation-64.png Binary files differnew file mode 100644 index 0000000..1bd46ba --- /dev/null +++ b/themes/osx/Geolocation-64.png diff --git a/themes/osx/Info.png b/themes/osx/Info.png Binary files differnew file mode 100644 index 0000000..d09e82b --- /dev/null +++ b/themes/osx/Info.png diff --git a/themes/osx/KUI-background.png b/themes/osx/KUI-background.png Binary files differnew file mode 100644 index 0000000..104a49f --- /dev/null +++ b/themes/osx/KUI-background.png diff --git a/themes/osx/KUI-close.png b/themes/osx/KUI-close.png Binary files differnew file mode 100644 index 0000000..08eeb81 --- /dev/null +++ b/themes/osx/KUI-close.png diff --git a/themes/osx/Makefile.in b/themes/osx/Makefile.in new file mode 100644 index 0000000..173ca68 --- /dev/null +++ b/themes/osx/Makefile.in @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +ICON_FILES := icon.png +ICON_DEST = $(FINAL_TARGET)/extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd} +INSTALL_TARGETS += ICON diff --git a/themes/osx/Privacy-16.png b/themes/osx/Privacy-16.png Binary files differnew file mode 100644 index 0000000..a4be3e9 --- /dev/null +++ b/themes/osx/Privacy-16.png diff --git a/themes/osx/Privacy-32.png b/themes/osx/Privacy-32.png Binary files differnew file mode 100644 index 0000000..dd07c1a --- /dev/null +++ b/themes/osx/Privacy-32.png diff --git a/themes/osx/Privacy-48.png b/themes/osx/Privacy-48.png Binary files differnew file mode 100644 index 0000000..2396f99 --- /dev/null +++ b/themes/osx/Privacy-48.png diff --git a/themes/osx/Privacy-64.png b/themes/osx/Privacy-64.png Binary files differnew file mode 100644 index 0000000..d360501 --- /dev/null +++ b/themes/osx/Privacy-64.png diff --git a/themes/osx/Search-glass.png b/themes/osx/Search-glass.png Binary files differnew file mode 100644 index 0000000..9eb0e25 --- /dev/null +++ b/themes/osx/Search-glass.png diff --git a/themes/osx/Secure24.png b/themes/osx/Secure24.png Binary files differnew file mode 100644 index 0000000..896343a --- /dev/null +++ b/themes/osx/Secure24.png diff --git a/themes/osx/Toolbar-glass.png b/themes/osx/Toolbar-glass.png Binary files differnew file mode 100644 index 0000000..23cc4bf --- /dev/null +++ b/themes/osx/Toolbar-glass.png diff --git a/themes/osx/Toolbar-inverted.png b/themes/osx/Toolbar-inverted.png Binary files differnew file mode 100644 index 0000000..2c3253f --- /dev/null +++ b/themes/osx/Toolbar-inverted.png diff --git a/themes/osx/Toolbar.png b/themes/osx/Toolbar.png Binary files differnew file mode 100644 index 0000000..3d1b80e --- /dev/null +++ b/themes/osx/Toolbar.png diff --git a/themes/osx/aboutCertError.css b/themes/osx/aboutCertError.css new file mode 100644 index 0000000..dbb3530 --- /dev/null +++ b/themes/osx/aboutCertError.css @@ -0,0 +1,73 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +html { + background: #833; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +h2 { + font-size: 130%; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 2px solid #DD0D09; + border-radius: 10px; + box-shadow: 0px 0px 8px red; + padding: 3em; + -moz-padding-start: 30px; + background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +.expander > button { + -moz-padding-start: 20px; + -moz-margin-start: -20px; + background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat; + border: none; + font: inherit; + color: inherit; + cursor: pointer; +} + +.expander > button:-moz-dir(rtl) { + background-position: right center; +} + +.expander[collapsed] > button { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png"); +} + +.expander[collapsed] > button:-moz-dir(rtl) { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png"); +} diff --git a/themes/osx/aboutCertError_sectionCollapsed-rtl.png b/themes/osx/aboutCertError_sectionCollapsed-rtl.png Binary files differnew file mode 100644 index 0000000..84ba18c --- /dev/null +++ b/themes/osx/aboutCertError_sectionCollapsed-rtl.png diff --git a/themes/osx/aboutCertError_sectionCollapsed.png b/themes/osx/aboutCertError_sectionCollapsed.png Binary files differnew file mode 100644 index 0000000..c9805f6 --- /dev/null +++ b/themes/osx/aboutCertError_sectionCollapsed.png diff --git a/themes/osx/aboutCertError_sectionExpanded.png b/themes/osx/aboutCertError_sectionExpanded.png Binary files differnew file mode 100644 index 0000000..128cef9 --- /dev/null +++ b/themes/osx/aboutCertError_sectionExpanded.png diff --git a/themes/osx/aboutPrivateBrowsing.css b/themes/osx/aboutPrivateBrowsing.css new file mode 100644 index 0000000..cd6026b --- /dev/null +++ b/themes/osx/aboutPrivateBrowsing.css @@ -0,0 +1,47 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +body.private > #errorPageContainer { + background-image: url("chrome://browser/skin/Privacy-48.png"); +} + +body.normal > #errorPageContainer { + background-image: url("chrome://global/skin/icons/question-48.png"); +} + +#clearRecentHistoryDesc { + margin-top: 2em; +} + +#clearRecentHistoryDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#startPrivateBrowsingDesc > button { + -moz-margin-start: 0; +} + +#footerDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#moreInfo { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ + -moz-padding-start: 25px; + background: url("chrome://global/skin/icons/information-16.png") no-repeat top left; +} + +#moreInfo:-moz-dir(rtl) { + background-position: top right; +} + +#moreInfoText { + margin-bottom: 0; +} + +#moreInfoLinkContainer { + margin-top: 0.5em; +} diff --git a/themes/osx/aboutSessionRestore.css b/themes/osx/aboutSessionRestore.css new file mode 100644 index 0000000..4fa4907 --- /dev/null +++ b/themes/osx/aboutSessionRestore.css @@ -0,0 +1,73 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +html { + background: #f8ffd0; + height: 100%; +} + +body { + height: 100%; + text-align: center; +} + +#errorPageContainer { + background-image: url("chrome://global/skin/icons/warning-large.png"); + display: -moz-box; + width: -moz-available; + max-width: 85%; + height: 75%; + max-height: 85%; + -moz-box-orient: vertical; + text-align: start; + border: 2px solid #efc; + box-shadow: 0px 0px 8px #aaa; +} + +#errorShortDesc > p { + margin-top: 0.4em; + margin-bottom: 0; +} + +#errorLongContent, #errorTrailerDesc { + display: -moz-box; + -moz-box-flex: 1; + -moz-box-orient: vertical; +} + +#tabList { + margin-top: 2.5em; + width: 100%; + min-height: 12em; +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); +} +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#buttons { + width: 100%; +} +#buttons > button { + margin-top: 2em; +} diff --git a/themes/osx/aboutSyncTabs.css b/themes/osx/aboutSyncTabs.css new file mode 100644 index 0000000..4f21a9d --- /dev/null +++ b/themes/osx/aboutSyncTabs.css @@ -0,0 +1,101 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#tabs-display, +#tabsList { + background-color: transparent; + -moz-appearance: none; + margin: 0; +} + +#tabsList { + width: 100%; +} + +#tabs-display { + background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px; +} + +#headers { + background: url(chrome://browser/skin/sync-32.png) no-repeat; + margin-top: 4px; + width: 45em; + height: 32px; + -moz-margin-start: 2em; + -moz-margin-end: 2em; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #999999 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + border-radius: 6px; + background-color: menu; + width: 44em; + opacity: 0.9; + box-shadow: + inset rgba(255, 255, 255, 0.5) 0 1px 0px, + inset rgba(0, 0, 0, 0.1) 0 -2px 0px, + rgba(0, 0, 0, 0.1) 0px 1px 0px; +} + +richlistitem[type="tab"][selected="true"] { + background-color: -moz-MenuHover; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #000000; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); +} + +.title, +.clientName { + color: #000000; + font-size: 1.1em; +} + +.title[selected="true"], +.url[selected="true"] { + color: inherit; +} + +.url { + color: -moz-nativehyperlinktext; + font-size: 0.95em; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/themes/osx/actionicon-tab.png b/themes/osx/actionicon-tab.png Binary files differnew file mode 100644 index 0000000..ced958e --- /dev/null +++ b/themes/osx/actionicon-tab.png diff --git a/themes/osx/appmenu-dropmarker.png b/themes/osx/appmenu-dropmarker.png Binary files differnew file mode 100644 index 0000000..27deaff --- /dev/null +++ b/themes/osx/appmenu-dropmarker.png diff --git a/themes/osx/appmenu-icons.png b/themes/osx/appmenu-icons.png Binary files differnew file mode 100644 index 0000000..78f3658 --- /dev/null +++ b/themes/osx/appmenu-icons.png diff --git a/themes/osx/autocomplete.css b/themes/osx/autocomplete.css new file mode 100644 index 0000000..a50dbd8 --- /dev/null +++ b/themes/osx/autocomplete.css @@ -0,0 +1,198 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox:not(.padded) { + cursor: default; + padding: 0; +} + +textbox[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +textbox:not(.padded) .textbox-input-box { + margin: 0 3px; +} + +.textbox-input-box { + -moz-box-align: center; +} + +/* ::::: history button ::::: */ + +.private-autocomplete-history-dropmarker { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; + padding: 0px; + list-style-image: url("chrome://global/skin/icons/autocomplete-dropmarker.png"); + margin: 0px; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="private-autocomplete"], +panel[type="private-autocomplete-richlistbox"], +.private-autocomplete-history-popup { + padding: 0px !important; + color: -moz-FieldText; + background-color: -moz-Field; + font: icon; + -moz-appearance: none; +} + +.private-autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.private-autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; +} + +.private-autocomplete-treecol { + -moz-appearance: none !important; + margin: 0 !important; + border: none !important; + padding: 0 !important; +} + +.private-autocomplete-treebody::-moz-tree-cell-text { + padding-left: 2px; +} + +.private-autocomplete-treebody::-moz-tree-row { + border-top: none; +} + +treechildren.private-autocomplete-treebody::-moz-tree-row(selected) { + background-color: Highlight; +} + +treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) { + color: HighlightText !important; +} + +.private-autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { + max-width: 16px; + height: 16px; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.private-autocomplete-richlistbox { + -moz-appearance: none; + margin: 0; +} + +.private-autocomplete-richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; + background-image: linear-gradient(rgba(255,255,255,0.3), transparent); +} + +.private-autocomplete-richlistitem { + padding: 5px 2px; +} + +.ac-url-box { + /* When setting a vertical margin here, half of that needs to be added + .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ + margin-top: 1px; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-url-box { + visibility: hidden; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-title-box { + /* Center the title by moving it down by half of .ac-url-box's height, + including vertical margins (if any). */ + transform: translateY(.5em); +} + +.ac-site-icon { + width: 16px; + height: 16px; + margin-bottom: -1px; + -moz-margin-start: 7px; + -moz-margin-end: 5px; +} + +.ac-type-icon { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 4px; +} + +.ac-url-box > .ac-site-icon, +.ac-url-box > .ac-type-icon { + /* Otherwise the spacer is big enough to stretch its container */ + height: auto; +} + +.ac-extra > .ac-result-type-tag { + margin: 0 4px; +} + +.ac-extra > .ac-comment { + padding-right: 4px; +} + +.ac-ellipsis-after { + margin: 0 !important; + padding: 0; + min-width: 1.1em; +} + +.ac-normal-text { + margin: 0 !important; + padding: 0; +} + +.ac-normal-text > html|span { + margin: 0 !important; + padding: 0; +} + +html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.4); + background-color: rgba(208,208,208,0.2); + border-radius: 2px; + text-shadow: 0 0 currentColor; +} + +.ac-url-text > html|span.ac-emphasize-text, +.ac-action-text > html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(183,210,226,0.4); + background-color: rgba(183,210,226,0.3); +} + +.ac-title, .ac-url { + overflow: hidden; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} diff --git a/themes/osx/browser.css b/themes/osx/browser.css new file mode 100644 index 0000000..20e453d --- /dev/null +++ b/themes/osx/browser.css @@ -0,0 +1,2802 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@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"); + +%include shared.inc +%filter substitution +%define toolbarHighlight rgba(255,255,255,.5) +%define selectedTabHighlight rgba(255,255,255,.7) +%define toolbarShadowColor rgba(10%,10%,10%,.4) +%define toolbarShadowOnTab linear-gradient(to top, rgba(10%,10%,10%,.4) 1px, transparent 1px) +%define bgTabTexture linear-gradient(transparent, hsla(0,0%,45%,.1) 1px, hsla(0,0%,32%,.2) 80%, hsla(0,0%,0%,.2)) +%define bgTabTextureHover linear-gradient(hsla(0,0%,100%,.3) 1px, hsla(0,0%,75%,.2) 80%, hsla(0,0%,60%,.2)) +%define navbarTextboxCustomBorder border-color: rgba(0,0,0,.32); +%define navbarLargeIcons #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar +%define forwardTransitionLength 150ms +%define conditionalForwardWithUrlbar window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button"],#nav-bar:not([currentset])) > #unified-back-forward-button +%define conditionalForwardWithUrlbarWidth 27 + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; +} + +#main-window { + -moz-appearance: none; + background-color: #eeeeee; +} + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */ + height: 1px; + background-color: ThreeDShadow; +} +#navigator-toolbox[tabsontop=false]::after, +#main-window[disablechrome] #navigator-toolbox::after { + visibility: collapse; +} + +#navigator-toolbox > toolbar:not(:-moz-lwtheme) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; +} + +#nav-bar[tabsontop=true]:not(:-moz-lwtheme), +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):not(:-moz-lwtheme) + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):not(:-moz-lwtheme) + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(@toolbarHighlight@, rgba(255,255,255,0)); +} + +#nav-bar[tabsontop=true]:-moz-lwtheme, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,0)); +} + +#nav-bar[tabsontop=true]:-moz-lwtheme-brighttext, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme-brighttext + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]):-moz-lwtheme-brighttext + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(rgba(32,32,32,.8), rgba(32,32,32,0)); +} + +#personal-bookmarks { + min-height: 24px; +} + +#print-preview-toolbar:not(:-moz-lwtheme) { + -moz-appearance: toolbox; +} + +#browser-bottombox:not(:-moz-lwtheme) { + background-color: -moz-dialog; +} + + + +/* ::::: titlebar ::::: */ + +#main-window[sizemode="normal"]:not([privatebrowsingmode=temporary]) > #titlebar { + -moz-appearance: -moz-window-titlebar; +} + +#main-window[sizemode="maximized"] > #titlebar { + -moz-appearance: -moz-window-titlebar-maximized; +} + +#titlebar-buttonbox { + -moz-appearance: -moz-window-button-box; +} + +#main-window[sizemode="maximized"] #titlebar-buttonbox { + -moz-appearance: -moz-window-button-box-maximized; +} + +.titlebar-placeholder[type="appmenu-button"] { + margin-left: 4px; +} + +.titlebar-placeholder[type="caption-buttons"] { + margin-left: 10px; +} + +/* titlebar command buttons */ + +#titlebar-min { + -moz-appearance: -moz-window-button-minimize; +} + +#titlebar-max { + -moz-appearance: -moz-window-button-maximize; +} + +#main-window[sizemode="maximized"] #titlebar-max { + -moz-appearance: -moz-window-button-restore; +} + +#titlebar-close { + -moz-appearance: -moz-window-button-close; +} + +/* ensure titlebar on privacy windows is of correct size */ +#titlebar { + height: 22px; +} + +/* ensure extra titlebar doesn't appear on normal (e.g. non-privacy) windows */ +#main-window:not([privatebrowsingmode=temporary]):not(:-moz-lwtheme) > #titlebar > #titlebar-content > #titlebar-buttonbox-container, +#main-window:not([drawintitlebar=true]):not(:-moz-lwtheme) > #titlebar { + display: none; +} + +#titlebar-buttonbox-container { + margin-left: 7px; + margin-top: 3px; +} + +/* ::::: bookmark toolbar ::::: */ + +#personal-bookmarks { + min-height: 17px; /* 16px button height + 1px margin-bottom */ +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/icons/chevron.png"); + margin: 1px 0 0; + padding: 0; +} + +toolbarbutton.chevron > .toolbarbutton-text { + display: none; +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +@media (min-resolution: 2dppx) { + toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/icons/chevron@2x.png"); + } + + toolbarbutton.chevron > .toolbarbutton-icon { + width: 13px; + } +} + +/* ::::: bookmark buttons ::::: */ + +toolbarbutton.bookmark-item { + color: #222; + border: 0; + border-radius: 10000px; + padding: 1px 8px; + margin: 0 0 1px; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://browser/skin/places/folderDropArrow.png"); + -moz-image-region: rect(0, 7px, 5px, 0); + margin-top: 1px; + -moz-margin-start: 3px; + -moz-margin-end: -2px; +} + +@media (min-resolution: 2dppx) { + .bookmark-item > .toolbarbutton-menu-dropmarker { + list-style-image: url("chrome://browser/skin/places/folderDropArrow@2x.png"); + -moz-image-region: rect(0, 14px, 10px, 0); + } + + .bookmark-item > .toolbarbutton-menu-dropmarker > .dropmarker-icon { + width: 7px; + } +} + +.bookmark-item > .toolbarbutton-text { + display: -moz-box !important; /* prevent [mode="icons"] from hiding the label */ + margin: 0 !important; +} + +toolbarbutton.bookmark-item:hover, +toolbarbutton.bookmark-item[open="true"] { + background-color: rgba(0, 0, 0, .205); +} + +toolbarbutton.bookmark-item:hover, +toolbarbutton.bookmark-item[open="true"] { + color: #FFF !important; + text-shadow: 0 1px rgba(0, 0, 0, .4) !important; +} + +.bookmark-item:hover > .toolbarbutton-menu-dropmarker, +.bookmark-item[open="true"] > .toolbarbutton-menu-dropmarker { + -moz-image-region: rect(5px, 7px, 10px, 0); +} + +@media (min-resolution: 2dppx) { + .bookmark-item:hover > .toolbarbutton-menu-dropmarker, + .bookmark-item[open="true"] > .toolbarbutton-menu-dropmarker { + -moz-image-region: rect(10px, 14px, 20px, 0); + } +} + +toolbarbutton.bookmark-item:active:hover, +toolbarbutton.bookmark-item[open="true"] { + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.4); + background-color: rgba(0, 0, 0, .5); +} + +toolbarbutton.bookmark-item > menupopup { + margin-top: 2px; + -moz-margin-start: 3px; +} + +.bookmark-item > .toolbarbutton-icon { + width: 16px; + min-height: 16px; + max-height: 16px; +} + +.bookmark-item > .toolbarbutton-icon[label]:not([label=""]), +.bookmark-item > .toolbarbutton-icon[type="menu"] { + -moz-margin-end: 5px; +} + +.bookmark-item[container] { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); +} + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); +} + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/history.png"); +} + +.bookmark-item[query][hostContainer] { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +@media (min-resolution: 2dppx) { + .bookmark-item[container] { + list-style-image: url("chrome://global/skin/tree/folder@2x.png"); + } + + .bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/page-livemarks@2x.png"); + } + + .bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + } + + .bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query@2x.png"); + } + + .bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag@2x.png"); + } + + .bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/history@2x.png"); + } + + .bookmark-item[query][hostContainer] { + list-style-image: url("chrome://global/skin/tree/folder@2x.png"); + } + + .bookmark-item[query][hostContainer][open] { + list-style-image: url("chrome://global/skin/tree/folder@2x.png"); + } +} + +/* Workaround for native menubar inheritance */ +.openintabs-menuitem, +.openlivemarksite-menuitem, +.livemarkstatus-menuitem { + list-style-image: none; +} + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; +} + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; +} + +@media (min-resolution: 2dppx) { + .bookmark-item > .toolbarbutton-icon, + .bookmark-item > .menu-iconic-left > .menu-iconic-icon { + image-rendering: -moz-crisp-edges; + } +} + +#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + background: url("chrome://browser/skin/places/bookmarksToolbar.png") no-repeat center; +} + +.bookmarks-toolbar-customize { + max-width: 15em !important; + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +@media (min-resolution: 2dppx) { + #wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + background-image: url("chrome://browser/skin/places/bookmarksToolbar@2x.png"); + background-size: 16px; + } + + .bookmarks-toolbar-customize { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar@2x.png") !important; + } + + .bookmarks-toolbar-customize > .toolbarbutton-icon { + width: 16px; + } +} + +/* ::::: bookmark menus ::::: */ + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; +} + +/* ::::: primary toolbar buttons ::::: */ + +.toolbarbutton-1 { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +toolbar[brighttext] .toolbarbutton-1 { + list-style-image: url("chrome://browser/skin/Toolbar-inverted.png"); +} + +.toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +.toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); +} + +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); +} + +.toolbarbutton-1 > .toolbarbutton-icon, +.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-margin-end: 0; +} + +toolbar[mode=full] .toolbarbutton-1:not([type=menu-button]) { + -moz-box-orient: vertical; +} + +toolbar[mode=full] .toolbarbutton-1, +toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button { + min-width: 57px; +} + +#nav-bar { + /* force iconsize="small" on this toolbar */ + counter-reset: smallicons; +} + +@navbarLargeIcons@ .toolbarbutton-1, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + border: none; + padding: 0; + background: none; +} + +@navbarLargeIcons@ .toolbarbutton-1:not([type=menu-button]), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + padding: 5px 2px; + -moz-box-pack: center; +} + +@navbarLargeIcons@ .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button) { + padding-left: 5px; + padding-right: 5px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > menupopup { + margin-top: -3px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-padding-end: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-padding-start: 0; + -moz-box-align: center; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + padding: 2px 6px; + background: hsla(210,32%,93%,.3) padding-box; + background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,100%,.1)); + background-clip: padding-box; + border-radius: 2.5px; + border: 1px solid; + border-color: hsla(210,54%,20%,.2) hsla(210,54%,20%,.2) hsla(210,54%,20%,.2); + box-shadow: 0 1px hsla(0,0%,100%,.05) inset, + 0 1px hsla(210,54%,20%,.05), + 0 0 2px hsla(210,54%,20%,.05); + transition-property: background-image, background-color, border-color, box-shadow; + transition-duration: 150ms; +} + +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; +} + +@navbarLargeIcons@ .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ { + -moz-padding-end: 17px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menu-dropmarker { + -moz-margin-start: -15px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-border-end: none; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + padding: 8px 5px 7px; +} + +@navbarLargeIcons@ .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: 0 0 0 1px hsla(0,0%,100%,.2); +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon:-moz-locale-dir(ltr), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon:-moz-locale-dir(rtl), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, +@conditionalForwardWithUrlbar@ > .toolbarbutton-1:-moz-any([disabled],:not([open]):not([disabled]):not(:active)) > .toolbarbutton-icon { + background-image: linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.5)); + border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.3) hsla(210,54%,20%,.35); + box-shadow: 0 1px hsla(0,0%,100%,.3) inset, + 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); + transition-property: background-image, background-color, border-color, box-shadow; + transition-duration: 150ms; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):not([open]):not(:active):hover > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, +@conditionalForwardWithUrlbar@ > #forward-button:not([open]):not(:active):not([disabled]):hover > .toolbarbutton-icon { + border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4); + background-color: hsla(210,48%,96%,.75); + box-shadow: 0 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover:active > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack { + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + background-color: hsla(210,54%,20%,.15); + border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4); + box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset, + 0 0 1px hsla(210,54%,20%,.2) inset, + /* allows windows-keyhole-forward-clip-path to be used for non-hover as well as hover: */ + 0 1px 0 hsla(210,54%,20%,0), + 0 0 2px hsla(210,54%,20%,0); + text-shadow: none; + transition: none; +} + +@navbarLargeIcons@ .toolbarbutton-1:-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { + -moz-border-start-color: hsla(210,54%,20%,.35); +} + +@navbarLargeIcons@ .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: rgba(90%,90%,90%,.4); + transition: background-color .4s; +} + +:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1, +:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + border-style: none; + padding: 0 3px; +} + +#TabsToolbar .toolbarbutton-1:not([disabled]):hover, +#TabsToolbar .toolbarbutton-1[open], +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover, +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover, +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover { + background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.5)), + linear-gradient(transparent, rgba(0,0,0,.25) 30%), + linear-gradient(transparent, rgba(0,0,0,.25) 30%); + background-position: 1px -1px, 0 -1px, 100% -1px; + background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100%; + background-repeat: no-repeat; +} + +#addon-bar .toolbarbutton-1:not([disabled]):hover, +#addon-bar .toolbarbutton-1[open], +#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover { + background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)), + linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%), + linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%); + background-position: left, left, right; + background-size: auto, 1px 100%, 1px 100%; + background-repeat: no-repeat; +} + +/* unified back/forward button */ + +#back-button { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#forward-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#forward-button:-moz-locale-dir(rtl), +#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { + transform: scaleX(-1); +} + +@conditionalForwardWithUrlbar@ { + -moz-box-align: center; +} + +@conditionalForwardWithUrlbar@ > #forward-button { + padding: 0; +} + +@conditionalForwardWithUrlbar@ > #forward-button > menupopup { + margin-top: 1px; +} + +@conditionalForwardWithUrlbar@ > #forward-button > .toolbarbutton-icon { + /*mask: url(keyhole-forward-mask.svg#mask); XXX: this regresses twinopen */ + clip-path: url(chrome://browser/content/browser.xul#windows-keyhole-forward-clip-path); + -moz-margin-start: -6px !important; + border-left-style: none; + border-radius: 0; + padding-left: 7px; + padding-right: 3px; +} + +@conditionalForwardWithUrlbar@:not([switchingtabs]) > #forward-button { + transition: opacity @forwardTransitionLength@ ease-out; +} + +@conditionalForwardWithUrlbar@:not(:hover) > #forward-button[disabled] { + /* opacity: 0; */ +} + +@conditionalForwardWithUrlbar@ > #back-button { + -moz-image-region: rect(18px, 20px, 38px, 0); + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 5px; + -moz-padding-end: 0; + position: relative; + z-index: 1; + border-radius: 0 10000px 10000px 0; +} + +@conditionalForwardWithUrlbar@ > #back-button:-moz-locale-dir(rtl) { + border-radius: 10000px 0 0 10000px; +} + +@conditionalForwardWithUrlbar@ > #back-button > menupopup { + margin-top: -1px; +} + +@conditionalForwardWithUrlbar@ > #back-button > .toolbarbutton-icon { + border-radius: 10000px; + padding: 5px; + border: none; + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(210,54%,20%,.25), + 0 1px 0 hsla(210,54%,20%,.35); + transition-property: background-color, box-shadow; + transition-duration: 250ms; +} + +@conditionalForwardWithUrlbar@ > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon { + background-color: hsla(210,48%,96%,.75); + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(210,54%,20%,.3), + 0 1px 0 hsla(210,54%,20%,.4), + 0 0 4px hsla(210,54%,20%,.2); +} + +@conditionalForwardWithUrlbar@ > #back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon, +@conditionalForwardWithUrlbar@ > #back-button[open="true"] > .toolbarbutton-icon { + background-color: hsla(210,54%,20%,.15); + box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset, + 0 0 1px hsla(210,54%,20%,.2) inset, + 0 0 0 1px hsla(210,54%,20%,.4), + 0 1px 0 hsla(210,54%,20%,.2); + transition: none; +} + +@conditionalForwardWithUrlbar@ > #back-button[disabled] > .toolbarbutton-icon { + box-shadow: 0 0 0 1px hsla(210,54%,20%,.55), + 0 1px 0 hsla(210,54%,20%,.65); + transition: none; +} + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr), +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://browser/skin/menu-back.png") !important; +} + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr), +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://browser/skin/menu-forward.png") !important; +} + +#stop-button { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +#reload-button { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#home-button.bookmark-item { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} +toolbar[brighttext] #home-button.bookmark-item { + list-style-image: url("chrome://browser/skin/Toolbar-inverted.png"); +} + +#home-button { + -moz-image-region: rect(0, 90px, 18px, 72px); +} + +#downloads-button { + -moz-image-region: rect(0, 108px, 18px, 90px); +} + +#history-button, +#history-menu-button { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#bookmarks-button, +#bookmarks-menu-button { + -moz-image-region: rect(0, 144px, 18px, 126px); +} + +#bookmarks-menu-button.bookmark-item { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +toolbar[brighttext] #bookmarks-menu-button.bookmark-item { + list-style-image: url("chrome://browser/skin/Toolbar-inverted.png"); +} + +#print-button { + -moz-image-region: rect(0, 162px, 18px, 144px); +} + +#new-tab-button { + -moz-image-region: rect(0, 180px, 18px, 162px); +} + +#new-window-button { + -moz-image-region: rect(0, 198px, 18px, 180px); +} + +#cut-button { + -moz-image-region: rect(0, 216px, 18px, 198px); +} + +#copy-button { + -moz-image-region: rect(0, 234px, 18px, 216px); +} + +#paste-button { + -moz-image-region: rect(0, 252px, 18px, 234px); +} + +#fullscreen-button { + -moz-image-region: rect(0, 270px, 18px, 252px); +} + +#zoom-out-button { + -moz-image-region: rect(0, 288px, 18px, 270px); +} + +#zoom-in-button { + -moz-image-region: rect(0, 306px, 18px, 288px); +} + +#sync-button { + -moz-image-region: rect(0, 324px, 18px, 306px); +} +#sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/sync-throbber.png"); + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#feed-button { + -moz-image-region: rect(0, 342px, 18px, 324px); +} + +%ifdef MOZ_WEBRTC +#webrtc-status-button { + -moz-image-region: rect(0, 360px, 18px, 342px); +} +%endif + +/* ::::: Location Bar ::::: */ + +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + margin: 1px 3px; + padding: 0; + background-clip: padding-box; + border: 1px solid ThreeDShadow; + border-radius: 2px; +} + +#urlbar { + width: 7em; + -moz-padding-end: 2px; +} + +@media (-moz-mac-lion-theme) { + #urlbar, + .searchbar-textbox { + @navbarTextboxCustomBorder@ + } +} + +#urlbar:-moz-lwtheme, +.searchbar-textbox:-moz-lwtheme { + background-color: rgba(255,255,255,.8); + @navbarTextboxCustomBorder@ + color: black; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container { + padding-left: @conditionalForwardWithUrlbarWidth@px; + -moz-margin-start: -@conditionalForwardWithUrlbarWidth@px; + position: relative; + pointer-events: none; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar { + -moz-border-start: none; + margin-left: 0; + pointer-events: all; +} + +@conditionalForwardWithUrlbar@:not([switchingtabs]) + #urlbar-container > #urlbar { + transition: margin-left @forwardTransitionLength@ ease-out; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container { + clip-path: url("chrome://browser/content/browser.xul#windows-urlbar-back-button-clip-path"); +} + +@conditionalForwardWithUrlbar@ + #urlbar-container:-moz-locale-dir(rtl), +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + /* let windows-urlbar-back-button-mask clip the urlbar's right side for RTL */ + transform: scaleX(-1); +} + +html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, +.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder { + opacity: 1.0; + color: #777; +} + +#urlbar:-moz-lwtheme[focused="true"], +.searchbar-textbox:-moz-lwtheme[focused="true"] { + background-color: white; +} + +#urlbar-container { + -moz-box-orient: horizontal; + -moz-box-align: stretch; +} + +.urlbar-textbox-container { + -moz-box-align: stretch; +} + +.urlbar-input-box { + -moz-margin-start: 0; + min-width: 4em; +} + +#urlbar-icons { + -moz-box-align: center; +} + +.urlbar-icon { + padding: 0 3px; +} + +.searchbar-engine-button, +.search-go-container { + padding: 2px 2px; +} + +.urlbar-icon:hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.3), hsla(200,100%,70%,0)); +} + +.urlbar-icon[open="true"], +.urlbar-icon:hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.1), hsla(200,100%,70%,0)); +} + +#urlbar-search-splitter { + min-width: 6px; + -moz-margin-start: -3px; + border: none; + background: transparent; +} + +#urlbar-search-splitter + #urlbar-container > #urlbar , +#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { + -moz-margin-start: 0; +} + +#urlbar-display-box { + -moz-border-end: 1px solid #AAA; + -moz-margin-end: 3px; +} + +#urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; +} + +/* identity box */ + +#identity-box { + padding: 2px; + font-size: .9em; +} + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; +} + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; +} + +#notification-popup-box:not([hidden]) + #identity-box { + -moz-padding-start: 10px; + border-radius: 0; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar > #identity-box { + border-radius: 0; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: hsl(92,100%,30%); + -moz-margin-end: 4px; + background-image: -moz-linear-gradient(hsla(92,81%,16%,0), + hsla(92,81%,16%,.08) 25%, + hsla(92,81%,16%,.08) 75%, + hsla(92,81%,16%,0)); + background-position: right; + background-repeat: no-repeat; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain { + color: rgb(0,79,168); + -moz-margin-end: 4px; + background-image: -moz-linear-gradient(rgba(0,79,168,0), + rgba(0,79,168,.08) 25%, + rgba(0,79,168,.08) 75%, + rgba(0,79,168,0)); + background-position: right; + background-repeat: no-repeat; +} + +#identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; +} + +#identity-box.verifiedIdentity:not(:-moz-lwtheme) { + background-color: #fff; + box-shadow: inset 0 0 2px rgb(0,168,0); +} + +#identity-box.verifiedDomain:not(:-moz-lwtheme) { + background-color: rgb(224,234,247); + box-shadow: inset 0 0 2px rgb(0,79,168); +} + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; +} + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; +} + +/* Address bar shading for SSL */ + +#urlbar[https_color="all"][security_level="broken"], +#urlbar[https_color="all"][security_level="low"] { + box-shadow: inset 0 0 4px rgb(168,0,0); +} + +#urlbar[https_color="all"][security_level="mixed"], +#urlbar[https_color="secure-mixed"][security_level="mixed"] { + box-shadow: inset 0 0 4px rgb(168,79,0); +} + +#urlbar[https_color="all"][security_level="high"], +#urlbar[https_color="secure-mixed"][security_level="high"], +#urlbar[https_color="secure-only"][security_level="high"] { + box-shadow: inset 0 0 4px rgb(0,79,168); +} + +#urlbar[https_color="all"][security_level="ev"], +#urlbar[https_color="secure-mixed"][security_level="ev"], +#urlbar[https_color="secure-only"][security_level="ev"] { + box-shadow: inset 0 0 4px rgb(0,168,0); +} + +#urlbar[https_color="all"]:-moz-lwtheme-darktext, +#urlbar[https_color="secure-mixed"]:-moz-lwtheme-darktext, +#urlbar[https_color="secure-only"]:-moz-lwtheme-darktext { + box-shadow: inset 0 0 2px; +} + + +/* Location bar dropmarker */ + +.urlbar-history-dropmarker { + -moz-appearance: none; + padding: 0 3px; + background-color: transparent; + border: none; + width: auto; + list-style-image: url("chrome://browser/skin/urlbar-history-dropmarker.png"); + -moz-image-region: rect(0px, 11px, 14px, 0px); +} + +.urlbar-history-dropmarker:hover { + background-image: radial-gradient(circle closest-side, hsla(205,100%,70%,.3), hsla(205,100%,70%,0)); + -moz-image-region: rect(0px, 22px, 14px, 11px); +} + +.urlbar-history-dropmarker:hover:active, +.urlbar-history-dropmarker[open="true"] { + background-image: radial-gradient(circle closest-side, hsla(205,100%,70%,.1), hsla(205,100%,70%,0)); + -moz-image-region: rect(0px, 33px, 14px, 22px); +} + +/* page proxy icon */ + +#page-proxy-favicon { + width: 16px; + height: 16px; + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 2px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar > #identity-box > #page-proxy-favicon { + -moz-margin-end: 1px; +} + +/* Since we already have a padlock, always use the generic icon until the favicon loads +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); +} + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); +} + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); +} +*/ + +#identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#identity-box:hover:active > #page-proxy-favicon, +#identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; +} + +/* autocomplete */ + +#treecolAutoCompleteImage { + max-width: 36px; +} + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0px 48px 16px 32px); + width: 16px; + height: 16px; +} + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) { + list-style-image: url(chrome://global/skin/icons/search-textbox.png); + margin: 2px; + width: 12px; + height: 12px; +} + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; +} + +.ac-comment { + font-size: 1.06em; +} + +.ac-extra > .ac-comment { + font-size: 1em; +} + +.ac-url-text, +.ac-action-text { + font-size: 1em; + color: -moz-nativehyperlinktext; +} + +@media (-moz-mac-lion-theme) { + .ac-url-text:not([selected="true"]), + .ac-action-text:not([selected="true"]) { + color: #008800; + } +} + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + -moz-image-region: rect(0, 16px, 11px, 0); + padding: 0 3px; +} + +richlistitem[type~="action"][actiontype="switchtab"][selected="true"] > .ac-url-box > .ac-action-icon { + -moz-image-region: rect(11px, 16px, 22px, 0); +} + +.ac-comment[selected="true"], +.ac-url-text[selected="true"], +.ac-action-text[selected="true"] { + color: inherit !important; +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; +} + +.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; +} + +/* combined go/reload/stop button in location bar */ + +#go-button, +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + background-origin: border-box; + border: none; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); +} + +#go-button { + padding: 0 3px; +} + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); +} + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), hsla(200,100%,70%,0)); + -moz-image-region: rect(14px, 14px, 28px, 0); +} + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), hsla(200,100%,60%,0)); + -moz-image-region: rect(28px, 14px, 42px, 0); +} + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#go-button, +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +#go-button:hover, +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), hsla(110,70%,50%,0)); + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +#go-button:hover:active, +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), hsla(110,70%,50%,0)); + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); +} + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), hsla(5,100%,75%,0)); + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), hsla(5,100%,75%,0)); + -moz-image-region: rect(28px, 28px, 42px, 14px); +} + +/* popup blocker button */ + +#page-report-button { + list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#page-report-button:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#page-report-button:hover:active, +#page-report-button[open="true"] { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + + +/* star button */ + +#star-button { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#star-button:hover { + background-image: radial-gradient(circle closest-side, hsla(45,100%,73%,.3), hsla(45,100%,73%,0)); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#star-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(45,100%,73%,.1), hsla(45,100%,73%,0)); + -moz-image-region: rect(0px 48px 16px 32px); +} + +#star-button[starred] { + list-style-image: url("chrome://browser/skin/places/editBookmark.png"); +} + +/* bookmarking panel */ + +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; +} + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); +} + +#editBookmarkPanelTitle { + font-size: 130%; +} + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; +} + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; +} + +/* BOOKMARKING PANEL */ +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; +} + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); +} + +#editBookmarkPanelTitle { + font-size: 130%; + font-weight: bold; +} + +#editBMPanel_rows > row { + margin-bottom: 8px; +} + +#editBMPanel_rows > row:last-of-type { + margin-bottom: 0; +} + +/**** Input elements ****/ + +#editBMPanel_rows > row > textbox, +#editBMPanel_rows > row > hbox > textbox { + -moz-appearance: none; + background: linear-gradient(#fafafa, #fff); + background-clip: padding-box; + border-radius: 3px; + border: 1px solid rgba(0,0,0,.3) !important; + box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05), + 0 1px rgba(255,255,255,.3); + margin: 0; + padding: 3px 6px; +} + +#editBMPanel_rows > row > textbox[focused="true"], +#editBMPanel_rows > row > hbox > textbox[focused="true"] { + border-color: -moz-mac-focusring !important; + box-shadow: @focusRingShadow@; +} + +/**** HUD style buttons ****/ + +.editBookmarkPanelHeaderButton, +.editBookmarkPanelBottomButton { + @hudButton@ + margin: 0; + min-width: 82px; + min-height: 22px; +} + +.editBookmarkPanelHeaderButton:hover:active, +.editBookmarkPanelBottomButton:hover:active { + @hudButtonPressed@ +} + +.editBookmarkPanelHeaderButton:-moz-focusring, +.editBookmarkPanelBottomButton:-moz-focusring { + @hudButtonFocused@ +} + +.editBookmarkPanelBottomButton[default="true"] { + background-color: #666; +} + +#editBookmarkPanelHeader { + margin-bottom: 6px; +} + +.editBookmarkPanelBottomButton:last-child { + -moz-margin-start: 8px; +} + +/* The following elements come from editBookmarkOverlay.xul. Styling that's + specific to the editBookmarkPanel should be in browser.css. Styling that + should be shared by all editBookmarkOverlay.xul consumers should be in + editBookmarkOverlay.css. */ + +#editBMPanel_newFolderBox { + background: linear-gradient(#fff, #f2f2f2); + background-origin: padding-box; + background-clip: padding-box; + border-radius: 0 0 3px 3px; + border: 1px solid #a5a5a5; + box-shadow: inset 0 1px rgba(255,255,255,.8), + inset 0 0 1px rgba(255,255, 255,.25), + 0 1px rgba(255,255,255,.3); + margin: 0; + padding: 0; + height: 20px; +} + +#editBMPanel_newFolderButton { + -moz-appearance: none; + border: 0 solid #a5a5a5; + -moz-border-end-width: 1px; + padding: 0 9px; + margin: 0; + min-width: 21px; + min-height: 20px; + height: 20px; + color: #fff; + list-style-image: url("chrome://browser/skin/panel-plus-sign.png"); + position: relative; +} + +#editBMPanel_newFolderButton:hover:active { + background: linear-gradient(rgba(40,40,40,.9), rgba(70,70,70,.9)); + box-shadow: inset 0 0 3px rgba(0,0,0,.2), inset 0 1px 7px rgba(0,0,0,.4); +} + +#editBMPanel_newFolderButton:-moz-focusring { + @hudButtonFocused@ +} + +#editBMPanel_newFolderButton .button-text { + display: none; +} + +#editBMPanel_folderMenuList { + @hudButton@ + background-clip: padding-box; + margin: 0; + min-height: 22px; + padding-top: 2px; + padding-bottom: 1px; + -moz-padding-start: 8px; + -moz-padding-end: 4px; +} + +#editBMPanel_folderMenuList:-moz-focusring { + @hudButtonFocused@ +} + +#editBMPanel_folderMenuList[open="true"], +#editBMPanel_folderMenuList:hover:active { + @hudButtonPressed@ +} + +#editBMPanel_folderMenuList > .menulist-dropmarker { + -moz-appearance: none; + display: -moz-box; + background-color: transparent; + border: 0; + margin: 0; + padding: 0; + -moz-padding-end: 4px; + width: 7px; +} + +#editBMPanel_folderMenuList > .menulist-dropmarker > .dropmarker-icon { + list-style-image: url("chrome://global/skin/icons/panel-dropmarker.png"); +} + +/**** folder tree and tag selector ****/ + +#editBMPanel_folderTree, +#editBMPanel_tagsSelector { + -moz-appearance: none; + background: linear-gradient(#fafafa, #fff); + background-clip: padding-box; + border-radius: 3px; + border: 1px solid rgba(0,0,0,.3); + box-shadow: inset 0 1px 1px 1px rgba(0,0,0,.05), + 0 1px rgba(255,255,255,.3); + margin: 0; +} + +#editBMPanel_folderTree:-moz-focusring, +#editBMPanel_tagsSelector:-moz-focusring { + border-color: -moz-mac-focusring; + box-shadow: @focusRingShadow@; +} + +#editBMPanel_folderTree { + border-bottom: none; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + /* Implements editBookmarkPanel resizing on folderTree un-collapse. */ + margin: 0 !important; + min-width: 27em; + position: relative; +} + +/**** expanders ****/ + +#editBookmarkPanel .expander-up, +#editBookmarkPanel .expander-down { + @hudButton@ + margin: 0; + -moz-margin-start: 4px; + min-width: 27px; + min-height: 22px; +} + +#editBookmarkPanel .expander-up:-moz-focusring, +#editBookmarkPanel .expander-down:-moz-focusring { + @hudButtonFocused@ +} + +#editBookmarkPanel .expander-up:hover:active, +#editBookmarkPanel .expander-down:hover:active { + @hudButtonPressed@ +} + +#editBookmarkPanel .expander-up { + list-style-image: url("chrome://browser/skin/panel-expander-open.png"); +} + +#editBookmarkPanel .expander-down { + list-style-image: url("chrome://browser/skin/panel-expander-closed.png"); +} + +#editBookmarkPanel .expander-up > .button-box > .button-icon, +#editBookmarkPanel .expander-down > .button-box > .button-icon { + margin: 1px 0 0; +} + +#editBookmarkPanel .expander-up > .button-box > .button-text, +#editBookmarkPanel .expander-down > .button-box > .button-text { + display: none; +} + +@media (min-resolution: 2dppx) { + #editBookmarkPanel .expander-up { + list-style-image: url("chrome://browser/skin/panel-expander-open@2x.png"); + } + + #editBookmarkPanel .expander-down { + list-style-image: url("chrome://browser/skin/panel-expander-closed@2x.png"); + } + + #editBookmarkPanel .expander-up > .button-box > .button-icon, + #editBookmarkPanel .expander-down > .button-box > .button-icon { + width: 9px; + } +} + +#editBMPanel_tagsField > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder { + opacity: 1.0; + color: #bbb; +} + +.editBMPanel_rowLabel { + text-align: end; +} + +/* ::::: content area ::::: */ + +#sidebar { + background-color: Window; +} + +#sidebar-title { + -moz-padding-start: 0px; +} + +/* ::::: throbber ::::: */ + +#navigator-throbber { + width: 16px; + min-height: 16px; + margin: 0 3px; +} + +#navigator-throbber[busy="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#navigator-throbber, +#wrapper-navigator-throbber > #navigator-throbber { + list-style-image: url("chrome://global/skin/icons/notloading_16.png"); +} + +/* Tabstrip */ + +#TabsToolbar { + min-height: 0; + padding: 0; +} + +#TabsToolbar:not(:-moz-lwtheme), +#TabsToolbar[tabsontop=false] { + background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%); +} + +/* When the tab bar is collapsed, show a 1px border in its place. */ +#TabsToolbar[tabsontop="false"][collapsed="true"]:not([customizing="true"]) { + visibility: visible; + height: 1px; + border-bottom-width: 1px; + /* !important here to override border-style: none on the toolbar */ + border-bottom-style: solid !important; + border-bottom-color: ThreeDShadow; + overflow: hidden; +} + +@media (-moz-mac-lion-theme) { + #main-window[sizemode=normal] #TabsToolbar { + padding-left: 2px; + padding-right: 2px; + } +} + +/* remove 5 pixel border on left and right of browser screen */ +.tabbrowser-tabbox { + margin: 0; +} + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background: @toolbarShadowOnTab@, @bgTabTexture@, + linear-gradient(-moz-dialog, -moz-dialog); + background-clip: padding-box; + padding: 3px 1px 4px; + /* Setting a transparent outer border allows us to have a 1px gap + between the tabs and the top edge of the screen, even when the + tabs have a top margin of 0, which is important for Fitts' law + compliance */ + border: 2px solid; + border-bottom: none; + border-radius: 6px 6px 0px 0px; + -moz-border-top-colors: transparent #929292; + -moz-border-left-colors: transparent #929292; + -moz-border-right-colors: transparent #929292; + /* Hide the transparent top border by default */ + margin-top: -1px; + /* Reduce the gap between the tabs */ + -moz-margin-start: -1px; + box-shadow: inset 0.5px 1px 1px rgba(255,255,255,.7); +} + +.tabbrowser-tab { + -moz-padding-end: 3px; +} + +/* Override the default (globally-set) tab width values; increase + by 2px to compensate for the transparent outer border of the tabs */ +.tabbrowser-tab:not([pinned]) { + max-width: 252px; + min-width: 102px; +} + +/* When the tabs are on top and the window is maximized or in full- + screen mode, unhide the transparent top border of the tabs so we + have a 1px gap between the tabs and the top edge of the screen */ +#main-window[sizemode="maximized"][tabsontop=true] .tabbrowser-tab, +#main-window[sizemode="maximized"][tabsontop=true] .tabs-newtab-button, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabbrowser-tab, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabs-newtab-button { + margin-top: 0px; +} + +/* make the tab text colors match those of the Windows client */ +@media (-moz-mac-lion-theme) { + tab { + text-shadow: none; + color: black !important; + } +} + +.tabbrowser-tab:hover, +.tabs-newtab-button:hover { + background-image: @toolbarShadowOnTab@, @bgTabTextureHover@, + linear-gradient(-moz-dialog, -moz-dialog); +} + +.tabbrowser-tab[selected="true"] { + background-image: linear-gradient(@selectedTabHighlight@, @toolbarHighlight@ 50%), + linear-gradient(-moz-dialog, -moz-dialog); +} + +#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) { + background-image: @toolbarShadowOnTab@, + linear-gradient(@selectedTabHighlight@, @toolbarHighlight@ 50%), + linear-gradient(-moz-dialog, -moz-dialog); +} + +.tabbrowser-tab[visuallyselected=true]:not(:-moz-lwtheme) { + /* overriding tabbox.css */ + color: inherit; +} + +.tabbrowser-tab[visuallyselected=true] { + /* overriding tabbox.css */ + text-shadow: inherit; +} + +/* Remove highlight fuzz on dark themes */ +.tabbrowser-tab:-moz-lwtheme-brighttext, +.tabs-newtab-button:-moz-lwtheme-brighttext { + box-shadow:none; + -moz-border-top-colors: transparent #707070; + -moz-border-left-colors: transparent #707070; + -moz-border-right-colors: transparent #707070; +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme { + background-image: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.8) 50%); +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme-brighttext { + background-image: linear-gradient(rgba(128,128,128,.9), rgba(32,32,32,.9) 50%, rgba(32,32,32,.9) 80%, rgba(32,32,32,.8) 100%); + -moz-border-top-colors: transparent #D0D0D0; + -moz-border-left-colors: transparent #D0D0D0; + -moz-border-right-colors: transparent #D0D0D0; +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-brighttext { + background-image: linear-gradient(hsla(0,0%,25%,.4), hsla(0,0%,15%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-brighttext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,10%,.8) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-darktext { + background-image: linear-gradient(hsla(0,0%,75%,.4), hsla(0,0%,85%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-darktext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,90%,.8) 80%); +} + +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { + background-image: radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,1) 3%, rgba(186,221,251,.75) 40%, rgba(127,179,255,.5) 80%, rgba(127,179,255,.25)); +} +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { + background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 80%), + radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,1) 3%, rgba(186,221,251,.75) 40%, rgba(127,179,255,.5) 80%, rgba(127,179,255,.25)); +} + +.tab-throbber, +.tab-icon-image { + width: 16px; + height: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + -moz-margin-start: 2px; + -moz-margin-end: 3px; +} + +.tab-throbber { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); +} + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); +} + +.tab-throbber[pinned], +.tab-icon-image[pinned] { + -moz-margin-start: 5px; + -moz-margin-end: 5px; +} + +/* tabbrowser-tab focus ring */ +.tabbrowser-tab:focus > .tab-stack { + outline: 1px dotted; +} + +/* Tab DnD indicator */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -11px; +} + +/* Tab close button */ +.tab-close-button { + -moz-appearance: none; + border: none; + padding: 0px; +} + +.tab-close-button:-moz-lwtheme-brighttext { + list-style-image: url("chrome://global/skin/icons/close-inverted.png"); +} + +@media (min-resolution: 2dppx) { + .tab-close-button:-moz-lwtheme-brighttext { + list-style-image: url("chrome://global/skin/icons/close-inverted@2x.png"); + } +} + +/* Tab sound indicator */ +.tab-icon-sound { + -moz-margin-start: 4px; + width: 16px; + height: 16px; + padding: 0; +} + +.allTabs-endimage[soundplaying], +.tab-icon-sound[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); +} + +.allTabs-endimage[muted], +.tab-icon-sound[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted"); +} + +.allTabs-endimage[blocked], +.tab-icon-sound[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[soundplaying], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[blocked], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[muted] { + filter: invert(1); +} + +.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover), +.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) { + transition: opacity .3s linear var(--soundplaying-removal-delay); + opacity: 0; +} + +/* Tab icon overlay */ +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: -8px; + margin-inline-start: -15px; + margin-inline-end: -1px; + position: relative; +} + +.tab-icon-overlay[soundplaying], +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[blocked]:not([crashed]) { + border-radius: 10px; +} + +.tab-icon-overlay[soundplaying]:hover, +.tab-icon-overlay[muted]:not([crashed]):hover, +.tab-icon-overlay[blocked]:not([crashed]):hover { + background-color: white; +} + +.tab-icon-overlay[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); +} + +.tab-icon-overlay[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); +} + +.tab-icon-overlay[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[soundplaying]:not([selected]):not(:hover), +.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[muted][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked"); +} + +/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png"); + margin: 0; + padding-right: 2px; + border-right: 2px solid transparent; + background-origin: border-box; +} + +toolbar[brighttext] .tabbrowser-arrowscrollbox > .scrollbutton-up, +toolbar[brighttext] .tabbrowser-arrowscrollbox > .scrollbutton-down { + list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]), +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) { + border-width: 0 2px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill; +} + +.tabs-newtab-button > .toolbarbutton-icon { + margin-top: -1px; + margin-bottom: -1px; +} + +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > toolbarpaletteitem > #new-tab-button { + list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png); + -moz-image-region: auto; +} + +.tabs-newtab-button:-moz-lwtheme-brighttext, +toolbar[brighttext] #TabsToolbar > #new-tab-button, +toolbar[brighttext] #TabsToolbar > toolbarpaletteitem > #new-tab-button { + list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png); +} + +.tabs-newtab-button { + width: 28px; +} + +#TabsToolbar > #new-tab-button { + width: 26px; +} + +#alltabs-button { + list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png"); + -moz-image-region: rect(0, 14px, 16px, 0); +} + +#alltabs-button[type="menu"] { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); + -moz-image-region: auto; +} + +toolbar[brighttext] #alltabs-button { + list-style-image: url("chrome://browser/skin/tabbrowser/alltabs-inverted.png"); +} + +toolbar[brighttext] #alltabs-button[type="menu"] { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); +} + +#alltabs-button[type="menu"] > .toolbarbutton-icon { + margin: 0 2px; +} + +#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; +} + +/* Tabstrip close button */ +.tabs-closebutton { + -moz-appearance: none; + padding: 4px 2px; + margin: 0px; + border: none; +} + +toolbar[brighttext] .tabs-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted.png"); +} + +@media (min-resolution: 2dppx) { + toolbar[brighttext] .tabs-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted@2x.png"); + } +} + +.tabs-closebutton > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + -moz-padding-end: 2px !important; + -moz-padding-start: 2px !important; +} + +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; +} + +/* Pale Moon: Feed icon */ +#ub-feed-button, +#ub-feed-button > .button-box, +#ub-feed-button:hover:active > .button-box { + padding: 0px; + margin: 0px; + border: 0px; + background-color: transparent !important; +} + +#ub-feed-button { + -moz-appearance: none; + min-width: 0px; + list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#ub-feed-button:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#ub-feed-button[open="true"], +#ub-feed-button:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); +} + + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); +} + +toolbarbutton.bookmark-item[dragover="true"][open="true"] { + -moz-appearance: none; + background: Highlight !important; + color: HighlightText !important; +} + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; +} + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; +} + +/* ::::: Identity Indicator Styling ::::: */ + +/* Popup Icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} + +/* Popup Body Text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; +} + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; +} + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 1.2em; +} + +#identity-popup-content-host { + margin-top: 3px; + margin-bottom: 5px; + font-weight: bold; + max-width: 300px; +} + +#identity-popup-content-owner { + margin-top: 4px; + margin-bottom: 0 !important; + font-weight: bold; + max-width: 300px; +} + +.verifiedDomain > #identity-popup-content-owner { + font-weight: normal; +} + +#identity-popup-content-verifier { + margin: 4px 0 2px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -24px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure24.png"); +} + +#identity-popup-more-info-button { + margin-top: 6px; + margin-bottom: 0; + -moz-margin-end: 0; +} + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-cancelled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-origin-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); +} + +.addon-progress-description { + width: 350px; + max-width: 350px; +} + +.popup-progress-label, +.popup-progress-meter { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +.popup-progress-cancel { + -moz-appearance: none; + background: transparent; + border: none; + padding: 0; + min-height: 16px; + min-width: 16px; + max-height: 16px; + max-width: 16px; + margin: 0 1px 0 1px; + list-style-image: url(chrome://mozapps/skin/downloads/buttons.png); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.popup-progress-cancel:hover { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +.popup-progress-cancel:active { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} + +.popup-notification-icon[popupid="mixed-content-blocked"] { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-64.png); +} + +%ifdef MOZ_WEBRTC +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); +} + +%endif +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); +} + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: #fff; + background-clip: padding-box; + padding-left: 3px; + border-radius: 2.5px 0 0 2.5px; + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; + -moz-margin-end: -8px; +} + +@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box { + padding-left: 5px; +} + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.notification-anchor-icon { + width: 16px; + height: 16px; + margin: 0 2px; +} + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; + outline-offset: -3px; +} + +.default-notification-icon, +#default-notification-icon { + list-style-image: url(chrome://global/skin/icons/information-16.png); +} + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); +} + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); +} + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); +} + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); +} + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); +} + +#alert-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); +} + +#blocked-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); +} + +#plugins-notification-icon, +#alert-plugins-notification-icon, +#blocked-plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#plugins-notification-icon:hover, +#alert-plugins-notification-icon:hover, +#blocked-plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#plugins-notification-icon:active, +#alert-plugins-notification-icon:active, +#blocked-plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; +} + +#blocked-plugins-notification-icon[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; +} + +@keyframes pluginBlockedNotification { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.mixed-content-blocked-notification-icon, +#mixed-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-16.png); +} + +%ifdef MOZ_WEBRTC +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); +} + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); +} +%endif + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.web-notifications-notification-icon:hover, +#web-notifications-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.web-notifications-notification-icon:hover:active, +#web-notifications-notification-icon:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); +} +#pointerLock-cancel { + margin: 0px; +} + +#identity-popup-container { + min-width: 280px; +} + +/* Bookmarks roots menu-items */ +#appmenu_subscribeToPage:not([disabled]), +#appmenu_subscribeToPageMenu, +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); +} + +#appmenu_bookmarksToolbar, +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +@media (min-resolution: 2dppx) { + #bookmarksToolbarFolderMenu, + #BMB_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar@2x.png"); + -moz-image-region: auto; + } +} + +#appmenu_unsortedBookmarks, +#BMB_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* ::::: Keyboard UI Panel ::::: */ + +.KUI-panel { + -moz-appearance: none; + background: rgba(27%,27%,27%,.9) url(KUI-background.png) repeat-x; + color: white; + border-style: none; + border-radius: 20px; +} + +.KUI-panel[level="top"] { + background-color: rgba(27%,27%,27%,.65); +} + +.KUI-panel-closebutton { + list-style-image: url(KUI-close.png); + -moz-appearance: none; + border: none; + padding: 0; + width: 24px; + height: 24px; +} + +.KUI-panel-closebutton:not(:hover) { + opacity: .6; +} + +.KUI-panel-closebutton > .toolbarbutton-icon { + margin: 0; +} + +/* ::::: Ctrl-Tab and All Tabs Panels ::::: */ + +/* Ctrl-Tab */ + +#ctrlTab-panel { + padding: 20px 10px 10px; + font-weight: bold; + text-shadow: 0 0 1px rgb(27%,27%,27%), 0 0 2px rgb(27%,27%,27%); +} + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; +} + +.ctrlTab-preview-inner > .tabPreview-canvas { + box-shadow: 1px 1px 2px rgb(12%,12%,12%); +} + +.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas { + margin-bottom: 2px; +} + +.ctrlTab-preview-inner { + padding-bottom: 10px; +} + +#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner { + padding: 10px; + background-color: rgba(255,255,255,.2); + border-radius: .5em; +} + +.ctrlTab-preview:focus > * > .ctrlTab-preview-inner { + color: white; + background-color: rgba(0,0,0,.6); + text-shadow: none; + padding: 8px; + border: 2px solid white; + border-radius: .5em; +} + +.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner { + margin: -10px -10px 0; +} + +#ctrlTab-showAll { + margin-top: .5em; +} + +/* All Tabs */ + +#allTabs-panel { + padding-bottom: 10px; + -moz-appearance: none; + border: none; + background: -moz-dialog; + color: -moz-dialogText; +} + +#allTabs-meta { + margin: 10px; +} + +#allTabs-filter { + -moz-margin-start: 24px; + -moz-margin-end: 0; +} + +#allTabs-tab-close-button > .toolbarbutton-icon { + margin: 0; +} + +/* Make sure the allTab previews always have regular close buttons */ +#allTabs-tab-close-button:-moz-lwtheme-brighttext { + list-style-image: url("chrome://global/skin/icons/close.png"); +} + +.allTabs-favicon[src] { + background-color: -moz-dialog; + width: 22px; + height: 22px; + padding-top: 1px; + padding-bottom: 5px; + -moz-padding-start: 1px; + -moz-padding-end: 5px; + margin-top: -2px; + -moz-margin-start: -2px; + border-bottom-right-radius: 4px; +} + +.allTabs-favicon[src]:-moz-locale-dir(rtl) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 4px; +} + +.allTabs-preview-inner > .tabPreview-canvas { + background-color: rgb(60%,60%,60%); + box-shadow: 0 0 1.5px ThreeDShadow; +} + +.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas { + opacity: .8; +} + +.allTabs-preview:focus > * > .allTabs-preview-inner { + outline: 1px dotted -moz-dialogText; +} + +/* Add-on bar */ + +#addon-bar { + -moz-appearance: none; + min-height: 20px; + border-top-style: none; + border-bottom-style: none; + padding-top: 1px; + background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); + background-size: 100% 2px; + background-repeat: no-repeat; +} + +#status-bar { + -moz-appearance: none; + background-color: transparent; + border: none; + min-height: 0; +} + +#addon-bar[customizing] > #status-bar { + opacity: .5; + background-image: repeating-linear-gradient(135deg, + rgba(255,255,255,.3), rgba(255,255,255,.3) 5px, + rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px); +} + +#status-bar > statusbarpanel { + border-width: 0; + -moz-appearance: none; +} + +#addonbar-closebutton { + border: none; + padding: 0 5px; + -moz-appearance: none; +} + +toolbar[brighttext] #addonbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted.png"); +} + +@media (min-resolution: 2dppx) { + toolbar[brighttext] #addonbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted@2x.png"); + } +} + +/* Status panel */ + +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: linear-gradient(#fff, #ddd); + border: 1px none #ccc; + border-top-style: solid; + color: #333; + text-shadow: none; +} + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + /* disabled for triggering grayscale AA (bug 659213) + border-top-right-radius: .3em; + */ + margin-right: 1em; +} + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + /* disabled for triggering grayscale AA (bug 659213) + border-top-left-radius: .3em; + */ + margin-left: 1em; +} + +#full-screen-warning-message { + background-color: hsl(0,0%,15%); + color: white; + border-radius: 8px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; +} + +.full-screen-description { + font-size: 150%; +} + +#full-screen-domain-text { + font-size: 300%; +} + +%ifdef MOZ_DEVTOOLS +%include ../../../../devtools/client/themes/responsivedesign.inc.css +%include ../../../../devtools/client/themes/commandline.inc.css +%endif +%include ../shared/plugin-doorhanger.inc.css + +%ifdef MOZ_DEVTOOLS +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 5px; +} +%endif + +.toolbarbutton-badge-stack { + margin: 0; + padding: 0; + position: relative; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-badge-stack { + padding: 2px 5px; +} + +.toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbar-icon { + position: absolute; + top: 2px; + right: 2px; +} + +.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { + -moz-margin-end: 0; +} + +@navbarLargeIcons@ *|* > .toolbarbutton-badge[badge]:not([badge=""])::after { + top: 1px; + right: 1px; +} + +.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 0; + right: auto; +} + +@navbarLargeIcons@ *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 1px; + right: auto; +} + +#main-window[privatebrowsingmode=temporary] { + background-image: url("chrome://browser/skin/privatebrowsing-mask.png"); + background-position: top right; + background-repeat: no-repeat; + background-color: moz-mac-chrome-active; +} + +@media (min-resolution: 2dppx) { + #main-window[privatebrowsingmode=temporary] { + background-image: url("chrome://browser/skin/privatebrowsing-mask@2x.png"); + background-size: 38px; + } +} + +#main-window[privatebrowsingmode=temporary] { + background-position: top right 40px; +} + +#main-window[privatebrowsingmode=temporary][inFullscreen] { + background-position: top right 10px; +} + +#main-window[privatebrowsingmode=temporary]:-moz-locale-dir(rtl) { + background-position: top left 70px; +} + +#main-window[privatebrowsingmode=temporary][inFullscreen]:-moz-locale-dir(rtl) { + background-position: top left 10px; +} + +#main-window[privatebrowsingmode=temporary]:-moz-window-inactive { + background-color: -moz-mac-chrome-inactive; +} + +#main-window[privatebrowsingmode=temporary][inFullscreen] #nav-bar[tabsontop=false] { + -moz-padding-end: 50px !important; +} + +@media (-moz-mac-lion-theme) { + #main-window[privatebrowsingmode=temporary][inFullscreen] #TabsToolbar[tabsontop=true] { + -moz-padding-end: 50px; + } +} + +@media not all and (-moz-mac-lion-theme) { + #main-window[privatebrowsingmode=temporary] { + background-position: top right 10px; + } + + #main-window[privatebrowsingmode=temporary][inFullscreen][tabsontop=true] #window-controls { + -moz-padding-end: 50px; + } +} diff --git a/themes/osx/click-to-play-warning-stripes.png b/themes/osx/click-to-play-warning-stripes.png Binary files differnew file mode 100644 index 0000000..29f15f7 --- /dev/null +++ b/themes/osx/click-to-play-warning-stripes.png diff --git a/themes/osx/communicator/communicator.css b/themes/osx/communicator/communicator.css new file mode 100644 index 0000000..0b57574 --- /dev/null +++ b/themes/osx/communicator/communicator.css @@ -0,0 +1,6 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/"); + diff --git a/themes/osx/communicator/jar.mn b/themes/osx/communicator/jar.mn new file mode 100644 index 0000000..612d133 --- /dev/null +++ b/themes/osx/communicator/jar.mn @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin communicator classic/1.0 %skin/classic/communicator/ + skin/classic/communicator/communicator.css diff --git a/themes/osx/communicator/moz.build b/themes/osx/communicator/moz.build new file mode 100644 index 0000000..c97072b --- /dev/null +++ b/themes/osx/communicator/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/osx/downloads/allDownloadsViewOverlay.css b/themes/osx/downloads/allDownloadsViewOverlay.css new file mode 100644 index 0000000..eb99f4c --- /dev/null +++ b/themes/osx/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,146 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#downloadsRichListBox { + /** The default listbox appearance comes with an unwanted margin. **/ + -moz-appearance: none; + margin: 0; +} + +#downloadsRichListBox > richlistitem.download { + height: 6em; + padding: 5px 8px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* explicitly size the icon, so size doesn't vary on hidpi systems */ + height: 32px; + width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +.downloadTarget { + margin-bottom: 3px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.7; + font-size: 95%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + background: transparent; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} + +richlistitem.download[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 80px, 16px, 64px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 96px, 16px, 80px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 112px, 16px, 96px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 128px, 16px, 112px); +} + +richlistitem.download[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 80px, 32px, 64px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +richlistitem.download[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 80px, 48px, 64px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 96px, 48px, 80px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 112px, 48px, 96px); +} + +richlistitem.download[selected]:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 128px, 48px, 112px); +} + diff --git a/themes/osx/downloads/buttons.png b/themes/osx/downloads/buttons.png Binary files differnew file mode 100644 index 0000000..ca87b40 --- /dev/null +++ b/themes/osx/downloads/buttons.png diff --git a/themes/osx/downloads/contentAreaDownloadsView.css b/themes/osx/downloads/contentAreaDownloadsView.css new file mode 100644 index 0000000..ece99ea --- /dev/null +++ b/themes/osx/downloads/contentAreaDownloadsView.css @@ -0,0 +1,22 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +.downloadButton { + box-shadow: none; +} + +.downloadButton:not([disabled="true"]):hover:active, +.downloadButton:not([disabled]):hover:active { + background: transparent; + border: none; + box-shadow: none; +} + +#downloadsListEmptyDescription { + margin: 1em; + text-align: center; + color: GrayText; +} diff --git a/themes/osx/downloads/download-glow.png b/themes/osx/downloads/download-glow.png Binary files differnew file mode 100644 index 0000000..53182d7 --- /dev/null +++ b/themes/osx/downloads/download-glow.png diff --git a/themes/osx/downloads/download-notification-finish.png b/themes/osx/downloads/download-notification-finish.png Binary files differnew file mode 100644 index 0000000..5194f5d --- /dev/null +++ b/themes/osx/downloads/download-notification-finish.png diff --git a/themes/osx/downloads/download-notification-start.png b/themes/osx/downloads/download-notification-start.png Binary files differnew file mode 100644 index 0000000..bd548b1 --- /dev/null +++ b/themes/osx/downloads/download-notification-start.png diff --git a/themes/osx/downloads/download-summary.png b/themes/osx/downloads/download-summary.png Binary files differnew file mode 100644 index 0000000..67003c7 --- /dev/null +++ b/themes/osx/downloads/download-summary.png diff --git a/themes/osx/downloads/downloads.css b/themes/osx/downloads/downloads.css new file mode 100644 index 0000000..267574e --- /dev/null +++ b/themes/osx/downloads/downloads.css @@ -0,0 +1,394 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/*** Panel and outer controls ***/ + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + background-color: transparent; + padding: 4px; + color: inherit; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsListBox { + display: none; +} + +#downloadsPanel[hasdownloads] > #emptyDownloads { + display: none; +} + +#emptyDownloads { + padding: 10px 20px; + max-width: 40ch; +} + +#downloadsHistory { + background: transparent; + color: -moz-nativehyperlinktext; + cursor: pointer; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +#downloadsHistory > .button-box { + border: none; + margin: 1em; +} + +@media (-moz-mac-lion-theme) { + #downloadsFooter { + background-color: hsla(216,45%,88%,.98); + box-shadow: 0px 1px 2px rgb(204,214,234) inset; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + } +} + +/*** Downloads Summary and List items ***/ + +#downloadsSummary, +richlistitem[type="download"] { + height: 7em; + -moz-padding-end: 0; + color: inherit; +} + +#downloadsSummary { + padding: 8px 38px 8px 12px; + cursor: pointer; + -moz-user-focus: normal; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; +} + +#downloadsSummary > .downloadTypeIcon { + list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); +} + +#downloadsSummaryDescription { + color: -moz-nativehyperlinktext; +} + +richlistitem[type="download"] { + margin: 0; + border-top: 1px solid hsla(0,0%,100%,.3); + border-bottom: 1px solid hsla(220,18%,51%,.25); + background: transparent; + padding: 8px; +} + +richlistitem[type="download"]:first-child { + border-top: 1px solid transparent; +} + +@media (-moz-mac-lion-theme) { + richlistitem[type="download"]:last-child { + border-bottom: 1px solid transparent; + } +} + +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + height: 32px; + width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails + inside of a vbox with class .downloadContainer. We set the font-size of + the entire container to 90% because: + + 1) This is the size that we want .downloadDetails to be + 2) The container's width is set by localizers by &downloadDetails.width;, + which is a ch unit. Since this is the value that should control the + panel width, we apply it to the outer container to constrain + .downloadDisplayName and .downloadProgress. + + Finally, since we want .downloadDisplayName's font-size to be at 100% of + the font-size of .downloadContainer's parent, we use calc to go from the + smaller font-size back to the original font-size. + */ +#downloadsSummaryDetails, +.downloadContainer { + font-size: 90%; +} + +#downloadsSummaryDescription, +.downloadDisplayName { + margin-bottom: 6px; + cursor: inherit; +} + +.downloadDisplayName { + font-size: calc(100%/0.9); +} + +#downloadsSummaryDetails, +.downloadDetails { + opacity: 0.6; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + border: 1px solid transparent; + padding: 0; +} + +#downloadsPanel[keyfocus] .downloadButton:focus > .button-box { + border: 1px dotted ThreeDDarkShadow; +} + +/*** Highlighted list items ***/ + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border-radius: 3px; + border-top: 1px solid hsla(0,0%,100%,.2); + border-bottom: 1px solid hsla(0,0%,0%,.2); + background-color: Highlight; + color: HighlightText; + cursor: pointer; +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +#downloadsPanel[keyfocus] > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); +} +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} + +/*** Status and progress indicator ***/ + +#downloads-indicator-anchor { + /* Makes the outermost stack element positioned, so that its contents are + rendered over the main browser window in the Z order. This is required by + the animated event notification. */ + position: relative; +} + +/*** Main indicator icon ***/ + +#downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 108, 18, 90) center no-repeat; + min-width: 18px; + min-height: 18px; +} + +toolbar[brighttext] #downloads-indicator-icon { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), + 0, 108, 18, 90) center no-repeat; +} + +#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ + +#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), + 0, 108, 18, 90) center no-repeat; + background-size: 12px; +} + +toolbar[brighttext] #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), + 0, 108, 18, 90) center no-repeat; +} + +#downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +/*** Download notifications ***/ + +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; +} + +@keyframes downloadsIndicatorNotificationStartRight { + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +@keyframes downloadsIndicatorNotificationStartLeft { + from { opacity: 0; transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; +} + +#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; +} + +@keyframes downloadsIndicatorNotificationFinish { + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 9px; + margin: -3px 0px 0px 0px; + color: hsl(0,0%,30%); + text-shadow: hsla(0,0%,100%,.5) 0 1px; + font-size: 9px; + line-height: 9px; + text-align: center; +} + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0,0,0,.7), + 0 1px 1.5px rgba(0,0,0,.5); +} + +#downloads-indicator-progress { + width: 16px; + height: 5px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0,0%,100%,.4); +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: rgb(90, 201, 66); + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4); + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: rgb(220, 230, 81); +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); +} + +toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { + margin: 0; + text-align: center; +} diff --git a/themes/osx/engineManager.css b/themes/osx/engineManager.css new file mode 100644 index 0000000..18817cd --- /dev/null +++ b/themes/osx/engineManager.css @@ -0,0 +1,16 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 4px; + -moz-margin-start: 1px; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + height: 20px; +} diff --git a/themes/osx/feeds/feed-icons-16.png b/themes/osx/feeds/feed-icons-16.png Binary files differnew file mode 100644 index 0000000..bcca086 --- /dev/null +++ b/themes/osx/feeds/feed-icons-16.png diff --git a/themes/osx/feeds/feedIcon.png b/themes/osx/feeds/feedIcon.png Binary files differnew file mode 100644 index 0000000..e69bc44 --- /dev/null +++ b/themes/osx/feeds/feedIcon.png diff --git a/themes/osx/feeds/feedIcon16.png b/themes/osx/feeds/feedIcon16.png Binary files differnew file mode 100644 index 0000000..d778807 --- /dev/null +++ b/themes/osx/feeds/feedIcon16.png diff --git a/themes/osx/feeds/subscribe-ui.css b/themes/osx/feeds/subscribe-ui.css new file mode 100644 index 0000000..8ca5328 --- /dev/null +++ b/themes/osx/feeds/subscribe-ui.css @@ -0,0 +1,29 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.alwaysUse { + padding: 5px; +} + +.handlersMenuPopup > menuitem { + -moz-padding-start: 23px; +} + +.handlersMenuPopup > menuitem.menuitem-iconic { + -moz-padding-start: 2px; +} + +.handlersMenuPopup > .menuitem-iconic > .menu-iconic-left { + display: -moz-box; + min-width: 16px; + -moz-padding-end: 2px; +} + +.chooseApplicationMenuItem { + list-style-image: url("chrome://browser/skin/preferences/application.png"); +} + +#feedHeader[dir="rtl"] .handlersMenuList > menupopup { + direction: rtl; +} diff --git a/themes/osx/feeds/subscribe.css b/themes/osx/feeds/subscribe.css new file mode 100644 index 0000000..780a7f8 --- /dev/null +++ b/themes/osx/feeds/subscribe.css @@ -0,0 +1,159 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +html { + background: -moz-Dialog; + font: 3mm tahoma,arial,helvetica,sans-serif; +} + +#feedBody { + border: 1px solid THreeDShadow; + padding: 3em; + -moz-padding-start: 30px; + margin: 2em auto; + background: -moz-Field; +} + +#feedHeaderContainer { + border: 1px solid ThreeDShadow; + border-radius: 10px; + margin: -4em auto 0 auto; + background-color: InfoBackground; +} + +#feedHeader { + margin-top: 4.9em; + margin-bottom: 1em; + -moz-margin-start: 1.4em; + -moz-margin-end: 1em; + -moz-padding-start: 2.9em; + font-size: 110%; + color: InfoText; +} + +#feedIntroText { + display: none; +} + +.feedBackground { + background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.videoPodcastBackground { + background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.audioPodcastBackground { + background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +#feedHeader[dir="rtl"] { + background-position: 100% 10%; +} + +#feedHeader[firstrun="true"] #feedIntroText { + padding-top: 0.1em; + -moz-padding-start: 0.6em; + display: block; +} + +#feedHeader[firstrun="true"] > #feedSubscribeLine { + -moz-padding-start: 1.8em; +} + +#feedSubscribeLine { + padding-top: 0.2em; +} + +/* Don't print subscription UI */ +@media print { + #feedHeaderContainer { + display: none; + } +} + +body { + margin: 0; + padding: 0 3em; + color: -moz-fieldText; + font: message-box; +} + +h1 { + font-size: 160%; + border-bottom: 2px solid ThreeDLightShadow; + margin: 0 0 .2em 0; +} + +h2 { + color: ThreeDDarkShadow; + font-size: 110%; + font-weight: normal; + margin: 0 0 .6em 0; +} + +#feedTitleLink { + float: right; + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; +} + +a[href] img { + border: none; +} + +#feedTitleContainer { + -moz-margin-start: 0; + -moz-margin-end: .6em; + margin-top: 0; + margin-bottom: 0; +} + +#feedTitleImage { + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; + max-width: 300px; + max-height: 150px; +} + +.feedEntryContent { + font-size: 110%; +} + +.link { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} + +.link:hover:active { + color: #FF0000; +} + +.lastUpdated { + font-size: 85%; + font-weight: normal; +} + +.type-icon { + vertical-align: bottom; + height: 16px; + width: 16px; +} + +.enclosures { + border: 1px solid THreeDShadow; + padding: 1em; + margin: 1em auto; + background: -moz-Dialog; +} + +.enclosure { + vertical-align: middle; + margin-left: 2px; +} diff --git a/themes/osx/icon.png b/themes/osx/icon.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/osx/icon.png diff --git a/themes/osx/identity-icons-generic.png b/themes/osx/identity-icons-generic.png Binary files differnew file mode 100644 index 0000000..a39e493 --- /dev/null +++ b/themes/osx/identity-icons-generic.png diff --git a/themes/osx/identity-icons-https-ev.png b/themes/osx/identity-icons-https-ev.png Binary files differnew file mode 100644 index 0000000..d49be13 --- /dev/null +++ b/themes/osx/identity-icons-https-ev.png diff --git a/themes/osx/identity-icons-https-mixed-active.png b/themes/osx/identity-icons-https-mixed-active.png Binary files differnew file mode 100644 index 0000000..3c77bc8 --- /dev/null +++ b/themes/osx/identity-icons-https-mixed-active.png diff --git a/themes/osx/identity-icons-https.png b/themes/osx/identity-icons-https.png Binary files differnew file mode 100644 index 0000000..ffd6694 --- /dev/null +++ b/themes/osx/identity-icons-https.png diff --git a/themes/osx/identity.png b/themes/osx/identity.png Binary files differnew file mode 100644 index 0000000..60d5261 --- /dev/null +++ b/themes/osx/identity.png diff --git a/themes/osx/imagedocument.png b/themes/osx/imagedocument.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/osx/imagedocument.png diff --git a/themes/osx/jar.mn b/themes/osx/jar.mn new file mode 100644 index 0000000..67339c7 --- /dev/null +++ b/themes/osx/jar.mn @@ -0,0 +1,181 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin browser classic/1.0 %skin/classic/browser/ + skin/classic/browser/sanitizeDialog.css +* skin/classic/browser/aboutPrivateBrowsing.css +* skin/classic/browser/aboutSessionRestore.css + skin/classic/browser/aboutSessionRestore-window-icon.png (preferences/application.png) + skin/classic/browser/aboutCertError.css + skin/classic/browser/aboutCertError_sectionCollapsed.png + skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png + skin/classic/browser/aboutCertError_sectionExpanded.png +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/aboutSyncTabs.css +#endif +* skin/classic/browser/autocomplete.css + skin/classic/browser/actionicon-tab.png + skin/classic/browser/appmenu-icons.png + skin/classic/browser/appmenu-dropmarker.png +* skin/classic/browser/browser.css + skin/classic/browser/click-to-play-warning-stripes.png +* skin/classic/browser/engineManager.css + skin/classic/browser/Geolocation-16.png + skin/classic/browser/Geolocation-64.png + skin/classic/browser/Info.png + skin/classic/browser/identity.png + skin/classic/browser/imagedocument.png + skin/classic/browser/identity-icons-generic.png + skin/classic/browser/identity-icons-https.png + skin/classic/browser/identity-icons-https-ev.png + skin/classic/browser/identity-icons-https-mixed-active.png + skin/classic/browser/keyhole-forward-mask.svg + skin/classic/browser/KUI-background.png + skin/classic/browser/KUI-close.png + skin/classic/browser/livemark-folder.png + skin/classic/browser/menu-back.png + skin/classic/browser/menu-forward.png + skin/classic/browser/mixed-content-blocked-16.png + skin/classic/browser/mixed-content-blocked-64.png + skin/classic/browser/monitor.png + skin/classic/browser/monitor_16-10.png + skin/classic/browser/panel-expander-closed.png + skin/classic/browser/panel-expander-closed@2x.png + skin/classic/browser/panel-expander-open.png + skin/classic/browser/panel-expander-open@2x.png + skin/classic/browser/panel-plus-sign.png + skin/classic/browser/pageInfo.css + skin/classic/browser/pageInfo.png + skin/classic/browser/page-livemarks.png + skin/classic/browser/page-livemarks@2x.png + skin/classic/browser/pointerLock-16.png + skin/classic/browser/pointerLock-64.png + skin/classic/browser/Privacy-16.png + skin/classic/browser/Privacy-32.png + skin/classic/browser/Privacy-48.png + skin/classic/browser/privatebrowsing-mask.png + skin/classic/browser/privatebrowsing-mask@2x.png + skin/classic/browser/privatebrowsing-light.png + skin/classic/browser/privatebrowsing-dark.png + skin/classic/browser/reload-stop-go.png + skin/classic/browser/Search-glass.png + skin/classic/browser/searchbar.css + skin/classic/browser/searchbar-dropdown-arrow.png + skin/classic/browser/Secure24.png + skin/classic/browser/setDesktopBackground.css + skin/classic/browser/slowStartup-16.png + skin/classic/browser/Toolbar.png + skin/classic/browser/Toolbar-inverted.png + skin/classic/browser/toolbarbutton-dropdown-arrow.png + skin/classic/browser/toolbarbutton-dropdown-arrow-inverted.png + skin/classic/browser/urlbar-arrow.png + skin/classic/browser/urlbar-popup-blocked.png + skin/classic/browser/urlbar-history-dropmarker.png + skin/classic/browser/web-notifications-icon.svg + skin/classic/browser/web-notifications-tray.svg + skin/classic/browser/notification-pluginNormal.png (../shared/plugins/notification-pluginNormal.png) + skin/classic/browser/notification-pluginAlert.png (../shared/plugins/notification-pluginAlert.png) + skin/classic/browser/notification-pluginBlocked.png (../shared/plugins/notification-pluginBlocked.png) +#ifdef MOZ_WEBRTC + skin/classic/browser/webRTC-shareDevice-16.png + skin/classic/browser/webRTC-shareDevice-64.png + skin/classic/browser/webRTC-sharingDevice-16.png +#endif + skin/classic/browser/downloads/buttons.png (downloads/buttons.png) + skin/classic/browser/downloads/download-glow.png (downloads/download-glow.png) + skin/classic/browser/downloads/download-notification-finish.png (downloads/download-notification-finish.png) + skin/classic/browser/downloads/download-notification-start.png (downloads/download-notification-start.png) + skin/classic/browser/downloads/download-summary.png (downloads/download-summary.png) +* skin/classic/browser/downloads/downloads.css (downloads/downloads.css) +* skin/classic/browser/downloads/allDownloadsViewOverlay.css (downloads/allDownloadsViewOverlay.css) + skin/classic/browser/downloads/contentAreaDownloadsView.css (downloads/contentAreaDownloadsView.css) + skin/classic/browser/feeds/feedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/feedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/feed-icons-16.png (feeds/feed-icons-16.png) + skin/classic/browser/feeds/audioFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/audioFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/videoFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/videoFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) + skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) +* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) + skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png) + skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png) + skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png) + skin/classic/browser/places/places.css (places/places.css) +* skin/classic/browser/places/organizer.css (places/organizer.css) + skin/classic/browser/places/editBookmark.png (places/editBookmark.png) + skin/classic/browser/places/bookmark.png (places/bookmark.png) + skin/classic/browser/places/query.png (places/query.png) + skin/classic/browser/places/query@2x.png (places/query@2x.png) + skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png) + skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png) + skin/classic/browser/places/bookmarksToolbar@2x.png (places/bookmarksToolbar@2x.png) + skin/classic/browser/places/calendar.png (places/calendar.png) + skin/classic/browser/places/folderDropArrow.png (places/folderDropArrow.png) + skin/classic/browser/places/folderDropArrow@2x.png (places/folderDropArrow@2x.png) + skin/classic/browser/places/toolbarDropMarker.png (places/toolbarDropMarker.png) + skin/classic/browser/places/editBookmarkOverlay.css (places/editBookmarkOverlay.css) + skin/classic/browser/places/libraryToolbar.png (places/libraryToolbar.png) + skin/classic/browser/places/starred48.png (places/starred48.png) + skin/classic/browser/places/unstarred48.png (places/unstarred48.png) + skin/classic/browser/places/unfiledBookmarks.png (places/unfiledBookmarks.png) + skin/classic/browser/places/unfiledBookmarks@2x.png (places/unfiledBookmarks@2x.png) + skin/classic/browser/places/tag.png (places/tag.png) + skin/classic/browser/places/tag@2x.png (places/tag@2x.png) + skin/classic/browser/places/history.png (places/history.png) + skin/classic/browser/places/history@2x.png (places/history@2x.png) + skin/classic/browser/places/allBookmarks.png (places/allBookmarks.png) + skin/classic/browser/places/unsortedBookmarks.png (places/unsortedBookmarks.png) + skin/classic/browser/places/downloads.png (places/downloads.png) + skin/classic/browser/places/expander-closed-active.png (places/expander-closed-active.png) + skin/classic/browser/places/expander-open-active.png (places/expander-open-active.png) + skin/classic/browser/places/livemark-item.png (places/livemark-item.png) + skin/classic/browser/places/expander-closed.png (places/expander-closed.png) + skin/classic/browser/places/expander-open.png (places/expander-open.png) + skin/classic/browser/permissions/aboutPermissions.css (permissions/aboutPermissions.css) + skin/classic/browser/preferences/alwaysAsk.png (preferences/alwaysAsk.png) + skin/classic/browser/preferences/application.png (preferences/application.png) + skin/classic/browser/preferences/mail.png (preferences/mail.png) + skin/classic/browser/preferences/Options.png (preferences/Options.png) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/preferences/Options-sync.png (preferences/Options-sync.png) +#endif + skin/classic/browser/preferences/saveFile.png (preferences/saveFile.png) +* skin/classic/browser/preferences/preferences.css (preferences/preferences.css) + skin/classic/browser/preferences/applications.css (preferences/applications.css) + skin/classic/browser/statusbar/dynamic.css (../shared/statusbar/dynamic.css) +* skin/classic/browser/statusbar/overlay.css (statusbar/overlay.css) +* skin/classic/browser/statusbar/prefs.css (statusbar/prefs.css) + skin/classic/browser/statusbar/pulse.png (../shared/statusbar/pulse.png) + skin/classic/browser/statusbar/pms16.png (../shared/statusbar/pms16.png) + skin/classic/browser/statusbar/pms24.png (../shared/statusbar/pms24.png) + skin/classic/browser/statusbar/throbber-idle.png (../shared/statusbar/throbber-idle.png) + skin/classic/browser/statusbar/throbberStatic.png (../shared/statusbar/throbberStatic.png) + skin/classic/browser/tabbrowser/alltabs.png (tabbrowser/alltabs.png) + skin/classic/browser/tabbrowser/alltabs-inverted.png (tabbrowser/alltabs-inverted.png) + skin/classic/browser/tabbrowser/newtab.png (tabbrowser/newtab.png) + skin/classic/browser/tabbrowser/newtab-inverted.png (tabbrowser/newtab-inverted.png) + skin/classic/browser/tabbrowser/connecting.png (tabbrowser/connecting.png) + skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png) + skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png) + skin/classic/browser/tabbrowser/tab-arrow-left-inverted.png (tabbrowser/tab-arrow-left-inverted.png) + skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png) + skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png) + skin/classic/browser/tabbrowser/tab-audio.svg (../shared/tabbrowser/tab-audio.svg) + skin/classic/browser/tabbrowser/tab-audio-small.svg (../shared/tabbrowser/tab-audio-small.svg) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/sync-throbber.png + skin/classic/browser/sync-16.png + skin/classic/browser/sync-32.png + skin/classic/browser/sync-128.png + skin/classic/browser/sync-bg.png + skin/classic/browser/sync-desktopIcon.png + skin/classic/browser/sync-mobileIcon.png + skin/classic/browser/syncSetup.css + skin/classic/browser/syncCommon.css + skin/classic/browser/syncQuota.css + skin/classic/browser/syncProgress.css +#endif diff --git a/themes/osx/keyhole-forward-mask.svg b/themes/osx/keyhole-forward-mask.svg new file mode 100644 index 0000000..8355447 --- /dev/null +++ b/themes/osx/keyhole-forward-mask.svg @@ -0,0 +1,15 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg"> + <mask id="mask" maskContentUnits="objectBoundingBox"> + <rect x="0" y="0" width="1" height="1" fill="white"/> + <circle cx="-0.46" cy="0.5" r="0.63"/> + </mask> + <mask id="mask-hover" maskContentUnits="objectBoundingBox"> + <rect x="0" y="0" width="1" height="1" fill="white"/> + <circle cx="-0.35" cy="0.5" r="0.58"/> + </mask> +</svg> diff --git a/themes/osx/livemark-folder.png b/themes/osx/livemark-folder.png Binary files differnew file mode 100644 index 0000000..38a4f10 --- /dev/null +++ b/themes/osx/livemark-folder.png diff --git a/themes/osx/menu-back.png b/themes/osx/menu-back.png Binary files differnew file mode 100644 index 0000000..ecb8ccd --- /dev/null +++ b/themes/osx/menu-back.png diff --git a/themes/osx/menu-forward.png b/themes/osx/menu-forward.png Binary files differnew file mode 100644 index 0000000..2083492 --- /dev/null +++ b/themes/osx/menu-forward.png diff --git a/themes/osx/mixed-content-blocked-16.png b/themes/osx/mixed-content-blocked-16.png Binary files differnew file mode 100644 index 0000000..7cf33ec --- /dev/null +++ b/themes/osx/mixed-content-blocked-16.png diff --git a/themes/osx/mixed-content-blocked-64.png b/themes/osx/mixed-content-blocked-64.png Binary files differnew file mode 100644 index 0000000..cac4415 --- /dev/null +++ b/themes/osx/mixed-content-blocked-64.png diff --git a/themes/osx/monitor.png b/themes/osx/monitor.png Binary files differnew file mode 100644 index 0000000..35e7b20 --- /dev/null +++ b/themes/osx/monitor.png diff --git a/themes/osx/monitor_16-10.png b/themes/osx/monitor_16-10.png Binary files differnew file mode 100644 index 0000000..4195034 --- /dev/null +++ b/themes/osx/monitor_16-10.png diff --git a/themes/osx/moz.build b/themes/osx/moz.build new file mode 100644 index 0000000..6a7af20 --- /dev/null +++ b/themes/osx/moz.build @@ -0,0 +1,9 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +DIRS += ['communicator'] + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/osx/newtab/newTab.css b/themes/osx/newtab/newTab.css new file mode 100644 index 0000000..b8b0fd6 --- /dev/null +++ b/themes/osx/newtab/newTab.css @@ -0,0 +1,29 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../shared/newtab/newTab.css.inc + +.newtab-undo-button { + -moz-appearance: none; + color: -moz-nativehyperlinktext; + color: rgb(0,102,204); + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +.newtab-undo-button > .button-box { + padding: 0; +} + +#newtab-undo-close-button { + -moz-appearance: none; + padding: 0; + border: none; + -moz-user-focus: normal; +} diff --git a/themes/osx/page-livemarks.png b/themes/osx/page-livemarks.png Binary files differnew file mode 100644 index 0000000..e526458 --- /dev/null +++ b/themes/osx/page-livemarks.png diff --git a/themes/osx/page-livemarks@2x.png b/themes/osx/page-livemarks@2x.png Binary files differnew file mode 100644 index 0000000..7b17089 --- /dev/null +++ b/themes/osx/page-livemarks@2x.png diff --git a/themes/osx/pageInfo.css b/themes/osx/pageInfo.css new file mode 100644 index 0000000..f205b57 --- /dev/null +++ b/themes/osx/pageInfo.css @@ -0,0 +1,258 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import "chrome://global/skin/"; + +/* View buttons */ +#viewGroup { + -moz-padding-start: 10px; +} + +#viewGroup > radio { + list-style-image: url("chrome://browser/skin/pageInfo.png"); + -moz-box-orient: vertical; + -moz-box-align: center; + -moz-appearance: none; + padding: 5px 3px 1px 3px; + margin: 0 1px; + min-width: 4.5em; +} + +#viewGroup > radio:hover { + background-color: #E0E8F6; + color: black; +} + +#viewGroup > radio[selected="true"] { + background-color: #C1D2EE; + color: black; +} + +#topBar { + border-bottom: 2px groove ThreeDFace; + -moz-padding-start: 10px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +#generalTab { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +#generalTab:hover, #generalTab[selected="true"] { + -moz-image-region: rect(32px, 32px, 64px, 0px) +} + +#mediaTab { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +#mediaTab:hover, #mediaTab[selected="true"] { + -moz-image-region: rect(32px, 64px, 64px, 32px) +} + +#feedTab { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +#feedTab:hover, #feedTab[selected="true"] { + -moz-image-region: rect(32px, 96px, 64px, 64px) +} + +#permTab { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +#permTab:hover, #permTab[selected="true"] { + -moz-image-region: rect(32px, 128px, 64px, 96px) +} + +#securityTab { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +#securityTab:hover, #securityTab[selected="true"] { + -moz-image-region: rect(32px, 160px, 64px, 128px) +} + +deck { + padding: 10px 10px 10px 10px; +} + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + margin-top: 1px; + -moz-appearance: none; +} + +textbox.header { + -moz-margin-start: 0; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +groupbox.collapsable caption .caption-icon { + width: 9px; + height: 9px; + background-repeat: no-repeat; + background-position: center; + -moz-margin-start: 2px; + -moz-margin-end: 2px; + background-image: url("chrome://global/skin/tree/twisty-open.png"); +} + +groupbox.collapsable[closed="true"] { + border: none; + margin-bottom: 9px; + -moz-appearance: none; +} + +groupbox.collapsable[closed="true"] caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty-clsd.png"); +} + +groupbox tree { + margin: 0 3px; + border: none; +} + +#securityBox description { + -moz-margin-start: 10px; +} + +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +/* Media Tab */ +#imagetree { + min-height: 10em; + margin-bottom: 0; +} + +#mediaSplitter { + border-style: none; + background: none; + height: .8em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: graytext; +} + +/* Feeds Tab */ +#feedtree { + margin-bottom: 0px; +} + +#feedListbox richlistitem { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +#feedListbox richlistitem[selected="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +#feedListbox { + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permList { + margin-top: .5em; + overflow: auto; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-field; +} + +.permission { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +.permissionLabel { + font-weight: bold; +} + +.permission:hover { + background-color: -moz-dialog; +} + +/* Security Tab */ +#securityPanel .caption-icon { + display: none; +} + +#securityPanel .header { + font-size: 120%; +} + +#securityPanel .fieldLabel { + margin: 2px 10px 3px 10px; +} + +#securityPanel .fieldValue { + font-weight: bold; + margin: 2px 10px 0px 10px; +} diff --git a/themes/osx/pageInfo.png b/themes/osx/pageInfo.png Binary files differnew file mode 100644 index 0000000..237381b --- /dev/null +++ b/themes/osx/pageInfo.png diff --git a/themes/osx/panel-expander-closed.png b/themes/osx/panel-expander-closed.png Binary files differnew file mode 100644 index 0000000..f0e97b2 --- /dev/null +++ b/themes/osx/panel-expander-closed.png diff --git a/themes/osx/panel-expander-closed@2x.png b/themes/osx/panel-expander-closed@2x.png Binary files differnew file mode 100644 index 0000000..0e7ded5 --- /dev/null +++ b/themes/osx/panel-expander-closed@2x.png diff --git a/themes/osx/panel-expander-open.png b/themes/osx/panel-expander-open.png Binary files differnew file mode 100644 index 0000000..e3febf4 --- /dev/null +++ b/themes/osx/panel-expander-open.png diff --git a/themes/osx/panel-expander-open@2x.png b/themes/osx/panel-expander-open@2x.png Binary files differnew file mode 100644 index 0000000..3913370 --- /dev/null +++ b/themes/osx/panel-expander-open@2x.png diff --git a/themes/osx/panel-plus-sign.png b/themes/osx/panel-plus-sign.png Binary files differnew file mode 100644 index 0000000..375601e --- /dev/null +++ b/themes/osx/panel-plus-sign.png diff --git a/themes/osx/permissions/aboutPermissions.css b/themes/osx/permissions/aboutPermissions.css new file mode 100644 index 0000000..f9a4a88 --- /dev/null +++ b/themes/osx/permissions/aboutPermissions.css @@ -0,0 +1,153 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +/* header */ + +#permissions-pagetitle { + font-size: 200%; + font-weight: bold; + padding-bottom: 0.5em; +} + +/* content box */ +#permissions-content { + height: 100%; +} + +/* sites box */ + +#sites-box { + padding: 10px; + width: 25em; +} + +#sites-filter { + margin: 0; +} + +#sites-list { + -moz-appearance: none; + border: 1px solid rgba(0, 0, 0, 0.32); + background-color: rgba(255, 255, 255, 0.4); + margin: 5px 0 0 0; +} + +.site { + padding: 4px; + border-bottom: 1px solid ThreeDLightShadow; +} + +.site-favicon { + height: 16px; + width: 16px; + -moz-margin-end: 4px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#all-sites-item > .site-container > .site-favicon { + list-style-image: none; +} + +/* permissions box */ + +#permissions-box { + padding-top: 10px; + overflow-y: auto; +} + +#site-description { + font-size: 125%; + -moz-margin-start: 6px; /* to match button margin */ +} + +#site-label { + font-weight: bold; + margin-top: 0; + margin-bottom: 0; +} + +#defaults-description { + font-size: 125%; + font-weight: bold; + -moz-margin-start: 6px; +} + +.pref-item { + margin-bottom: 10px; +} + +.pref-icon { + width: 36px; + height: 36px; + -moz-margin-end: 10px; +} + +.pref-icon[type="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} +.pref-icon[type="image"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="popup"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="cookie"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} +.pref-icon[type="desktop-notification"] { + list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); +} +.pref-icon[type="install"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); +} +.pref-icon[type="geo"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} +.pref-icon[type="plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginGeneric.png); +} + +.pref-title { + font-size: 125%; + margin-bottom: 0; + font-weight: bold; + margin-right: 0; + padding-right: 0; +} + +.pref-default { + margin-left: 0.5em; + padding-left: 0; +} + +.pref-set-default { + visibility: collapse; +} + +.pref-menulist { + margin-left: 6px; + margin-right: 6px; + min-width: 10em; /* native menulists ellipsize their longest entries by default on many themes */ +} + +.plugins-label { + margin-right: 0; + padding-right: 0; +} + +.plugins-vulnerable { + margin-left: 0; + padding-left: 0; + margin-right: 0; + padding-right: 0; +} + +.plugins-default { + margin-left: 0.5em; + padding-left: 0; + margin-right: 1em; + padding-right: 0; +} diff --git a/themes/osx/places/allBookmarks.png b/themes/osx/places/allBookmarks.png Binary files differnew file mode 100644 index 0000000..d1abe81 --- /dev/null +++ b/themes/osx/places/allBookmarks.png diff --git a/themes/osx/places/bookmark.png b/themes/osx/places/bookmark.png Binary files differnew file mode 100644 index 0000000..2e9a206 --- /dev/null +++ b/themes/osx/places/bookmark.png diff --git a/themes/osx/places/bookmarksMenu.png b/themes/osx/places/bookmarksMenu.png Binary files differnew file mode 100644 index 0000000..c27bd6a --- /dev/null +++ b/themes/osx/places/bookmarksMenu.png diff --git a/themes/osx/places/bookmarksToolbar.png b/themes/osx/places/bookmarksToolbar.png Binary files differnew file mode 100644 index 0000000..2047bff --- /dev/null +++ b/themes/osx/places/bookmarksToolbar.png diff --git a/themes/osx/places/bookmarksToolbar@2x.png b/themes/osx/places/bookmarksToolbar@2x.png Binary files differnew file mode 100644 index 0000000..dd45898 --- /dev/null +++ b/themes/osx/places/bookmarksToolbar@2x.png diff --git a/themes/osx/places/calendar.png b/themes/osx/places/calendar.png Binary files differnew file mode 100644 index 0000000..1855c9f --- /dev/null +++ b/themes/osx/places/calendar.png diff --git a/themes/osx/places/downloads.png b/themes/osx/places/downloads.png Binary files differnew file mode 100644 index 0000000..0756cb6 --- /dev/null +++ b/themes/osx/places/downloads.png diff --git a/themes/osx/places/editBookmark.png b/themes/osx/places/editBookmark.png Binary files differnew file mode 100644 index 0000000..fbca052 --- /dev/null +++ b/themes/osx/places/editBookmark.png diff --git a/themes/osx/places/editBookmarkOverlay.css b/themes/osx/places/editBookmarkOverlay.css new file mode 100644 index 0000000..cc749c1 --- /dev/null +++ b/themes/osx/places/editBookmarkOverlay.css @@ -0,0 +1,105 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon, +.folder-icon > .menu-iconic-left > .menu-iconic-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("chrome://global/skin/tree/folder.png") !important; +} + +@media (min-resolution: 2dppx) { + .folder-icon { + list-style-image: url("chrome://global/skin/tree/folder@2x.png") !important; + } +} + +.menulist-icon { + margin: 0 !important; +} + +/**** expanders ****/ + +.expander-up, +.expander-down { + -moz-appearance: none; + margin: 0; + margin-left: 8px; + padding: 0; + min-width: 0; +} + +.expander-up { + list-style-image: url("chrome://browser/skin/places/expander-open.png"); +} + +.expander-down { + list-style-image: url("chrome://browser/skin/places/expander-closed.png"); +} + +.expander-down:hover:active { + list-style-image: url("chrome://browser/skin/places/expander-closed-active.png"); +} + +.expander-up:hover:active { + list-style-image: url("chrome://browser/skin/places/expander-open-active.png"); +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin: 6px 4px 0 4px; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* ----- BOOKMARK PANEL DROPDOWN MENU ITEMS ----- */ + +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unfiledBookmarks.png") !important; +} + +@media (min-resolution: 2dppx) { + #editBMPanel_folderMenuList[selectedIndex="0"], + #editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar@2x.png") !important; + } + + #editBMPanel_folderMenuList[selectedIndex="2"], + #editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unfiledBookmarks@2x.png") !important; + } +} diff --git a/themes/osx/places/expander-closed-active.png b/themes/osx/places/expander-closed-active.png Binary files differnew file mode 100644 index 0000000..7ef5f04 --- /dev/null +++ b/themes/osx/places/expander-closed-active.png diff --git a/themes/osx/places/expander-closed.png b/themes/osx/places/expander-closed.png Binary files differnew file mode 100644 index 0000000..7850c9e --- /dev/null +++ b/themes/osx/places/expander-closed.png diff --git a/themes/osx/places/expander-open-active.png b/themes/osx/places/expander-open-active.png Binary files differnew file mode 100644 index 0000000..673ead5 --- /dev/null +++ b/themes/osx/places/expander-open-active.png diff --git a/themes/osx/places/expander-open.png b/themes/osx/places/expander-open.png Binary files differnew file mode 100644 index 0000000..7655357 --- /dev/null +++ b/themes/osx/places/expander-open.png diff --git a/themes/osx/places/folderDropArrow.png b/themes/osx/places/folderDropArrow.png Binary files differnew file mode 100644 index 0000000..8d722cc --- /dev/null +++ b/themes/osx/places/folderDropArrow.png diff --git a/themes/osx/places/folderDropArrow@2x.png b/themes/osx/places/folderDropArrow@2x.png Binary files differnew file mode 100644 index 0000000..9efb6d9 --- /dev/null +++ b/themes/osx/places/folderDropArrow@2x.png diff --git a/themes/osx/places/history.png b/themes/osx/places/history.png Binary files differnew file mode 100644 index 0000000..e5a00b5 --- /dev/null +++ b/themes/osx/places/history.png diff --git a/themes/osx/places/history@2x.png b/themes/osx/places/history@2x.png Binary files differnew file mode 100644 index 0000000..684b374 --- /dev/null +++ b/themes/osx/places/history@2x.png diff --git a/themes/osx/places/libraryToolbar.png b/themes/osx/places/libraryToolbar.png Binary files differnew file mode 100644 index 0000000..2ed627a --- /dev/null +++ b/themes/osx/places/libraryToolbar.png diff --git a/themes/osx/places/livemark-item.png b/themes/osx/places/livemark-item.png Binary files differnew file mode 100644 index 0000000..9184b95 --- /dev/null +++ b/themes/osx/places/livemark-item.png diff --git a/themes/osx/places/organizer.css b/themes/osx/places/organizer.css new file mode 100644 index 0000000..611c0c0 --- /dev/null +++ b/themes/osx/places/organizer.css @@ -0,0 +1,134 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Toolbar */ +#placesToolbar { + padding: 3px; + -moz-padding-end: 6px; +} + +#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +#back-button, +#forward-button { + list-style-image: url("chrome://browser/skin/Toolbar.png"); +} + +#back-button { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#forward-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +/* organize, view and maintenance buttons icons */ +#organizeButton, +#viewMenu, +#maintenanceButton { + list-style-image: url("chrome://browser/skin/places/libraryToolbar.png"); +} + +/* organize button */ +#organizeButton { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +#organizeButton:hover, +#organizeButton[open="true"] { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +/* view button */ +#viewMenu { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +#viewMenu:hover, +#viewMenu[open="true"] { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +/* maintenance button */ +#maintenanceButton { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +#maintenanceButton:hover, +#maintenanceButton[open="true"] { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +/* Root View */ +#placesView { + border-top: 1px solid ThreeDDarkShadow; +} + +/* Info box */ +#detailsDeck { + border-top: 1px solid ThreeDShadow; + padding: 5px; +} + +#infoBoxExpanderLabel { + -moz-padding-start: 2px; +} + +#searchFilter { + margin: 0; +} + +/** + * Downloads pane + */ + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} + +#clearDownloadsButton { + -moz-padding-start: 9px; + -moz-padding-end: 9px; +} + +/* hover-over/open button highlighting */ + +#organizeButton, +#viewMenu, +#maintenanceButton, +#organizeButton, +#clearDownloadsButton { + color: #222; + border: 0; + border-radius: 10000px; + padding: 1px 8px; + margin: 0 0 1px; +} + +#back-button, +#forward-button { + color: #222; + border: 0; + border-radius: 10000px; + padding: 1px 1px; + margin: 0 0 1px; +} + +#organizeButton:hover, +#organizeButton[open="true"], +#viewMenu:hover, +#viewMenu[open="true"], +#maintenanceButton:hover, +#maintenanceButton[open="true"], +#organizeButton:hover, +#organizeButton[open="true"], +#clearDownloadsButton:hover, +#back-button:not([disabled]):hover, +#forward-button:not([disabled]):hover { + background-color: rgba(0, 0, 0, .205); +} diff --git a/themes/osx/places/places.css b/themes/osx/places/places.css new file mode 100644 index 0000000..4243779 --- /dev/null +++ b/themes/osx/places/places.css @@ -0,0 +1,146 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Sidebars */ +.sidebar-placesTree { + -moz-appearance: none; + border: 0; + margin: 0; + border-top: 1px solid ThreeDShadow; +} + +.sidebar-placesTreechildren::-moz-tree-cell(leaf) , +.sidebar-placesTreechildren::-moz-tree-image(leaf) { + cursor: pointer; +} + +.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + cursor: pointer; + text-decoration: underline; +} + +.sidebar-placesTreechildren::-moz-tree-cell(separator) { + cursor: default; +} + +/* Trees */ +treechildren::-moz-tree-image(title) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(title, livemarkItem, visited) { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0; + height: 0; +} + +treechildren::-moz-tree-image(title, container), +treechildren::-moz-tree-image(title, open) { + list-style-image: url("chrome://global/skin/tree/folder.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://browser/skin/livemark-folder.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://browser/skin/places/allBookmarks.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* query-nodes should be styled even if they're not expandable */ +treechildren::-moz-tree-image(title, query) { + list-style-image: url("chrome://browser/skin/places/query.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { + list-style-image: url("chrome://browser/skin/places/downloads.png"); + -moz-image-region: auto; +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://browser/skin/places/calendar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +treechildren::-moz-tree-image(title, query, hostContainer, open) { + list-style-image: url("chrome://global/skin/tree/folder.png"); +} + +treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { + list-style-image: url("chrome://browser/skin/places/history.png"); +} + +/* We want some queries to look like ordinary folders. This must come + after the (title, query) selector, or it would get overridden. */ + +treechildren::-moz-tree-image(title, query, folder), +treechildren::-moz-tree-image(title, query, folder, open) { + list-style-image: url("chrome://global/skin/tree/folder.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +treechildren::-moz-tree-image(cutting) { + opacity: 0.5; +} + +treechildren::-moz-tree-cell-text(cutting) { + opacity: 0.7; +} + +/* Browser Sidebars */ + +/* Default button vert. margins are 1px/2px, and this can cause misalignment */ +#viewButton { + margin-top: 2px; + margin-bottom: 2px; +} + +#viewButton > .button-box > .button-menu-dropmarker { + height: auto; + width: auto; + -moz-margin-end: -3px; +} diff --git a/themes/osx/places/query.png b/themes/osx/places/query.png Binary files differnew file mode 100644 index 0000000..0ccb847 --- /dev/null +++ b/themes/osx/places/query.png diff --git a/themes/osx/places/query@2x.png b/themes/osx/places/query@2x.png Binary files differnew file mode 100644 index 0000000..20b458a --- /dev/null +++ b/themes/osx/places/query@2x.png diff --git a/themes/osx/places/starred48.png b/themes/osx/places/starred48.png Binary files differnew file mode 100644 index 0000000..bfa1459 --- /dev/null +++ b/themes/osx/places/starred48.png diff --git a/themes/osx/places/tag.png b/themes/osx/places/tag.png Binary files differnew file mode 100644 index 0000000..a4038bb --- /dev/null +++ b/themes/osx/places/tag.png diff --git a/themes/osx/places/tag@2x.png b/themes/osx/places/tag@2x.png Binary files differnew file mode 100644 index 0000000..673814b --- /dev/null +++ b/themes/osx/places/tag@2x.png diff --git a/themes/osx/places/toolbarDropMarker.png b/themes/osx/places/toolbarDropMarker.png Binary files differnew file mode 100644 index 0000000..a217b0e --- /dev/null +++ b/themes/osx/places/toolbarDropMarker.png diff --git a/themes/osx/places/unfiledBookmarks.png b/themes/osx/places/unfiledBookmarks.png Binary files differnew file mode 100644 index 0000000..69495da --- /dev/null +++ b/themes/osx/places/unfiledBookmarks.png diff --git a/themes/osx/places/unfiledBookmarks@2x.png b/themes/osx/places/unfiledBookmarks@2x.png Binary files differnew file mode 100644 index 0000000..44efd6a --- /dev/null +++ b/themes/osx/places/unfiledBookmarks@2x.png diff --git a/themes/osx/places/unsortedBookmarks.png b/themes/osx/places/unsortedBookmarks.png Binary files differnew file mode 100644 index 0000000..893e75a --- /dev/null +++ b/themes/osx/places/unsortedBookmarks.png diff --git a/themes/osx/places/unstarred48.png b/themes/osx/places/unstarred48.png Binary files differnew file mode 100644 index 0000000..8b82aab --- /dev/null +++ b/themes/osx/places/unstarred48.png diff --git a/themes/osx/pointerLock-16.png b/themes/osx/pointerLock-16.png Binary files differnew file mode 100644 index 0000000..862cd11 --- /dev/null +++ b/themes/osx/pointerLock-16.png diff --git a/themes/osx/pointerLock-64.png b/themes/osx/pointerLock-64.png Binary files differnew file mode 100644 index 0000000..a35ce04 --- /dev/null +++ b/themes/osx/pointerLock-64.png diff --git a/themes/osx/preferences/Options-sync.png b/themes/osx/preferences/Options-sync.png Binary files differnew file mode 100644 index 0000000..89901fb --- /dev/null +++ b/themes/osx/preferences/Options-sync.png diff --git a/themes/osx/preferences/Options.png b/themes/osx/preferences/Options.png Binary files differnew file mode 100644 index 0000000..448eca6 --- /dev/null +++ b/themes/osx/preferences/Options.png diff --git a/themes/osx/preferences/alwaysAsk.png b/themes/osx/preferences/alwaysAsk.png Binary files differnew file mode 100644 index 0000000..ddd4cb2 --- /dev/null +++ b/themes/osx/preferences/alwaysAsk.png diff --git a/themes/osx/preferences/application.png b/themes/osx/preferences/application.png Binary files differnew file mode 100644 index 0000000..ff2ecc2 --- /dev/null +++ b/themes/osx/preferences/application.png diff --git a/themes/osx/preferences/applications.css b/themes/osx/preferences/applications.css new file mode 100644 index 0000000..80699b4 --- /dev/null +++ b/themes/osx/preferences/applications.css @@ -0,0 +1,64 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * Line up the actions menu with action labels above and below it. + * Equalize the distance from the left side of the action box to the left side + * of the icon for both the menu and the non-menu versions of the action box. + * Also make sure the labels are the same distance away from the icons. + */ +.actionsMenu { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: -2px; + -moz-margin-end: 0; +} + +.typeIcon, +.actionIcon { + -moz-margin-start: 3px; + -moz-margin-end: 3px; +} + +richlistitem label { + -moz-margin-start: 1px; + margin-top: 2px; +} + +richlistitem { + min-height: 22px; +} + +richlistitem[appHandlerIcon="ask"], +menuitem[appHandlerIcon="ask"] { + list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png"); +} + +richlistitem[appHandlerIcon="save"], +menuitem[appHandlerIcon="save"] { + list-style-image: url("chrome://browser/skin/preferences/application.png"); +} + +richlistitem[appHandlerIcon="feed"], +menuitem[appHandlerIcon="feed"] { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +richlistitem[appHandlerIcon="plugin"], +menuitem[appHandlerIcon="plugin"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.actionsMenu .menulist-icon { + -moz-margin-end: 3px; +} + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + -moz-padding-start: 0px; + -moz-padding-end: 2px; +} + +.actionsMenu > menupopup > menuitem { + -moz-padding-start: 4px; +} diff --git a/themes/osx/preferences/mail.png b/themes/osx/preferences/mail.png Binary files differnew file mode 100644 index 0000000..c40d159 --- /dev/null +++ b/themes/osx/preferences/mail.png diff --git a/themes/osx/preferences/preferences.css b/themes/osx/preferences/preferences.css new file mode 100644 index 0000000..4075b1e --- /dev/null +++ b/themes/osx/preferences/preferences.css @@ -0,0 +1,142 @@ +/* +# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. +*/ + +/* Global Styles */ +#BrowserPreferences radio[pane] { + list-style-image: url("chrome://browser/skin/preferences/Options.png"); + padding: 5px 3px 1px; +} + +radio[pane=paneMain] { + -moz-image-region: rect(0, 32px, 32px, 0); +} + +radio[pane=paneTabs] { + -moz-image-region: rect(0, 64px, 32px, 32px); +} + +radio[pane=paneContent] { + -moz-image-region: rect(0, 96px, 32px, 64px); +} + +radio[pane=paneApplications] { + -moz-image-region: rect(0, 128px, 32px, 96px); +} + +radio[pane=panePrivacy] { + -moz-image-region: rect(0, 160px, 32px, 128px); +} + +radio[pane=paneSecurity] { + -moz-image-region: rect(0, 192px, 32px, 160px); +} + +radio[pane=paneAdvanced] { + -moz-image-region: rect(0, 224px, 32px, 192px); +} + +%ifdef MOZ_SERVICES_SYNC +radio[pane=paneSync] { + list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; +} +%endif + +/* Applications Pane */ +#BrowserPreferences[animated="true"] #handlersView { + height: 25em; +} + +#BrowserPreferences[animated="false"] #handlersView { + -moz-box-flex: 1; +} + +/* Privacy Pane */ + +/* styles for the link elements copied from .text-link in global.css */ +.inline-link { + color: -moz-nativehyperlinktext; + text-decoration: none; +} + +.inline-link:hover { + text-decoration: underline; +} + +/* Modeless Window Dialogs */ +.windowDialog, +.windowDialog prefpane { + padding: 0; +} + +#browserHomePage:-moz-locale-dir(rtl) input { + unicode-bidi: plaintext; + direction: rtl; +} + +.contentPane { + margin: 9px 8px 5px; +} + +.actionButtons { + margin: 0 3px 6px !important; +} + +/* Cookies Manager */ +#cookiesChildren::-moz-tree-image(domainCol) { + width: 16px; + height: 16px; + margin: 0 2px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png") !important; +} + +#cookiesChildren::-moz-tree-image(domainCol, container), +#cookiesChildren::-moz-tree-image(domainCol, container, open) { + list-style-image: url("chrome://global/skin/tree/folder.png") !important; +} + +#cookieInfoBox { + border: 1px solid ThreeDShadow; + border-radius: 0; + margin: 4px; + padding: 0; +} + +/* Advanced Pane */ + +/* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff + when browser.preferences.animateFadeIn = true */ +#advancedPrefs { + padding-bottom: 8px; +} + +/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom + of the groupbox from being cutoff */ +.bottomBox { + padding-bottom: 4px; +} + +%ifdef MOZ_SERVICES_SYNC +/* Sync Pane */ + +#syncDesc { + padding: 0 8em; +} + +.syncGroupBox { + padding: 10px; +} + +#accountCaptionImage { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + +#syncAddDeviceLabel { + margin-top: 1em; + margin-bottom: 1em; +} + +%endif diff --git a/themes/osx/preferences/saveFile.png b/themes/osx/preferences/saveFile.png Binary files differnew file mode 100644 index 0000000..c210e84 --- /dev/null +++ b/themes/osx/preferences/saveFile.png diff --git a/themes/osx/privatebrowsing-dark.png b/themes/osx/privatebrowsing-dark.png Binary files differnew file mode 100644 index 0000000..9eaf3ae --- /dev/null +++ b/themes/osx/privatebrowsing-dark.png diff --git a/themes/osx/privatebrowsing-light.png b/themes/osx/privatebrowsing-light.png Binary files differnew file mode 100644 index 0000000..c12f507 --- /dev/null +++ b/themes/osx/privatebrowsing-light.png diff --git a/themes/osx/privatebrowsing-mask.png b/themes/osx/privatebrowsing-mask.png Binary files differnew file mode 100644 index 0000000..92f60e2 --- /dev/null +++ b/themes/osx/privatebrowsing-mask.png diff --git a/themes/osx/privatebrowsing-mask@2x.png b/themes/osx/privatebrowsing-mask@2x.png Binary files differnew file mode 100644 index 0000000..ec1cf74 --- /dev/null +++ b/themes/osx/privatebrowsing-mask@2x.png diff --git a/themes/osx/reload-stop-go.png b/themes/osx/reload-stop-go.png Binary files differnew file mode 100644 index 0000000..1017be9 --- /dev/null +++ b/themes/osx/reload-stop-go.png diff --git a/themes/osx/sanitizeDialog.css b/themes/osx/sanitizeDialog.css new file mode 100644 index 0000000..40dc4b2 --- /dev/null +++ b/themes/osx/sanitizeDialog.css @@ -0,0 +1,93 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#sanitizeDurationChoice { + -moz-margin-end: 0; +} + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + -moz-margin-start: 3px; +} + + +/* Hide the duration dropdown suffix label if it's empty. Otherwise it + takes up a little space, causing the end of the dropdown to not be aligned + with the warning box. */ +#sanitizeDurationSuffixLabel[value=""] { + display: none; +} + + +/* Places tree */ +#placesTreechildren::-moz-tree-row(selected), +#placesTreechildren::-moz-tree-row(grippyRow) { + background: #999; +} + +#placesTreechildren::-moz-tree-cell-text(selected) { + color: #111; +} + + +/* Sanitize everything warning box */ +#sanitizeEverythingWarningBox { + background-color: Window; + border: 1px solid ThreeDDarkShadow; + border-radius: 5px; + padding: 16px; +} + +#sanitizeEverythingWarningIcon { + list-style-image: url("chrome://global/skin/icons/warning-large.png"); + padding: 0; + margin: 0; +} + +#sanitizeEverythingWarningDescBox { + padding: 0 16px; + margin: 0; +} + + +/* Progressive disclosure button */ +#detailsExpanderWrapper { + padding: 0; + margin: 6px 0; +} + +.expander-up, +.expander-down { + min-width: 0; + margin: 0; +} + +.expander-up > .button-box, +.expander-down > .button-box { + padding: 0; +} + +.expander-up { + list-style-image: url("chrome://browser/skin/places/expander-open.png"); +} + +.expander-down { + list-style-image: url("chrome://browser/skin/places/expander-closed.png"); +} + + +/* Make the item list the same width as the warning box */ +#itemList { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + + +/* Align the last dialog button with the end of the warning box */ +.prefWindow-dlgbuttons { + -moz-margin-end: 0; +} +.dialog-button[dlgtype="cancel"] { + -moz-margin-end: 0; +} diff --git a/themes/osx/searchbar-dropdown-arrow.png b/themes/osx/searchbar-dropdown-arrow.png Binary files differnew file mode 100644 index 0000000..7f5f55e --- /dev/null +++ b/themes/osx/searchbar-dropdown-arrow.png diff --git a/themes/osx/searchbar.css b/themes/osx/searchbar.css new file mode 100644 index 0000000..55fdfc4 --- /dev/null +++ b/themes/osx/searchbar.css @@ -0,0 +1,79 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.searchbar-textbox { + width: 6em; + min-width: 6em; +} + +.autocomplete-textbox-container { + -moz-box-align: stretch; +} + +.textbox-input-box { + margin: 0; +} + +/* ::::: searchbar-engine-button ::::: */ + +.searchbar-engine-image { + height: 16px; + width: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.searchbar-engine-button { + -moz-appearance: none; + min-width: 0; + margin: 0; + padding: 0; + -moz-padding-end: 2px; + -moz-box-align: center; + background: none; + border: none; +} + +.searchbar-engine-button > .button-box { + -moz-appearance: none; + padding: 0; + border: 0; +} + +.searchbar-dropmarker-image { + list-style-image: url("chrome://browser/skin/searchbar-dropdown-arrow.png"); + -moz-image-region: rect(0, 13px, 11px, 0); +} + +.searchbar-engine-button[open="true"] > .searchbar-dropmarker-image { + -moz-image-region: rect(0, 26px, 11px, 13px); +} + + +/* ::::: search-go-button ::::: */ + +.search-go-container { + -moz-box-align: center; +} + +.search-go-button { + padding: 1px; + list-style-image: url("chrome://browser/skin/Search-glass.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +.search-go-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.search-go-button:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +.search-go-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { + font-weight: bold; +} diff --git a/themes/osx/setDesktopBackground.css b/themes/osx/setDesktopBackground.css new file mode 100644 index 0000000..585284c --- /dev/null +++ b/themes/osx/setDesktopBackground.css @@ -0,0 +1,18 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +html|canvas#screen { + margin: 12px 11px 32px; +} + +#monitor { + list-style-image: url("chrome://browser/skin/monitor.png"); +} + +#monitor[aspectratio="16:10"] { + list-style-image: url("chrome://browser/skin/monitor_16-10.png"); +} diff --git a/themes/osx/shared.inc b/themes/osx/shared.inc new file mode 100644 index 0000000..ef27746 --- /dev/null +++ b/themes/osx/shared.inc @@ -0,0 +1,6 @@ +%include ../../../../toolkit/themes/osx/global/shared.inc
+%include ../shared/browser.inc
+
+%define hudButton -moz-appearance: none; color: #434343; border-radius: 4px; border: 1px solid #b5b5b5; background: linear-gradient(#fff, #f2f2f2); box-shadow: inset 0 1px rgba(255,255,255,.8), inset 0 0 1px rgba(255,255, 255,.25), 0 1px rgba(255,255,255,.3); background-clip: padding-box; background-origin: padding-box; padding: 2px 6px;
+%define hudButtonPressed box-shadow: inset 0 1px 4px -3px #000, 0 1px rgba(255,255,255,.3);
+%define hudButtonFocused box-shadow: 0 0 1px -moz-mac-focusring inset, 0 0 4px 1px -moz-mac-focusring, 0 0 2px 1px -moz-mac-focusring;
diff --git a/themes/osx/slowStartup-16.png b/themes/osx/slowStartup-16.png Binary files differnew file mode 100644 index 0000000..5551ef0 --- /dev/null +++ b/themes/osx/slowStartup-16.png diff --git a/themes/osx/statusbar/overlay.css b/themes/osx/statusbar/overlay.css new file mode 100644 index 0000000..ab1cc8f --- /dev/null +++ b/themes/osx/statusbar/overlay.css @@ -0,0 +1,108 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/overlay.css + +/* + * General + */ + +#status4evar-status-text, +#status4evar-progress-bar +{ + margin: 0px 4px; +} + +/* + * Download status + */ + +#status4evar-download-progress-bar +{ + height: 5px; +} + +#status4evar-download-button[attention] #status4evar-download-icon +{ + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +#status-bar +{ + padding-right: 0px; +} + +#browser-bottombox > #addon-bar:last-child +{ + padding-right: 16px; +} + +#status4evar-download-button #status4evar-download-icon +{ + background: -moz-image-rect(url("chrome://browser/skin/Toolbar.png"), 0, 108, 18, 90) center no-repeat; + min-width: 18px; + min-height: 18px; +} + +#status4evar-download-button:-moz-lwtheme-brighttext #status4evar-download-icon +{ + background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) center no-repeat; +} + +#status4evar-download-button[attention] #status4evar-download-icon +{ + background-image: url("chrome://browser/skin/downloads/download-glow.png"); +} + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label +{ + margin: 0px 2px !important; + -moz-margin-start: 3px !important; +} + +/* + * Splitter + */ + +splitter.status4evar-status-splitter +{ + width: 8px; + margin: 0px -4px; +} + +/* + * Location bar + */ + +#urlbar-progress-alt +{ + margin-right: -1px; +} + +/* + * Toolbar progress + */ + +#status4evar-progress-bar[s4estyle="true"] +{ + -moz-appearance: none; + border: 1px solid gray; +} + +#status4evar-progress-bar[s4estyle="true"] > .progress-remainder +{ + background-color: white; +} + +/* + * Gripper + */ + +#status4evar-window-gripper +{ + display: none; +} + diff --git a/themes/osx/statusbar/prefs.css b/themes/osx/statusbar/prefs.css new file mode 100644 index 0000000..798a62d --- /dev/null +++ b/themes/osx/statusbar/prefs.css @@ -0,0 +1,13 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/prefs.css + +#status4evar-addonbar-windowGripper-check +{ + display: none; +} + diff --git a/themes/osx/sync-128.png b/themes/osx/sync-128.png Binary files differnew file mode 100644 index 0000000..1ea3481 --- /dev/null +++ b/themes/osx/sync-128.png diff --git a/themes/osx/sync-16.png b/themes/osx/sync-16.png Binary files differnew file mode 100644 index 0000000..0afb1c7 --- /dev/null +++ b/themes/osx/sync-16.png diff --git a/themes/osx/sync-32.png b/themes/osx/sync-32.png Binary files differnew file mode 100644 index 0000000..7a762cb --- /dev/null +++ b/themes/osx/sync-32.png diff --git a/themes/osx/sync-bg.png b/themes/osx/sync-bg.png Binary files differnew file mode 100644 index 0000000..893a27d --- /dev/null +++ b/themes/osx/sync-bg.png diff --git a/themes/osx/sync-desktopIcon.png b/themes/osx/sync-desktopIcon.png Binary files differnew file mode 100644 index 0000000..d3d1e27 --- /dev/null +++ b/themes/osx/sync-desktopIcon.png diff --git a/themes/osx/sync-mobileIcon.png b/themes/osx/sync-mobileIcon.png Binary files differnew file mode 100644 index 0000000..a3bda57 --- /dev/null +++ b/themes/osx/sync-mobileIcon.png diff --git a/themes/osx/sync-throbber.png b/themes/osx/sync-throbber.png Binary files differnew file mode 100644 index 0000000..d25490b --- /dev/null +++ b/themes/osx/sync-throbber.png diff --git a/themes/osx/syncCommon.css b/themes/osx/syncCommon.css new file mode 100644 index 0000000..f0beae0 --- /dev/null +++ b/themes/osx/syncCommon.css @@ -0,0 +1,49 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* The following are used by both sync/setup.xul and sync/genericChange.xul */ +.status { + color: -moz-dialogtext; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.statusIcon[status="error"] { + list-style-image: url("chrome://global/skin/icons/error-16.png"); +} + +.statusIcon[status="success"] { + list-style-image: url("chrome://global/skin/icons/information-16.png"); +} + +/* .data is only used by sync/genericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback { + height: 2em; +} diff --git a/themes/osx/syncProgress.css b/themes/osx/syncProgress.css new file mode 100644 index 0000000..d7aa599 --- /dev/null +++ b/themes/osx/syncProgress.css @@ -0,0 +1,46 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +@import url(chrome://global/skin/inContentUI.css); + +:root { + height: 100%; + width: 100%; + padding: 0; +} + +body { + margin: 0; + padding: 0 2em; +} + +#floatingBox { + margin: 4em auto; + max-width: 40em; + min-width: 23em; + padding: 1em 1.5em; + position: relative; + text-align: center; +} + +#successLogo { + margin: 1em 2em; +} + +#loadingText { + margin: 2em 6em; +} + +#progressBar { + margin: 2em 10em; +} + +#uploadProgressBar{ + width: 100%; +} + +#bottomRow { + margin-top: 2em; + padding: 0; + text-align: end; +} diff --git a/themes/osx/syncQuota.css b/themes/osx/syncQuota.css new file mode 100644 index 0000000..1577de8 --- /dev/null +++ b/themes/osx/syncQuota.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/themes/osx/syncSetup.css b/themes/osx/syncSetup.css new file mode 100644 index 0000000..fff65e9 --- /dev/null +++ b/themes/osx/syncSetup.css @@ -0,0 +1,132 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +wizard { + -moz-appearance: none; + width: 55em; + height: 45em; + padding: 0; + background-color: Window; +} + +.wizard-page-box { + -moz-appearance: none; + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 6em; + background-color: Window; +} + +.wizard-header { + -moz-appearance: none; + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + background-color: rgba(0,0,0,0.1); + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + font: menu; +} + +.confirm { + border: 1px solid black; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +description > .text-link, +description > .text-link:focus { + margin: 0px; + padding: 0px; + border: 0px; +} + + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #00FF00 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px +} + +.pin { + font-size: 18pt; + width: 4em; + text-align: center; +} + +#passphraseHelpSpacer { + width: 0.5em; +} + +#pairDeviceThrobber > image, +#login-throbber > image { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#captchaFeedback { + visibility: hidden; +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#tosDesc { + margin-left: -7px; + margin-bottom: 3px; +}
\ No newline at end of file diff --git a/themes/osx/tabbrowser/alltabs-inverted.png b/themes/osx/tabbrowser/alltabs-inverted.png Binary files differnew file mode 100644 index 0000000..002bdd4 --- /dev/null +++ b/themes/osx/tabbrowser/alltabs-inverted.png diff --git a/themes/osx/tabbrowser/alltabs.png b/themes/osx/tabbrowser/alltabs.png Binary files differnew file mode 100644 index 0000000..172d425 --- /dev/null +++ b/themes/osx/tabbrowser/alltabs.png diff --git a/themes/osx/tabbrowser/connecting.png b/themes/osx/tabbrowser/connecting.png Binary files differnew file mode 100644 index 0000000..e564fb5 --- /dev/null +++ b/themes/osx/tabbrowser/connecting.png diff --git a/themes/osx/tabbrowser/loading.png b/themes/osx/tabbrowser/loading.png Binary files differnew file mode 100644 index 0000000..ba54836 --- /dev/null +++ b/themes/osx/tabbrowser/loading.png diff --git a/themes/osx/tabbrowser/newtab-glass.png b/themes/osx/tabbrowser/newtab-glass.png Binary files differnew file mode 100644 index 0000000..15185be --- /dev/null +++ b/themes/osx/tabbrowser/newtab-glass.png diff --git a/themes/osx/tabbrowser/newtab-inverted.png b/themes/osx/tabbrowser/newtab-inverted.png Binary files differnew file mode 100644 index 0000000..4ac1eba --- /dev/null +++ b/themes/osx/tabbrowser/newtab-inverted.png diff --git a/themes/osx/tabbrowser/newtab.png b/themes/osx/tabbrowser/newtab.png Binary files differnew file mode 100644 index 0000000..7cea7bd --- /dev/null +++ b/themes/osx/tabbrowser/newtab.png diff --git a/themes/osx/tabbrowser/tab-arrow-left-glass.png b/themes/osx/tabbrowser/tab-arrow-left-glass.png Binary files differnew file mode 100644 index 0000000..aac93a7 --- /dev/null +++ b/themes/osx/tabbrowser/tab-arrow-left-glass.png diff --git a/themes/osx/tabbrowser/tab-arrow-left-inverted.png b/themes/osx/tabbrowser/tab-arrow-left-inverted.png Binary files differnew file mode 100644 index 0000000..16cd7a2 --- /dev/null +++ b/themes/osx/tabbrowser/tab-arrow-left-inverted.png diff --git a/themes/osx/tabbrowser/tab-arrow-left.png b/themes/osx/tabbrowser/tab-arrow-left.png Binary files differnew file mode 100644 index 0000000..e0fb348 --- /dev/null +++ b/themes/osx/tabbrowser/tab-arrow-left.png diff --git a/themes/osx/tabbrowser/tab-overflow-border.png b/themes/osx/tabbrowser/tab-overflow-border.png Binary files differnew file mode 100644 index 0000000..77f2462 --- /dev/null +++ b/themes/osx/tabbrowser/tab-overflow-border.png diff --git a/themes/osx/tabbrowser/tabDragIndicator.png b/themes/osx/tabbrowser/tabDragIndicator.png Binary files differnew file mode 100644 index 0000000..c67c233 --- /dev/null +++ b/themes/osx/tabbrowser/tabDragIndicator.png diff --git a/themes/osx/toolbarbutton-dropdown-arrow-inverted.png b/themes/osx/toolbarbutton-dropdown-arrow-inverted.png Binary files differnew file mode 100644 index 0000000..f3261f1 --- /dev/null +++ b/themes/osx/toolbarbutton-dropdown-arrow-inverted.png diff --git a/themes/osx/toolbarbutton-dropdown-arrow.png b/themes/osx/toolbarbutton-dropdown-arrow.png Binary files differnew file mode 100644 index 0000000..a7abe73 --- /dev/null +++ b/themes/osx/toolbarbutton-dropdown-arrow.png diff --git a/themes/osx/urlbar-arrow.png b/themes/osx/urlbar-arrow.png Binary files differnew file mode 100644 index 0000000..fcab253 --- /dev/null +++ b/themes/osx/urlbar-arrow.png diff --git a/themes/osx/urlbar-history-dropmarker.png b/themes/osx/urlbar-history-dropmarker.png Binary files differnew file mode 100644 index 0000000..fc8b0be --- /dev/null +++ b/themes/osx/urlbar-history-dropmarker.png diff --git a/themes/osx/urlbar-popup-blocked.png b/themes/osx/urlbar-popup-blocked.png Binary files differnew file mode 100644 index 0000000..e6fd29f --- /dev/null +++ b/themes/osx/urlbar-popup-blocked.png diff --git a/themes/osx/web-notifications-icon.svg b/themes/osx/web-notifications-icon.svg new file mode 100644 index 0000000..f7186c7 --- /dev/null +++ b/themes/osx/web-notifications-icon.svg @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="64" height="64" viewBox="0 0 64 64"> + <defs> + <style> + .icon { + fill: #a6a6a6; + fill-rule: evenodd; + } + </style> + </defs> + <path d="M57,48 L46,48 L46,60.016 L32.482,48 L7,48 C5.343,48 4,46.657 4,45 L4,11.031 C4,9.374 5.343,8.031 7,8.031 L57,8.031 C58.657,8.031 60,9.374 60,11.031 L60,45 C60,46.657 58.657,48 57,48 ZM36,16.031 C36,14.927 35.105,14.031 34,14.031 L30,14.031 C28.895,14.031 28,14.927 28,16.031 L28,30.031 C28,31.136 28.895,32.031 30,32.031 L34,32.031 C35.105,32.031 36,31.136 36,30.031 L36,16.031 ZM36,37.5 C36,36.672 35.328,36 34.5,36 L29.5,36 C28.672,36 28,36.672 28,37.5 L28,40.5 C28,41.328 28.672,42 29.5,42 L34.5,42 C35.328,42 36,41.328 36,40.5 L36,37.5 Z" class="icon"/> +</svg> diff --git a/themes/osx/web-notifications-tray.svg b/themes/osx/web-notifications-tray.svg new file mode 100644 index 0000000..314026a --- /dev/null +++ b/themes/osx/web-notifications-tray.svg @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="16" viewBox="0 0 96 32"> + <defs> + <style> + .style-icon-notification { + fill: #666666; + } + .style-icon-notification.hover { + fill: #808080; + } + .style-icon-notification.active { + fill: #4d4d4d; + } + </style> + <path id="shape-notifcations-push" d="M27,23.969 L24,23.969 L24,29.977 L17.241,23.969 L5,23.969 C3.343,23.969 2,22.626 2,20.969 L2,6.969 C2,5.312 3.343,3.969 5,3.969 L27,3.969 C28.657,3.969 30,5.312 30,6.969 L30,20.969 C30,22.626 28.657,23.969 27,23.969 ZM18,8.969 C18,7.864 17.105,6.969 16,6.969 C14.895,6.969 14,7.864 14,8.969 L14,13.969 C14,15.073 14.895,15.969 16,15.969 C17.105,15.969 18,15.073 18,13.969 L18,8.969 ZM16.5,17.969 L15.5,17.969 C14.672,17.969 14,18.640 14,19.469 C14,20.297 14.672,20.969 15.5,20.969 L16.5,20.969 C17.328,20.969 18,20.297 18,19.469 C18,18.640 17.328,17.969 16.5,17.969 Z"/> + </defs> + <use xlink:href="#shape-notifcations-push" class="style-icon-notification"/> + <use xlink:href="#shape-notifcations-push" transform="translate(32)" class="style-icon-notification hover"/> + <use xlink:href="#shape-notifcations-push" transform="translate(64)" class="style-icon-notification active"/> +</svg> diff --git a/themes/osx/webRTC-shareDevice-16.png b/themes/osx/webRTC-shareDevice-16.png Binary files differnew file mode 100644 index 0000000..df01b33 --- /dev/null +++ b/themes/osx/webRTC-shareDevice-16.png diff --git a/themes/osx/webRTC-shareDevice-64.png b/themes/osx/webRTC-shareDevice-64.png Binary files differnew file mode 100644 index 0000000..d125789 --- /dev/null +++ b/themes/osx/webRTC-shareDevice-64.png diff --git a/themes/osx/webRTC-sharingDevice-16.png b/themes/osx/webRTC-sharingDevice-16.png Binary files differnew file mode 100644 index 0000000..a670676 --- /dev/null +++ b/themes/osx/webRTC-sharingDevice-16.png diff --git a/themes/shared/browser.inc b/themes/shared/browser.inc new file mode 100644 index 0000000..18e69ad --- /dev/null +++ b/themes/shared/browser.inc @@ -0,0 +1,8 @@ +%filter substitution + +%ifndef MOZ_WEBRTC +%define primaryToolbarButtons #back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #history-menu-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button +%else +%define primaryToolbarButtons #back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #downloads-indicator, #history-button, #history-menu-button, #bookmarks-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button, #feed-button, #alltabs-button, #webrtc-status-button +%endif + diff --git a/themes/shared/newtab/controls.png b/themes/shared/newtab/controls.png Binary files differnew file mode 100644 index 0000000..14f382f --- /dev/null +++ b/themes/shared/newtab/controls.png diff --git a/themes/shared/newtab/newTab.css.inc b/themes/shared/newtab/newTab.css.inc new file mode 100644 index 0000000..3341ba7 --- /dev/null +++ b/themes/shared/newtab/newTab.css.inc @@ -0,0 +1,203 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +:root { + -moz-appearance: none; + font-size: 75%; + background-color: transparent; +} + +body { + background: linear-gradient(to top,#DFF3FF,#F9F9F9) fixed; +} + +/* SCROLLBOX */ +#newtab-scrollbox:not([page-disabled]) { + background-color: rgb(229,229,229); + background-image: url(chrome://browser/skin/newtab/noise.png), + linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.2)); + background-attachment: fixed; +} + +/* UNDO */ +#newtab-undo-container { + padding: 4px 3px; + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + background-color: rgba(255,255,255,.4); + color: #525e69; +} + +#newtab-undo-label { + margin-top: 0; + margin-bottom: 0; +} + + +.newtab-undo-button:hover { + text-decoration: underline; +} + +.newtab-undo-button:-moz-focusring { + outline: 1px dotted; +} + + +#newtab-undo-close-button > .toolbarbutton-text { + display: none; +} + +#newtab-undo-close-button:-moz-focusring { + outline: 1px dotted; +} + +/* TOGGLE */ +#newtab-toggle { + width: 16px; + height: 16px; + padding: 0; + border: none; + background: -216px 0 transparent url(chrome://browser/skin/newtab/controls.png); +} + +#newtab-toggle[page-disabled] { + background-position: -232px 0; +} + +/* ROWS */ +.newtab-row { + margin-bottom: 20px; +} + +.newtab-row:last-child { + margin-bottom: 0; +} + +/* CELLS */ +.newtab-cell { + -moz-margin-end: 20px; + background-color: rgba(255,255,255,.2); + border: 1px solid; + border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16); + border-radius: 1px; + transition: border-color 100ms ease-out; +} + +.newtab-cell:empty { + border: 1px dashed; + border-color: rgba(8,22,37,.15) rgba(8,22,37,.17) rgba(8,22,37,.19); +} + +.newtab-cell:last-child { + -moz-margin-end: 0; +} + +.newtab-cell:hover:not(:empty):not([dragged]) { + border-color: rgba(8,22,37,.25) rgba(8,22,37,.27) rgba(8,22,37,.3); +} + +/* SITES */ +.newtab-site { + text-decoration: none; + transition-property: top, left, opacity, box-shadow, background-color; +} + +.newtab-site:hover, +.newtab-site[dragged] { + box-shadow: 0 3px 6px 1px rgba(8,20,37,.6); +} + +.newtab-site[dragged] { + transition-property: box-shadow, background-color; + background-color: rgb(242,242,242); +} + +/* THUMBNAILS */ +.newtab-thumbnail { + background-origin: padding-box; + background-clip: padding-box; + background-repeat: no-repeat; + background-size: cover; +} + +/* TITLES */ +.newtab-title { + padding: 0 8px 1px; + background-color: rgba(248,249,251,.95); + color: #1f364c; + line-height: 24px; +} + +.newtab-site[pinned] .newtab-title { + padding-inline-start: 16px; +} + +.newtab-site[pinned] .newtab-title::before { + background-image: url(chrome://browser/skin/newtab/pinned.png); + content: ""; + left: 2px; + top: 2px; + position: absolute; + width: 12px; + height: 20px; +} + +.newtab-site[pinned] .newtab-title:dir(rtl)::before { + left: auto; + right: 2px; +} + +/* CONTROLS */ +.newtab-control { + background-color: transparent; + background-size: 24px; + border: none; + height: 24px; + width: 24px; + top: 4px; + background: transparent url(chrome://browser/skin/newtab/controls.png); +} + +.newtab-control-pin:dir(ltr), +.newtab-control-block:dir(rtl) { + left: 4px; +} + +.newtab-control-block:dir(ltr), +.newtab-control-pin:dir(rtl) { + right: 4px; +} + +.newtab-control-pin:hover { + background-position: -24px 0; +} + +.newtab-control-pin:active { + background-position: -48px 0; +} + +.newtab-site[pinned] .newtab-control-pin { + background-position: -72px 0; +} + +.newtab-site[pinned] .newtab-control-pin:hover { + background-position: -96px 0; +} + +.newtab-site[pinned] .newtab-control-pin:active { + background-position: -120px 0; +} + +.newtab-control-block { + background-position: -144px 0; +} + +.newtab-control-block:hover { + background-position: -168px 0; +} + +.newtab-control-block:active { + background-position: -192px 0; +} + diff --git a/themes/shared/newtab/noise.png b/themes/shared/newtab/noise.png Binary files differnew file mode 100644 index 0000000..01d340a --- /dev/null +++ b/themes/shared/newtab/noise.png diff --git a/themes/shared/newtab/pinned.png b/themes/shared/newtab/pinned.png Binary files differnew file mode 100644 index 0000000..ddd731b --- /dev/null +++ b/themes/shared/newtab/pinned.png diff --git a/themes/shared/plugin-doorhanger.inc.css b/themes/shared/plugin-doorhanger.inc.css new file mode 100644 index 0000000..bda08e4 --- /dev/null +++ b/themes/shared/plugin-doorhanger.inc.css @@ -0,0 +1,53 @@ +#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0px; +} + +.click-to-play-plugins-notification-content { + width: 28em; +} + +.click-to-play-plugins-notification-center-box { + border: 1px solid ThreeDShadow; + margin: 10px; +} + +.plugin-popupnotification-centeritem:nth-child(odd) { + background-color: rgba(0,0,0,0.1); +} + +.center-item-label { + -moz-margin-start: 6px; + margin-bottom: 0; + text-overflow: ellipsis; +} + +.center-item-warning-icon { + background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png"); + background-repeat: no-repeat; + width: 16px; + height: 15px; + -moz-margin-start: 6px; +} + +.click-to-play-plugins-notification-button-container { + background: linear-gradient(rgba(0,0,0,0.04) 60%, transparent); + padding: 10px; + margin-top: 5px; +} + +.click-to-play-popup-button { + width: 50%; +} + +.click-to-play-plugins-notification-description-box { + padding: 10px; +} + +.click-to-play-plugins-outer-description { + margin-top: 8px; +} + +.click-to-play-plugins-notification-link, +.center-item-link { + margin: 0; +} diff --git a/themes/shared/plugins/notification-pluginAlert.png b/themes/shared/plugins/notification-pluginAlert.png Binary files differnew file mode 100644 index 0000000..7492fdd --- /dev/null +++ b/themes/shared/plugins/notification-pluginAlert.png diff --git a/themes/shared/plugins/notification-pluginAlert@2x.png b/themes/shared/plugins/notification-pluginAlert@2x.png Binary files differnew file mode 100644 index 0000000..f335996 --- /dev/null +++ b/themes/shared/plugins/notification-pluginAlert@2x.png diff --git a/themes/shared/plugins/notification-pluginBlocked.png b/themes/shared/plugins/notification-pluginBlocked.png Binary files differnew file mode 100644 index 0000000..e2e9489 --- /dev/null +++ b/themes/shared/plugins/notification-pluginBlocked.png diff --git a/themes/shared/plugins/notification-pluginBlocked@2x.png b/themes/shared/plugins/notification-pluginBlocked@2x.png Binary files differnew file mode 100644 index 0000000..5126be0 --- /dev/null +++ b/themes/shared/plugins/notification-pluginBlocked@2x.png diff --git a/themes/shared/plugins/notification-pluginNormal.png b/themes/shared/plugins/notification-pluginNormal.png Binary files differnew file mode 100644 index 0000000..979e92b --- /dev/null +++ b/themes/shared/plugins/notification-pluginNormal.png diff --git a/themes/shared/plugins/notification-pluginNormal@2x.png b/themes/shared/plugins/notification-pluginNormal@2x.png Binary files differnew file mode 100644 index 0000000..c081bbb --- /dev/null +++ b/themes/shared/plugins/notification-pluginNormal@2x.png diff --git a/themes/shared/statusbar/dynamic.css b/themes/shared/statusbar/dynamic.css new file mode 100644 index 0000000..2c53cb2 --- /dev/null +++ b/themes/shared/statusbar/dynamic.css @@ -0,0 +1,25 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +/* Progress bar/line styles */ + +#status4evar-progress-bar[s4estyle="true"] > .progress-bar +{ + -moz-appearance: none; + background: #333399; + border-radius: 3px; +} + +#status4evar-download-progress-bar[pmType^="active"] > .progress-bar +{ + background-color: #333399; +} + +#status4evar-download-progress-bar[pmType^="paused"] > .progress-bar +{ + background-color: gray; +} + diff --git a/themes/shared/statusbar/overlay.css b/themes/shared/statusbar/overlay.css new file mode 100644 index 0000000..89b3dac --- /dev/null +++ b/themes/shared/statusbar/overlay.css @@ -0,0 +1,169 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* + * General styles + */ + +#status4evar-status-widget, +#status4evar-progress-widget +{ + -moz-box-align: center; +} + +[forcevisible="true"] +{ + visibility: visible !important; +} + +#wrapper-status4evar-progress-widget progressmeter, +#wrapper-status4evar-download-button toolbarbutton +{ + visibility: visible; +} + +#wrapper-status4evar-status-widget toolbaritem label +{ + background-color: rgba(0,0,0,0.2); + padding: 2px 4px; +} + +/* + * Options button + */ + +#status4evar-options-button +{ + list-style-image: url("chrome://browser/skin/statusbar/pms24.png"); +} + +toolbar[iconsize="small"] #status4evar-options-button +{ + list-style-image: url("chrome://browser/skin/statusbar/pms16.png"); +} + +/* + * Download status + */ + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"], +toolbar[mode="text"] #status4evar-download-button +{ + -moz-box-orient: horizontal !important; +} + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label +{ + display: -moz-box !important; +} + +#status4evar-download-progress-bar +{ + border: 1px solid gray; + -moz-appearance: none; + margin: 0px; + min-height: 0px; + min-width: 0px; +} + +#status4evar-download-progress-bar > * +{ + -moz-appearance: none; + background: #FFFFFF; +} + +#status4evar-download-progress-bar[pmType$="unknown"] > .progress-bar +{ + background-image: url("chrome://browser/skin/statusbar/pulse.png"); +} + +#status4evar-download-notification-container +{ + min-height: 1px; + min-width: 1px; + height: 1px; + margin-bottom: -1px; + position: relative; + z-index: 5; +} + +#status4evar-download-notification-icon +{ + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + +@keyframes status4evar-download-notification-finish +{ + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#status4evar-download-notification-anchor[notification="finish"][forcevisible="true"] #status4evar-download-notification-icon +{ + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: status4evar-download-notification-finish; + animation-duration: 1s; +} + +/* + * Splitter + */ + +splitter.status4evar-status-splitter +{ + -moz-appearance: splitter; + border: none; + background: transparent; + position: relative; +} + +splitter.status4evar-status-splitter:not(:hover) +{ + -moz-appearance: none; +} + +/* + * General progress + */ + +#status4evar-progress-bar[s4estyle="true"] > * +{ + border: none; +} + +#status4evar-progress-bar > .progress-remainder +{ + background-image: none; + background-color: transparent; +} + +#status4evar-progress-bar[s4estyle="true"] > .progress-bar +{ + border-right: 1px solid rgba(0,0,0,.2); +} + +#status4evar-progress-bar[s4estyle="true"][value="0"] > .progress-bar, +#status4evar-progress-bar[s4estyle="true"][value="100"] > .progress-bar +{ + border-right: none; +} + +/* + * Status bar + */ + +#status-bar > .statusbar-resizerpanel +{ + display: none !important; +} + diff --git a/themes/shared/statusbar/pms16.png b/themes/shared/statusbar/pms16.png Binary files differnew file mode 100644 index 0000000..830c586 --- /dev/null +++ b/themes/shared/statusbar/pms16.png diff --git a/themes/shared/statusbar/pms24.png b/themes/shared/statusbar/pms24.png Binary files differnew file mode 100644 index 0000000..cdc69b9 --- /dev/null +++ b/themes/shared/statusbar/pms24.png diff --git a/themes/shared/statusbar/prefs.css b/themes/shared/statusbar/prefs.css new file mode 100644 index 0000000..45b138f --- /dev/null +++ b/themes/shared/statusbar/prefs.css @@ -0,0 +1,38 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +#status4evar-prefs > prefpane > vbox.content-box +{ + min-height: 18em !important; +} + +radio[pane="status4evar-pane-status"] +{ + list-style-image: url("chrome://global/skin/icons/information-32.png"); +} + +radio[pane="status4evar-pane-progress"] +{ + list-style-image: url("chrome://browser/skin/statusbar/throbberStatic.png"); +} + +radio[pane="status4evar-pane-download"] +{ + list-style-image: url("chrome://mozapps/skin/downloads/downloadIcon.png"); +} + +radio[pane="status4evar-pane-addonbar"] +{ + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); +} + +radio[pane="status4evar-pane-advanced"] +{ + list-style-image: url("chrome://browser/skin/preferences/Options.png"); + -moz-image-region: rect(0px, 224px, 32px, 192px); +} + + diff --git a/themes/shared/statusbar/pulse.png b/themes/shared/statusbar/pulse.png Binary files differnew file mode 100644 index 0000000..374369c --- /dev/null +++ b/themes/shared/statusbar/pulse.png diff --git a/themes/shared/statusbar/throbber-idle.png b/themes/shared/statusbar/throbber-idle.png Binary files differnew file mode 100644 index 0000000..bcdd65b --- /dev/null +++ b/themes/shared/statusbar/throbber-idle.png diff --git a/themes/shared/statusbar/throbberStatic.png b/themes/shared/statusbar/throbberStatic.png Binary files differnew file mode 100644 index 0000000..e2bf274 --- /dev/null +++ b/themes/shared/statusbar/throbberStatic.png diff --git a/themes/shared/tabbrowser/tab-audio-small.svg b/themes/shared/tabbrowser/tab-audio-small.svg new file mode 100644 index 0000000..abfe712 --- /dev/null +++ b/themes/shared/tabbrowser/tab-audio-small.svg @@ -0,0 +1,58 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"> + <style> + .icon:not(:target) { + display: none; + } + + .icon { + fill: #262626; + } + .icon > .outline { + fill: #fff; + } + + .icon.white { + fill: #fff; + } + .icon.white > .outline { + fill: #000; + fill-opacity: .5; + } + </style> + + <g id="tab-audio" class="icon"> + <path class="outline" d="M12.4,3.6l-1-0.6l-0.9,2.5H10V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5H4C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.6l3.6,3.6 c0.3,0.3,0.9,0.1,0.9-0.4v-3.7h0.5l0.9,2.5l1-0.6C14,11.5,15,9.8,15,8S14,4.5,12.4,3.6z M9,13l-3-3H4c-0.6,0-1-0.4-1-1V7 c0-0.6,0.4-1,1-1h2l3-3V13z M10,9.5v-3c0.8,0,1.5,0.7,1.5,1.5S10.8,9.5,10,9.5z M11.9,11.5l-0.4-0.9C12.4,10,13,9.1,13,8 s-0.6-2-1.4-2.5l0.3-1C13.2,5.2,14,6.5,14,8S13.2,10.8,11.9,11.5z"/> + <path d="M4,6C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h2l3,3V3L6,6H4z M10,6.5v3c0.8,0,1.5-0.7,1.5-1.5S10.8,6.5,10,6.5z M11.9,4.5 l-0.4,0.9C12.4,6,13,6.9,13,8s-0.6,2-1.4,2.5l0.4,0.9c1.2-0.7,2.1-2,2.1-3.5S13.2,5.2,11.9,4.5z"/> + </g> + <g id="tab-audio-muted" class="icon"> + <path class="outline" d="M5.6,5H4C2.9,5,2,5.9,2,7v2c0,0.7,0.3,1.3,0.9,1.7l-1.8,1.8l2.5,2.5l3-3l2.6,2.6c0.3,0.3,0.9,0.1,0.9-0.4V8.5l3.9-3.9 l-2.5-2.5L10,3.5V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5z"/> + <path d="M11.5,3.5L9,5.9V3L6,6H4C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h0.9l-2.5,2.5l1.1,1.1l9-9L11.5,3.5z M9,13V9.7l-1.7,1.7L9,13z"/> + </g> + + <g id="tab-audio-white" class="icon white"> + <path class="outline" d="M12.4,3.6l-1-0.6l-0.9,2.5H10V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5H4C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.6l3.6,3.6 c0.3,0.3,0.9,0.1,0.9-0.4v-3.7h0.5l0.9,2.5l1-0.6C14,11.5,15,9.8,15,8S14,4.5,12.4,3.6z M9,13l-3-3H4c-0.6,0-1-0.4-1-1V7 c0-0.6,0.4-1,1-1h2l3-3V13z M10,9.5v-3c0.8,0,1.5,0.7,1.5,1.5S10.8,9.5,10,9.5z M11.9,11.5l-0.4-0.9C12.4,10,13,9.1,13,8 s-0.6-2-1.4-2.5l0.3-1C13.2,5.2,14,6.5,14,8S13.2,10.8,11.9,11.5z"/> + <path d="M4,6C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h2l3,3V3L6,6H4z M10,6.5v3c0.8,0,1.5-0.7,1.5-1.5S10.8,6.5,10,6.5z M11.9,4.5 l-0.4,0.9C12.4,6,13,6.9,13,8s-0.6,2-1.4,2.5l0.4,0.9c1.2-0.7,2.1-2,2.1-3.5S13.2,5.2,11.9,4.5z"/> + </g> + <g id="tab-audio-white-muted" class="icon white"> + <path class="outline" d="M5.6,5H4C2.9,5,2,5.9,2,7v2c0,0.7,0.3,1.3,0.9,1.7l-1.8,1.8l2.5,2.5l3-3l2.6,2.6c0.3,0.3,0.9,0.1,0.9-0.4V8.5l3.9-3.9 l-2.5-2.5L10,3.5V1.8c0-0.4-0.5-0.7-0.9-0.4L5.6,5z"/> + <path d="M11.5,3.5L9,5.9V3L6,6H4C3.4,6,3,6.4,3,7v2c0,0.6,0.4,1,1,1h0.9l-2.5,2.5l1.1,1.1l9-9L11.5,3.5z M9,13V9.7l-1.7,1.7L9,13z"/> + </g> + + <g id="tab-audio-blocked" class="icon"> + <path class="outline" d="M8,1.2C4.3,1.2,1.2,4.3,1.2,8s3.1,6.8,6.8,6.8s6.8-3.1,6.8-6.8S11.7,1.2,8,1.2z M8,11.9 + c-2.1,0-3.9-1.7-3.9-3.9c0-2.1,1.7-3.9,3.9-3.9s3.9,1.7,3.9,3.9C11.9,10.1,10.1,11.9,8,11.9z M11.1,7.3L6.6,4.6L5.4,3.9v1.4v5.3V12 + l1.2-0.7L11,8.6L12.2,8L11.1,7.3z"/> + <path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M8,12.7c-2.6,0-4.7-2.1-4.7-4.7 + S5.4,3.3,8,3.3s4.7,2.1,4.7,4.7S10.6,12.7,8,12.7z M10.7,8L6.2,5.3v5.4L10.7,8z"/> + </g> + <g id="tab-audio-white-blocked" class="icon"> + <path class="outline" d="M8,0c3.3,0,6.4,2.2,7.5,5.3c1.1,3.1,0.1,6.7-2.5,8.9c-2.6,2.1-6.3,2.4-9.2,0.7 + C1,13.1-0.5,9.8,0.1,6.5C0.9,2.8,4.2,0,8,0z"/> + <path d="M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z M8,12.7c-2.6,0-4.7-2.1-4.7-4.7 + S5.4,3.3,8,3.3s4.7,2.1,4.7,4.7S10.6,12.7,8,12.7z M10.7,8L6.2,5.3v5.4L10.7,8z"/> + </g> +</svg> diff --git a/themes/shared/tabbrowser/tab-audio.svg b/themes/shared/tabbrowser/tab-audio.svg new file mode 100644 index 0000000..274e10c --- /dev/null +++ b/themes/shared/tabbrowser/tab-audio.svg @@ -0,0 +1,18 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> + <style> + path:not(:target) { + display: none; + } + </style> + + <path id="tab-audio" d="M4,5C2.9,5,2,5.9,2,7v2c0,1.1,0.9,2,2,2h1.2L9,14V2L5.2,5H4z M11,8c0-0.6-0.4-1-1-1v2C10.6,9,11,8.6,11,8z M13,8 c0-1.4-1-2.6-2.3-2.9L10.4,6C11.3,6.2,12,7,12,8s-0.7,1.8-1.6,2l0.4,0.9C12,10.6,13,9.4,13,8z M11.4,3.2l-0.4,0.9 C12.8,4.6,14,6.2,14,8s-1.2,3.4-2.9,3.8l0.4,0.9C13.5,12.2,15,10.3,15,8S13.5,3.8,11.4,3.2z"/> + + <path id="tab-audio-muted" d="M12.5,3.4L9,6.3V2L5.2,5H4C2.9,5,2,5.9,2,7v2c0,0.9,0.6,1.6,1.4,1.9l-1.9,1.5l1,1.2l11-9L12.5,3.4z M9,14v-4l-2.5,2L9,14z"/> + + <path id="tab-audio-blocked" d="M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M5.6,11.6l6-3.6l-6-3.6V11.6z M8,14.2 + c-3.4,0-6.2-2.8-6.2-6.2S4.6,1.8,8,1.8s6.2,2.8,6.2,6.2S11.4,14.2,8,14.2z"/> +</svg> diff --git a/themes/windows/Geolocation-16.png b/themes/windows/Geolocation-16.png Binary files differnew file mode 100644 index 0000000..d710e73 --- /dev/null +++ b/themes/windows/Geolocation-16.png diff --git a/themes/windows/Geolocation-64.png b/themes/windows/Geolocation-64.png Binary files differnew file mode 100644 index 0000000..1bd46ba --- /dev/null +++ b/themes/windows/Geolocation-64.png diff --git a/themes/windows/Info.png b/themes/windows/Info.png Binary files differnew file mode 100644 index 0000000..f9c6ef2 --- /dev/null +++ b/themes/windows/Info.png diff --git a/themes/windows/KUI-background.png b/themes/windows/KUI-background.png Binary files differnew file mode 100644 index 0000000..104a49f --- /dev/null +++ b/themes/windows/KUI-background.png diff --git a/themes/windows/KUI-close.png b/themes/windows/KUI-close.png Binary files differnew file mode 100644 index 0000000..08eeb81 --- /dev/null +++ b/themes/windows/KUI-close.png diff --git a/themes/windows/Makefile.in b/themes/windows/Makefile.in new file mode 100644 index 0000000..173ca68 --- /dev/null +++ b/themes/windows/Makefile.in @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +ICON_FILES := icon.png +ICON_DEST = $(FINAL_TARGET)/extensions/{972ce4c6-7e08-4474-a285-3208198ce6fd} +INSTALL_TARGETS += ICON diff --git a/themes/windows/Privacy-16.png b/themes/windows/Privacy-16.png Binary files differnew file mode 100644 index 0000000..f801bfe --- /dev/null +++ b/themes/windows/Privacy-16.png diff --git a/themes/windows/Privacy-32.png b/themes/windows/Privacy-32.png Binary files differnew file mode 100644 index 0000000..41ecd5d --- /dev/null +++ b/themes/windows/Privacy-32.png diff --git a/themes/windows/Privacy-48.png b/themes/windows/Privacy-48.png Binary files differnew file mode 100644 index 0000000..372b823 --- /dev/null +++ b/themes/windows/Privacy-48.png diff --git a/themes/windows/Privacy-64.png b/themes/windows/Privacy-64.png Binary files differnew file mode 100644 index 0000000..bd8d191 --- /dev/null +++ b/themes/windows/Privacy-64.png diff --git a/themes/windows/Push-16.png b/themes/windows/Push-16.png Binary files differnew file mode 100644 index 0000000..d710e73 --- /dev/null +++ b/themes/windows/Push-16.png diff --git a/themes/windows/Push-64.png b/themes/windows/Push-64.png Binary files differnew file mode 100644 index 0000000..27fecb8 --- /dev/null +++ b/themes/windows/Push-64.png diff --git a/themes/windows/Secure24.png b/themes/windows/Secure24.png Binary files differnew file mode 100644 index 0000000..265d79b --- /dev/null +++ b/themes/windows/Secure24.png diff --git a/themes/windows/Toolbar-glass.png b/themes/windows/Toolbar-glass.png Binary files differnew file mode 100644 index 0000000..f8aac24 --- /dev/null +++ b/themes/windows/Toolbar-glass.png diff --git a/themes/windows/Toolbar-glass.svg b/themes/windows/Toolbar-glass.svg new file mode 100644 index 0000000..9feaac2 --- /dev/null +++ b/themes/windows/Toolbar-glass.svg @@ -0,0 +1,3218 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + version="1.1" + id="PaleMoonToolbarSVG" + x="0px" + y="0px" + width="378" + height="38" + viewBox="0 0 378 38" + enable-background="new 0 0 378 38"> + <metadata + id="metadata146"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs144"> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4669" + cx="10.529827" + cy="14.778796" + fx="10.529827" + fy="14.778796" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1087088,0,-1.2351844)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4635"> + <stop + style="stop-color:#6198cb;stop-opacity:1" + offset="0" + id="stop4631" /> + <stop + style="stop-color:#3a78b2;stop-opacity:1" + offset="1" + id="stop4633" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4637" + cx="11.063469" + cy="38.79744" + fx="11.063469" + fy="38.79744" + r="8.7600002" + gradientTransform="matrix(1,0,0,1.0853313,0,-3.029369)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4677" + cx="34.841751" + cy="14.552581" + fx="34.841751" + fy="14.552581" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1003056,0,-1.1335797)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4603" + id="radialGradient4605" + cx="58.062626" + cy="12.761739" + fx="58.062626" + fy="12.761739" + r="7.6799994" + gradientTransform="matrix(1,0,0,0.99218759,0,0.09141507)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4603"> + <stop + style="stop-color:#e72b1d;stop-opacity:1" + offset="0" + id="stop4599" /> + <stop + style="stop-color:#cc4338;stop-opacity:1" + offset="1" + id="stop4601" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4523-3" + id="radialGradient4525" + cx="79.305222" + cy="13.939252" + fx="79.305222" + fy="13.939252" + r="7.8000002" + gradientTransform="matrix(1,0,0,1.0769231,0,-0.86932835)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4523-3"> + <stop + style="stop-color:#4fb55d;stop-opacity:1" + offset="0" + id="stop4519" /> + <stop + style="stop-color:#2d8539;stop-opacity:1" + offset="1" + id="stop4521" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4527" + id="radialGradient4529" + cx="103.23091" + cy="12.664675" + fx="103.23091" + fy="12.664675" + r="9.5995998" + gradientTransform="matrix(1,0,0,0.87507716,0,1.3868386)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4527"> + <stop + style="stop-color:#3f6bbd;stop-opacity:1" + offset="0" + id="stop4523" /> + <stop + style="stop-color:#29467b;stop-opacity:1" + offset="1" + id="stop4525" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4709" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0,-0.03620244)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4707"> + <stop + style="stop-color:#8c9ba5;stop-opacity:1" + offset="0" + id="stop4703" /> + <stop + style="stop-color:#607480;stop-opacity:1" + offset="1" + id="stop4705" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4727" + id="radialGradient4729" + cx="149.26262" + cy="12.784631" + fx="149.26262" + fy="12.784631" + r="8.6400051" + gradientTransform="matrix(1,0,0,0.993055,0,0.07848724)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4727"> + <stop + style="stop-color:#3eb796;stop-opacity:1" + offset="0" + id="stop4723" /> + <stop + style="stop-color:#31a886;stop-opacity:1" + offset="1" + id="stop4725" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient5023" + id="radialGradient5017" + cx="466.94476" + cy="12.037849" + fx="466.94476" + fy="12.037849" + r="9.6007004" + gradientTransform="matrix(0.79035186,0,0,0.79508811,-0.14216924,6.9389816e-4)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient5023"> + <stop + id="stop5019" + offset="0" + style="stop-color:#c6cdd2;stop-opacity:1" /> + <stop + id="stop5021" + offset="1" + style="stop-color:#9cabb4;stop-opacity:1" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4793" + cx="194.44176" + cy="13.746766" + fx="194.44176" + fy="13.746766" + r="9.5999947" + gradientTransform="matrix(1,0,0,0.87500048,0,1.3876528)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4833" + cx="239.2" + cy="11.101265" + fx="239.2" + fy="11.101265" + r="9.6000004" + gradientTransform="matrix(1,0,0,0.87500002,0,1.3876579)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4841" + cx="242.0894" + cy="12.418613" + fx="242.0894" + fy="12.418613" + r="3.5288758" + gradientTransform="matrix(0.79274533,0,0,0.78327978,-0.14435628,0.11758726)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient5031" + cx="466.39926" + cy="31.105829" + fx="466.39926" + fy="31.105829" + r="9.7507105" + gradientTransform="matrix(1,0,0,0.99992718,0,0.00247197)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient5037"> + <stop + id="stop5033" + offset="0" + style="stop-color:#e8e1a1;stop-opacity:1" /> + <stop + id="stop5035" + offset="1" + style="stop-color:#baad3e;stop-opacity:1" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4813" + cx="217.95329" + cy="16.56296" + fx="217.95329" + fy="16.56296" + r="10.35937" + gradientTransform="matrix(1,0,0,0.8160434,0,2.0506693)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4861" + cx="262.79288" + cy="15.840806" + fx="262.79288" + fy="15.840806" + r="8.5577164" + gradientTransform="matrix(1,0,0,0.9969072,0,0.03528241)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4881" + cx="286.58698" + cy="14.171478" + fx="286.58698" + fy="14.171478" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4901" + cx="308.97141" + cy="14.457072" + fx="308.97141" + fy="14.457072" + r="6.09375" + gradientTransform="matrix(1,0,0,1.4,0,-4.4901397)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4921" + cx="331.15933" + cy="13.119289" + fx="331.15933" + fy="13.119289" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4941" + cx="353.15076" + cy="11.316628" + fx="353.15076" + fy="11.316628" + r="6.09375" + gradientTransform="matrix(0.79035186,0,0,0.15902921,-0.14216924,7.1987363)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + gradientTransform="matrix(0.79035186,0,0,0.79514603,-0.14216924,3.8580698e-5)" + xlink:href="#linearGradient4707" + id="radialGradient4949" + cx="375.97003" + cy="11.407905" + fx="375.97003" + fy="11.407905" + r="6.09375" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4957" + cx="400.5007" + cy="13.518586" + fx="400.5007" + fy="13.518586" + r="8.5350475" + gradientTransform="matrix(1,0,0,0.99701325,0,0.03407254)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4975" + id="radialGradient4977" + cx="417.02075" + cy="15.742972" + fx="417.02075" + fy="15.742972" + r="8.53125" + gradientTransform="matrix(1.357667,-0.02466618,0.02411975,1.3275908,-149.53429,5.1574131)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4975"> + <stop + style="stop-color:#f79729;stop-opacity:1" + offset="0" + id="stop4971" /> + <stop + style="stop-color:#d2831f;stop-opacity:1" + offset="1" + id="stop4973" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4997" + cx="444.33652" + cy="11.316628" + fx="444.33652" + fy="11.316628" + r="8.53125" + gradientTransform="matrix(1,0,0,0.71428563,0,3.2333231)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4710" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <linearGradient + id="linearGradient4747"> + <stop + style="stop-color:#c5b631;stop-opacity:1" + offset="0" + id="stop4743" /> + <stop + style="stop-color:#baad3e;stop-opacity:1" + offset="1" + id="stop4745" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient4712" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="132.6468" + cy="9.0947113" + fx="132.6468" + fy="9.0947113" + r="7.9746099" /> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4714" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4750" + cx="166.37157" + cy="11.485105" + fx="166.37157" + fy="11.485105" + r="0.31640625" + gradientTransform="matrix(1,0,0,28.000001,0,-310.09784)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4832" + id="radialGradient4709-1" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0.11563445,22.233158)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4832"> + <stop + id="stop5029" + offset="0" + style="stop-color:#22e23d;stop-opacity:1" /> + <stop + id="stop4830" + offset="1" + style="stop-color:#38a748;stop-opacity:1" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4883"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4873" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4875" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4877" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4879" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4881" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6673" /> + <feFlood + id="feFlood6675" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6677" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6679" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6681" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6683" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4895"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4885" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4887" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4889" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4891" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4893" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6685" /> + <feFlood + id="feFlood6687" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6689" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6691" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6693" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6695" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4907"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4897" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4899" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4901" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4903" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4905" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6697" /> + <feFlood + id="feFlood6699" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6701" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6703" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6705" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6707" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4919"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4909" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4911" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4913" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4915" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4917" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6709" /> + <feFlood + id="feFlood6711" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6713" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6715" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6717" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6719" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4931"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4921" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4923" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4925" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4927" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4929" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6721" /> + <feFlood + id="feFlood6723" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6725" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6727" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6729" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6731" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4943"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4933" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4935" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4937" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4939" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4941" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6733" /> + <feFlood + id="feFlood6735" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6737" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6739" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6741" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6743" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4955"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4945" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4947" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4949" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4951" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4953" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6745" /> + <feFlood + id="feFlood6747" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6749" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6751" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6753" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6755" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4967"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4957" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4959" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4961" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4963" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4965" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6757" /> + <feFlood + id="feFlood6759" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6761" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6763" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6765" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6767" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4979"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4969" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4971" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4973" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4975" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4977" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6769" /> + <feFlood + id="feFlood6771" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6773" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6775" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6777" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6779" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter4991"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4981" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4983" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4985" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4987" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite4989" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6781" /> + <feFlood + id="feFlood6783" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6785" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6787" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6789" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6791" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5003"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4993" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4995" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4997" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4999" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5001" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6793" /> + <feFlood + id="feFlood6795" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6797" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6799" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6801" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6803" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5015"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5005" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5007" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5009" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5011" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5013" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6805" /> + <feFlood + id="feFlood6807" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6809" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6811" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6813" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6815" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5027"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5017" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5019" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5021" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5023" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5025" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6817" /> + <feFlood + id="feFlood6819" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6821" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6823" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6825" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6827" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5039"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5029" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5031" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5033" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5035" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5037" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6829" /> + <feFlood + id="feFlood6831" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6833" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6835" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6837" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6839" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5051"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5041" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5043" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5045" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5047" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5049" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6841" /> + <feFlood + id="feFlood6843" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6845" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6847" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6849" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6851" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5063"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5053" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5055" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5057" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5059" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5061" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6853" /> + <feFlood + id="feFlood6855" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6857" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6859" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6861" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6863" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5075"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5065" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5067" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5069" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5071" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5073" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6865" /> + <feFlood + id="feFlood6867" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6869" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6871" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6873" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6875" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5087"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5077" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5079" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5081" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5083" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5085" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6877" /> + <feFlood + id="feFlood6879" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6881" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6883" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6885" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6887" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5099"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5089" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5091" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5093" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5095" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5097" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6889" /> + <feFlood + id="feFlood6891" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6893" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6895" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6897" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6899" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5111"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5101" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5103" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5105" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5107" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5109" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6901" /> + <feFlood + id="feFlood6903" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6905" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6907" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6909" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6911" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5123"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5113" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5115" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5117" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5119" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5121" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6913" /> + <feFlood + id="feFlood6915" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6917" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6919" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6921" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6923" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5135"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5125" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5127" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5129" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5131" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5133" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6925" /> + <feFlood + id="feFlood6927" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6929" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6931" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6933" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6935" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5147"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5137" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5139" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5141" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5143" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5145" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6937" /> + <feFlood + id="feFlood6939" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6941" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6943" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6945" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6947" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5159"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5149" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5151" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5153" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5155" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5157" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6949" /> + <feFlood + id="feFlood6951" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6953" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6955" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6957" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6959" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter5171"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5161" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5163" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5165" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset5167" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="fbSourceGraphic" + id="feComposite5169" /> + <feColorMatrix + result="fbSourceGraphicAlpha" + in="fbSourceGraphic" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + id="feColorMatrix6961" /> + <feFlood + id="feFlood6963" + flood-opacity="1" + flood-color="rgb(255,255,255)" + result="flood" + in="fbSourceGraphic" /> + <feComposite + in2="fbSourceGraphic" + id="feComposite6965" + in="flood" + operator="in" + result="composite1" /> + <feGaussianBlur + id="feGaussianBlur6967" + in="composite1" + stdDeviation="1" + result="blur" /> + <feOffset + id="feOffset6969" + dx="2.77556e-017" + dy="0" + result="offset" /> + <feComposite + in2="offset" + id="feComposite6971" + in="fbSourceGraphic" + operator="over" + result="composite2" /> + </filter> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4669-9" + cx="10.529827" + cy="14.778796" + fx="10.529827" + fy="14.778796" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1087088,0,-1.2351844)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4701"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4691" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4693" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4695" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4697" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4699" /> + </filter> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4637-5" + cx="11.063469" + cy="38.79744" + fx="11.063469" + fy="38.79744" + r="8.7600002" + gradientTransform="matrix(1,0,0,1.0853313,0,-3.029369)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4661"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4651" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4653" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4655" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4657" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4659" /> + </filter> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4677-0" + cx="34.841751" + cy="14.552581" + fx="34.841751" + fy="14.552581" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1003056,0,-1.1335797)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4689"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4679" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4681" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4683" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4685" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4687" /> + </filter> + <radialGradient + xlink:href="#linearGradient4603" + id="radialGradient4605-8" + cx="58.062626" + cy="12.761739" + fx="58.062626" + fy="12.761739" + r="7.6799994" + gradientTransform="matrix(1,0,0,0.99218759,0,0.09141507)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4629"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4619" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4621" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4623" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4625" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4627" /> + </filter> + <radialGradient + xlink:href="#linearGradient4523-3" + id="radialGradient4525-6" + cx="79.305222" + cy="13.939252" + fx="79.305222" + fy="13.939252" + r="7.8000002" + gradientTransform="matrix(1,0,0,1.0769231,0,-0.86932835)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4597"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4587" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4589" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4591" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4593" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4595" /> + </filter> + <radialGradient + xlink:href="#linearGradient4527" + id="radialGradient4529-9" + cx="103.23091" + cy="12.664675" + fx="103.23091" + fy="12.664675" + r="9.5995998" + gradientTransform="matrix(1,0,0,0.87507716,0,1.3868386)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4783"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4773" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4775" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4777" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4779" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4781" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4709-11" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0,-0.03620244)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4721"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4711" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4713" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4715" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4717" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4719" /> + </filter> + <radialGradient + xlink:href="#linearGradient4727" + id="radialGradient4729-5" + cx="149.26262" + cy="12.784631" + fx="149.26262" + fy="12.784631" + r="8.6400051" + gradientTransform="matrix(1,0,0,0.993055,0,0.07848724)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4741"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4731" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4733" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4735" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4737" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4739" /> + </filter> + <radialGradient + xlink:href="#linearGradient5023" + id="radialGradient5017-9" + cx="466.94476" + cy="12.037849" + fx="466.94476" + fy="12.037849" + r="9.6007004" + gradientTransform="matrix(0.79035186,0,0,0.79508811,-0.14216924,6.9389816e-4)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4793-8" + cx="194.44176" + cy="13.746766" + fx="194.44176" + fy="13.746766" + r="9.5999947" + gradientTransform="matrix(1,0,0,0.87500048,0,1.3876528)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4805"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4795" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4797" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4799" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4801" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4803" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4833-4" + cx="239.2" + cy="11.101265" + fx="239.2" + fy="11.101265" + r="9.6000004" + gradientTransform="matrix(1,0,0,0.87500002,0,1.3876579)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4853"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4843" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4845" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4847" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4849" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4851" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4841-0" + cx="242.26164" + cy="12.423289" + fx="242.26164" + fy="12.423289" + r="3.5288758" + gradientTransform="matrix(0.79274531,0,0,0.78327977,-0.14435628,0.11758726)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient8829" + cx="242.26164" + cy="12.423289" + fx="242.26164" + fy="12.423289" + r="3.5288758" + gradientTransform="matrix(0.79274531,0,0,0.78327977,-0.14435628,0.11758726)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient5031-1" + cx="466.39926" + cy="31.105829" + fx="466.39926" + fy="31.105829" + r="9.7507105" + gradientTransform="matrix(1,0,0,0.99992718,0,0.00247197)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter5049"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5039" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5041" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5043" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset5045" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite5047" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4813-2" + cx="217.95329" + cy="16.56296" + fx="217.95329" + fy="16.56296" + r="10.35937" + gradientTransform="matrix(1,0,0,0.8160434,0,2.0506693)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4825"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4815" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4817" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4819" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4821" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4823" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4861-6" + cx="262.79288" + cy="15.840806" + fx="262.79288" + fy="15.840806" + r="8.5577164" + gradientTransform="matrix(1,0,0,0.9969072,0,0.03528241)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4873"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4863" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4865" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4867" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4869" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4871" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4881-9" + cx="286.58698" + cy="14.171478" + fx="286.58698" + fy="14.171478" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4893"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4883" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4885" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4887" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4889" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4891" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4901-6" + cx="308.97141" + cy="14.457072" + fx="308.97141" + fy="14.457072" + r="6.09375" + gradientTransform="matrix(1,0,0,1.4,0,-4.4901397)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4913"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4903" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4905-1" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4907" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4909" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4911-2" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4921-8" + cx="331.15933" + cy="13.119289" + fx="331.15933" + fy="13.119289" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4933"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4923" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4925" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4927" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4929" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4931" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4941-9" + cx="353.15076" + cy="11.316628" + fx="353.15076" + fy="11.316628" + r="6.09375" + gradientTransform="matrix(0.79035186,0,0,0.15902921,-0.14216924,7.1987363)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + gradientTransform="matrix(0.79035186,0,0,0.79514603,-0.14216924,3.8580698e-5)" + xlink:href="#linearGradient4707" + id="radialGradient4949-5" + cx="375.97003" + cy="11.407905" + fx="375.97003" + fy="11.407905" + r="6.09375" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4957-2" + cx="400.5007" + cy="13.518586" + fx="400.5007" + fy="13.518586" + r="8.5350475" + gradientTransform="matrix(1,0,0,0.99701325,0,0.03407254)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4969"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4959" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4961" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4963" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4965" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4967" /> + </filter> + <radialGradient + xlink:href="#linearGradient4975" + id="radialGradient4977-4" + cx="417.02075" + cy="15.742972" + fx="417.02075" + fy="15.742972" + r="8.53125" + gradientTransform="matrix(1.357667,-0.02466618,0.02411975,1.3275908,-149.53429,5.1574131)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4989"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4979" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4981" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4983" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4985" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4987" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4997-5" + cx="444.33652" + cy="11.316628" + fx="444.33652" + fy="11.316628" + r="8.53125" + gradientTransform="matrix(1,0,0,0.71428563,0,3.2333231)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter5009"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4999" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5001-8" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5003" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset5005" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite5007-3" /> + </filter> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4710-4" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4729"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4719" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4721" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4723" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4725" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4727" /> + </filter> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient4712-2" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="132.6468" + cy="9.0947113" + fx="132.6468" + fy="9.0947113" + r="7.9746099" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4774"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4764" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4766" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4768" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4770" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4772" /> + </filter> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4714-4" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4750-3" + cx="166.37157" + cy="11.485105" + fx="166.37157" + fy="11.485105" + r="0.31640625" + gradientTransform="matrix(0.99998863,-0.00473886,0.08838422,18.426509,-1.0132111,-199.35688)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4832" + id="radialGradient4709-1-2" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0.11563445,22.233158)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4844"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4834" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4836" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4838" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4840" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4842" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient9039" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.79274531,0,0,0.78327977,-0.14435628,0.11758726)" + cx="242.26164" + cy="12.423289" + fx="242.26164" + fy="12.423289" + r="3.5288758" /> + <filter + id="filter10217" + style="color-interpolation-filters:sRGB;"> + <feFlood + id="feFlood10207" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="1" /> + <feComposite + id="feComposite10209" + result="composite1" + operator="out" + in2="SourceGraphic" + in="flood" /> + <feGaussianBlur + id="feGaussianBlur10211" + result="blur" + stdDeviation="0.5" + in="composite1" /> + <feOffset + id="feOffset10213" + result="offset" + dy="0" + dx="2.77556e-017" /> + <feComposite + id="feComposite10215" + result="fbSourceGraphic" + operator="atop" + in2="SourceGraphic" + in="offset" /> + <feColorMatrix + id="feColorMatrix10219" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + in="fbSourceGraphic" + result="fbSourceGraphicAlpha" /> + <feFlood + in="fbSourceGraphic" + result="flood" + flood-color="rgb(255,255,255)" + flood-opacity="1" + id="feFlood10221" /> + <feComposite + result="composite1" + operator="in" + in="flood" + id="feComposite10223" + in2="fbSourceGraphic" /> + <feGaussianBlur + result="blur" + stdDeviation="1" + in="composite1" + id="feGaussianBlur10225" /> + <feOffset + result="offset" + dy="0" + dx="2.77556e-017" + id="feOffset10227" /> + <feComposite + result="composite2" + operator="over" + in="fbSourceGraphic" + id="feComposite10229" + in2="offset" /> + </filter> + </defs> + <g + style="filter:url(#filter10217)" + id="g7757"> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4669-9);fill-opacity:1;stroke-width:1;filter:url(#filter4701)" + d="m 17.870749,13.841269 -6.303534,-0.0074 2.264363,2.148431 c 0.615648,0.584128 0.72,1.44 0.24,1.92 l -0.96,1.08 c -0.48,0.48 -1.32,0.36 -1.92,-0.24 0,0 -6.4200001,-6.6 -6.4800001,-6.6 -0.06,0 -0.36,-0.48 -0.48,-0.84 0,-0.359999 0.36,-0.719999 0.48,-0.839999 l 6.3600001,-6.48 c 0.6,-0.6000001 1.44,-0.7200001 1.92,-0.24 l 0.96,1.0799999 c 0.48,0.48 0.36,1.32 -0.24,1.9200001 l -2.144363,2.0610645 6.359451,0.043374 c 0.719983,0.00491 1.227959,0.50779 1.227959,1.2277905 v 2.483369 c 0,0.72 -0.563877,1.284215 -1.283876,1.28337 z" + id="path4" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4637-5);fill-opacity:1;stroke-width:1;filter:url(#filter4661)" + id="path4154" + d="m 19.187889,37.765372 -7.620674,-0.0365 3.352509,3.266174 c 0.515294,0.50108 0.829738,1.388534 0.443269,1.764345 l -1.759464,1.992905 c -0.356609,0.403923 -1.52102,-0.108922 -2.036314,-0.735274 L 3.9756591,36.471238 c 0,0 -0.7399492,-0.710192 -0.7399492,-1.211274 0,-0.501081 0.7399492,-1.303987 0.7399492,-1.303987 l 7.5915559,-7.545783 c 0.515294,-0.50108 1.613776,-1.093109 1.980397,-0.698138 l 1.815381,1.955768 c 0.386469,0.375811 0.172889,1.300401 -0.471228,1.801482 l -3.32455,3.229041 7.620674,0.02842 c 0.772936,0.0029 1.344153,0.417712 1.344153,1.169335 v 2.560987 c 0,0.751622 -0.571221,1.311987 -1.344153,1.308283 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4677-0);fill-opacity:1;stroke-width:1;filter:url(#filter4689)" + id="path4165" + d="m 26.776124,12.612425 v -2.53895 c 0,-0.7200003 0.480206,-1.3282747 1.2,-1.3111602 l 5.76,0.041051 L 31.66,6.7412646 c -0.602042,-0.5979755 -0.72,-1.4399999 -0.24,-1.92 l 0.96,-1.08 c 0.48,-0.48 1.32,-0.36 1.92,0.24 l 6.36,6.4800004 c 0.12,0.12 0.48,0.48 0.48,0.84 0,0.36 -0.36,0.84 -0.48,0.84 l -6.48,6.48 c -0.6,0.6 -1.44,0.72 -1.92,0.24 l -0.96,-1.08 c -0.48,-0.48 -0.36,-1.32 0.24,-1.92 L 33.736124,13.833888 28.06,13.868005 c -0.719987,0.0043 -1.283876,-0.53558 -1.283876,-1.25558 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4605-8);fill-opacity:1;stroke-width:1;filter:url(#filter4629)" + id="path4176" + d="m 64.708108,6.2881044 -5.061037,5.0305226 5.061037,5.030522 -2.530518,2.515261 -5.061038,-5.030522 -5.061037,5.030522 -2.530519,-2.515261 5.061037,-5.030522 -5.061037,-5.0305226 2.530519,-2.5152612 5.061037,5.0305223 5.061038,-5.0305223 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4525-6);fill-opacity:1;stroke-width:1;filter:url(#filter4597)" + id="path4187" + d="m 87.482777,11.318627 h -8.856816 l 3.13833,-3.0716727 C 81.15648,7.545735 80.363876,6.712205 79.283876,6.712205 c -2.64,0 -5.107543,1.9376803 -5.107543,4.577681 0,2.64 2.411627,5.050109 5.051627,5.050109 1.68,0 3.619039,-1.066107 4.459039,-2.506107 l 2.530518,1.25763 c -1.32,2.4 -3.961599,4.443007 -6.961599,4.443007 -4.32,0 -8.219378,-3.896849 -8.219378,-8.216849 0,-4.3200008 3.927337,-7.633261 8.247337,-7.633261 1.8,0 3.619792,0.8778997 5.059792,1.9578998 l 3.139108,-3.1271021 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4529-9);fill-opacity:1;stroke:none;stroke-width:1;stroke-opacity:1;filter:url(#filter4783)" + d="M 102.66589,2.5152127 92.543814,11.318627 h 3.795778 v 7.545783 h 5.061038 v -5.030522 h 2.53052 v 5.030522 h 5.06104 v -7.545783 h 3.79577 z" + id="path4209" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4709-11);fill-opacity:1;stroke-width:1;filter:url(#filter4721)" + id="path4214" + d="m 133.03211,12.576257 -6.32629,6.288153 c -0.24,0.36 -0.82401,0.692435 -1.30401,0.692435 -0.48,0 -0.86651,-0.332435 -1.22651,-0.692435 l -6.3263,-6.288153 c -0.79571,-0.72 -0.93921,-1.286268 0.0208,-1.280462 l 3.77501,0.02283 -0.0107,-7.5841022 c -0.001,-0.7199993 0.50796,-1.1722101 1.22796,-1.1722101 h 5.10754 c 0.72,0 1.22426,0.4800094 1.22796,1.2 l 0.0388,7.5563123 3.80118,-0.05062 c 0.95992,-0.01278 0.71459,0.588252 -0.005,1.308252 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4729-5);fill-opacity:1;stroke-width:1;filter:url(#filter4741)" + id="path4225" + d="m 148.19571,20.103585 c -4.8,0 -8.89163,-3.97895 -8.89163,-8.77895 0,-4.6800005 4.11959,-8.7145303 8.91959,-8.7145303 4.8,0 8.80776,3.9511599 8.80776,8.7511603 0,4.68 -4.03572,8.74232 -8.83572,8.74232 z m 0.0559,-15.04801 c -3.36,0 -6.39142,2.9178996 -6.39142,6.2779 0,3.24 2.9755,6.22232 6.3355,6.22232 3.36,0 6.33551,-2.86232 6.33551,-6.22232 0,-3.3600004 -2.91959,-6.2779 -6.27959,-6.2779 z m -0.63959,7.520682 c -0.48,-0.12 -0.63716,-0.735044 -0.64429,-1.214992 l -0.0559,-3.7667402 c -0.0107,-0.7199217 0.53592,-1.28337 1.25592,-1.28337 0.72,0 1.27834,0.535601 1.28388,1.25558 l 0.0289,3.7518922 c 1.32,1.32 2.53051,3.772891 2.53051,3.772891 0,0 -3.07896,-1.195261 -4.39896,-2.515261 z" /> + <path + style="display:inline;fill:url(#radialGradient5017-9);fill-opacity:1;stroke-width:0.79274529" + id="path4355" + d="m 369.00476,4.7878231 0.94842,1.9083504 0.47422,0.858758 0.94842,0.190835 2.18136,0.3816699 -1.61231,1.7175156 -0.6639,0.667923 0.0948,0.954175 0.37937,2.290022 -1.89685,-0.954178 -0.85358,-0.477086 -0.85358,0.477086 -1.89685,0.954178 0.37938,-2.290022 0.0948,-0.954175 -0.6639,-0.667923 -1.61232,-1.7175156 2.27622,-0.3816699 0.94842,-0.190835 0.37936,-0.858758 0.94843,-1.9083504 m 0,-3.4350309 c -0.28454,0 -0.56906,0.1908348 -0.75874,0.667922 l -1.89683,3.9121193 -4.07821,0.6679227 c -0.94842,0.190835 -1.13812,0.8587576 -0.47421,1.5266802 l 2.94011,3.1487776 -0.66391,4.389208 c -0.0948,0.572504 0.1897,0.954174 0.66391,0.954174 0.18967,0 0.37936,-0.09542 0.56905,-0.190835 l 3.69885,-2.003768 3.69884,2.003768 c 0.18969,0.09543 0.47421,0.190835 0.56906,0.190835 0.4742,0 0.75873,-0.38167 0.6639,-1.049592 l -0.6639,-4.389207 2.9401,-3.1487781 c 0.66391,-0.6679226 0.37938,-1.3358454 -0.4742,-1.5266803 L 371.66031,5.837416 369.76347,1.9252968 C 369.5738,1.543627 369.28926,1.3527922 369.00474,1.3527922 Z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4793-8);fill-opacity:1;stroke-width:1;filter:url(#filter4805)" + id="path4366" + d="m 202.62125,17.648005 -2.53039,-0.04122 1.26526,2.515261 h -15.18311 l 1.26526,-2.515261 -2.51784,0.02249 c -0.71997,0.0064 -1.31817,-0.563397 -1.31184,-1.28337 l 0.0559,-6.3612693 c 0.006,-0.7199727 0.59192,-1.2112687 1.31183,-1.2000001 l 1.19667,0.018731 0.0313,-2.5298907 c 0.009,-0.7199457 0.51397,-1.243001 1.23397,-1.243001 l 0.022,-1.2403691 c 0.0127,-0.7198886 0.6198,-1.2535885 1.33979,-1.2555799 l 10.04733,-0.02779 c 0.72,-0.00199 1.21931,0.5078413 1.22796,1.22779 l 0.0156,1.295949 c 0.72,0 1.2692,0.5785813 1.26831,1.2985809 l -0.003,2.4743108 1.26513,-1e-7 c 0.71992,-0.010711 1.26205,0.5376375 1.26526,1.2576305 v 6.288153 c 0,0.729621 -0.61509,1.257631 -1.26526,1.257631 z m -15.18298,-0.04122 1.26526,-2.515262 h -1.26526 z m 0.6,-6.288153 h -0.6 -0.6 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 h 1.2 c 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.25348,-0.503016 -0.6,-0.6 z M 198.8256,5.0304738 c 0,-0.72 -0.54528,-1.2523398 -1.26526,-1.2576306 h -7.59155 c -0.71998,-0.00529 -1.28117,0.5378043 -1.26526,1.2576306 v 3.7728917 c 0.0159,0.7198264 0.54528,1.2629215 1.26526,1.2576305 h 7.59155 c 0.71999,-0.0053 1.24942,-0.5078188 1.25592,-1.2277899 z m -1.26526,10.0610482 h -7.59155 l -1.26526,3.772892 h 10.12207 z m 2.53052,0 h -1.26526 l 1.26526,2.515262 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4833-4);fill-opacity:1;stroke-width:1;filter:url(#filter4853)" + id="path4388" + d="m 248.17426,18.945466 -16.43876,-0.02779 c -0.96,-0.0016 -1.40468,-0.339789 -1.40858,-1.299781 l -0.0559,-13.7557998 c -0.004,-0.959992 0.47654,-1.3847678 1.43653,-1.3831504 l 16.49468,0.02779 c 0.96,0.00162 1.24473,0.3675784 1.24083,1.3275705 l -0.0559,13.7557997 c -0.004,0.959992 -0.25287,1.356983 -1.21287,1.355361 z M 239.88388,3.8178947 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 2.64346,0 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.36,0.6 0.6,0.6 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 3.72,0 h -1.2 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 h 1.2 c 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 0.65592,4.9945298 c 0.005,-0.7199803 -0.53592,-1.2538267 -1.25592,-1.2555798 l -11.41287,-0.02779 c -0.72,-0.00175 -1.22533,0.5077946 -1.22796,1.2277899 l -0.028,7.6724304 c -0.003,0.719994 0.50796,1.175707 1.22795,1.172209 l 11.44083,-0.05558 c 0.71999,-0.0035 1.19464,-0.507809 1.2,-1.227789 z" /> + <g + aria-label="+" + transform="scale(0.98484984,1.0153832)" + style="font-style:normal;font-weight:normal;font-size:9.51294327px;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:url(#radialGradient4841-0);fill-opacity:1;stroke:none;stroke-width:0.79274535px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4409"> + <path + d="m 194.95358,9.8484986 h -2.03077 v 1.9696994 h -1.01538 V 9.8484986 h -2.03077 V 8.8636487 h 2.03077 V 6.893949 h 1.01538 v 1.9696997 h 2.03077 z" + style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.55116463px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:url(#radialGradient9039);fill-opacity:1;stroke-width:0.79274535px" + id="path7725" /> + </g> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 467.25784,24.196945 c -0.36562,0 -0.73125,0.24375 -0.975,0.853125 l -2.4375,4.996876 -5.24062,0.853125 c -1.21875,0.24375 -1.4625,1.096875 -0.60938,1.95 l 3.77813,4.021875 -0.85313,5.60625 c -0.12181,0.73125 0.24375,1.21875 0.85313,1.21875 0.24375,0 0.4875,-0.121875 0.73125,-0.24375 l 4.75312,-2.559375 4.75313,2.559375 c 0.24375,0.121875 0.60937,0.24375 0.73125,0.24375 0.60937,0 0.975,-0.4875 0.85312,-1.340625 l -0.85312,-5.60625 3.77812,-4.021875 c 0.85313,-0.853125 0.4875,-1.70625 -0.60937,-1.95 l -5.24063,-0.853125 -2.4375,-4.996876 c -0.24375,-0.4875 -0.60937,-0.73125 -0.975,-0.73125 z" + id="path6182" + style="display:inline;fill:url(#radialGradient5031-1);fill-opacity:1;stroke-width:1.21875;filter:url(#filter5049)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 226.66131,15.091518 -0.0388,3.707848 c -0.007,0.673061 -0.5177,1.245488 -1.19079,1.24654 l -17.77799,0.02779 c -0.6731,0.0011 -1.2416,-0.573462 -1.24671,-1.24654 l -0.028,-3.688049 c -0.005,-0.673078 0.6302,-1.305219 1.30331,-1.305219 1.26531,-1.257631 1.03718,-3.269047 1.26531,-5.0305225 0.4278,-2.8226251 0.0953,-6.2244545 3.80878,-6.2479747 l 7.52682,-0.047673 c 3.73297,-0.023644 3.4173,3.4730226 3.84751,6.2956477 0.41438,2.7153765 0,3.7728915 1.26526,5.0305225 0.70548,0 1.26526,0.515815 1.26526,1.25763 z m -7.68106,-4.410561 h -1.82811 V 8.8528316 c 0,-0.8124995 -1.21875,-0.8124995 -1.21875,0 v 1.8281254 h -1.82814 c -0.8125,0 -0.8125,1.218749 0,1.218749 h 1.82814 v 1.828125 c 0,0.812501 1.21875,0.812501 1.21875,0 v -1.828125 h 1.82811 c 0.8125,0 0.8125,-1.218749 0,-1.218749 z" + id="path7318" + style="display:inline;fill:url(#radialGradient4813-2);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4825)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 269.02823,19.939154 c -0.975,0 -1.82813,-0.24375 -2.80313,-1.584375 -0.975,-1.340625 -2.07187,-3.046875 -2.07187,-3.046875 0,0 -0.85313,-1.096875 -1.34063,-1.95 -0.60937,-0.853125 -1.34062,-0.609375 -1.34062,-0.609375 0,0 -3.53438,-5.7281239 -4.14375,-6.581249 -0.73125,-1.21875 0.73125,-3.290625 0.73125,-3.290625 l 5.3625,8.531249 c 0,0 1.70625,2.315625 2.31562,2.803125 0.60938,0.4875 1.70625,-0.4875 3.4125,1.096875 2.31563,2.19375 1.58438,4.63125 -0.12181,4.63125 z m -0.36563,-3.534375 c -1.09687,-1.21875 -2.07187,-1.096875 -2.31562,-0.73125 -0.24375,0.365625 0,1.4625 0.4875,2.071875 0.4875,0.609375 0.975,0.853125 1.70625,0.853125 0.73125,0.121875 1.34062,-0.853125 0.1218,-2.19375 z m -4.63125,-5.728124 -1.4625,-2.19375 3.53438,-5.60625 c 0,0 1.4625,2.071875 0.73125,3.290625 -0.36563,0.4875001 -1.70625,2.803125 -2.80313,4.509375 z m -5.60625,3.534374 c 0.36563,-0.365625 1.21875,-1.340625 1.70625,-2.071875 l 0.975,1.4625 c -0.4875,0.73125 -1.09687,1.70625 -1.09687,1.70625 0,0 -1.09688,1.70625 -2.07188,3.046875 -0.85312,1.340625 -1.70625,1.584375 -2.80312,1.584375 -1.70625,0 -2.55938,-2.4375 -0.12181,-4.63125 1.70625,-1.4625 2.80312,-0.609375 3.4125,-1.096875 z m -2.925,2.19375 c -1.09687,1.21875 -0.4875,2.19375 0.24375,2.19375 0.73125,0 1.21875,-0.24375 1.70625,-0.853125 0.4875,-0.609375 0.73125,-1.828125 0.4875,-2.071875 -0.36562,-0.365625 -1.34062,-0.4875 -2.4375,0.73125 z" + id="path7886" + style="display:inline;fill:url(#radialGradient4861-6);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4873)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 292.45286,20.11787 h -7.56413 c -0.73125,0 -1.32549,-0.515308 -1.33058,-1.24654 l -0.028,-4.017519 v -3.16875 -2.9250003 c 0,-0.73125 0.4875,-1.21875 1.21875,-1.21875 l 6.44059,0.00442 2.53052,2.5152613 0.0354,8.810334 c 0.003,0.731244 -0.57138,1.24654 -1.30263,1.24654 z M 289.62394,8.7600607 v 2.4375003 h 2.4375 z m -7.3125,-0.6736655 0.0213,0.7169703 v 2.5152615 3.772891 l -5.06403,0.04019 c -0.73123,0.0058 -1.21672,-0.598663 -1.21875,-1.32991 l -0.028,-10.0556901 c -0.002,-0.7312471 0.4875,-1.21875 1.21875,-1.21875 h 6.09375 l 2.79402,2.5031129 v 1.81343 h -2.53052 c -0.67317,-0.017075 -1.31624,0.241688 -1.28654,1.2424914 z m 0.0213,-4.7304016 v 2.4596813 l 2.53052,-0.02779 z" + id="path8454" + style="display:inline;fill:url(#radialGradient4881-9);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4893)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 312.76384,20.20124 -10.1808,-0.02779 c -0.75126,-0.0021 -1.21143,-0.547743 -1.21303,-1.272325 l -0.028,-12.6083588 c -0.002,-0.9749978 0.29395,-1.2762443 1.26895,-1.2723257 l 2.49639,0.010033 c 0,0 0.0587,-2.5309032 2.49616,-2.5309032 2.4375,0 2.56487,2.5309032 2.56487,2.5309032 l 2.48359,0.017757 c 0.97497,0.00697 1.35938,0.3251372 1.35283,1.3001156 l -0.0839,12.4971989 c -0.005,0.808245 -0.51762,1.35744 -1.15713,1.355695 z m -1.86968,-13.8508896 -1.34061,-0.609375 c 0,0 0,-1.8281249 -1.95,-1.8281249 -1.95,0 -1.95,1.8281249 -1.95,1.8281249 l -1.34063,0.609375 -0.47079,1.1953846 h 7.59155 z m 0.53952,2.4530151 h -6.32629 l -2.53052,2.5152615 2.53052,5.030522 7.59155,-5.030522 z" + id="path9022" + style="display:inline;fill:url(#radialGradient4901-6);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4913)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="M 335.47361,15.091518 V 7.545735 l 3.79578,3.772892 z m -8.85681,1.257631 h 7.59155 l -3.79578,3.772892 z m 6.32629,-1.257631 h -5.06103 c -0.73124,-0.0041 -1.26114,-0.526392 -1.26526,-1.25763 V 8.8033655 c -0.004,-0.7312386 0.53401,-1.2576305 1.26526,-1.2576305 h 5.06103 c 0.73125,0 1.26526,0.5263804 1.26526,1.2576305 v 5.0305225 c 0,0.609375 -0.53402,1.261705 -1.26526,1.25763 z m 0,-3.772891 c 0,-0.73125 -0.53401,-1.257631 -1.26526,-1.257631 h -2.53052 c -0.73125,0 -1.26525,0.526381 -1.26525,1.257631 v 1.25763 c 0,0.73125 0.534,1.257631 1.26525,1.257631 h 2.53052 c 0.73125,0 1.26526,-0.526381 1.26526,-1.257631 z m -2.53052,-8.8034143 3.79578,3.7728917 h -7.59155 z m -5.06103,5.0305223 v 7.545783 l -3.79578,-3.772891 z" + id="path9590" + style="display:inline;fill:url(#radialGradient4921-8);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4933)" /> + <path + d="m 274,8 h 10 v 2 h -10 z" + id="path10158" + style="display:inline;fill:url(#radialGradient4941-9);fill-opacity:1;stroke-width:0.96615839" /> + <path + d="m 302,10 h -4 v 4 h -2 v -4 h -4 V 8 h 4 V 4 h 2 v 4 h 4 z" + id="path10726" + style="display:inline;fill:url(#radialGradient4949-5);fill-opacity:1;stroke-width:0.96615839" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 406.82037,12.583531 c -0.12181,0.73125 -0.24375,1.4625 -0.4875,2.071875 -0.4875,1.584375 -1.4625,3.046875 -3.04686,4.021874 0.4875,0.4875 1.58436,1.096875 1.58436,1.096875 0,0 -2.4375,0.365625 -4.99686,0.365625 l -0.12181,-0.121875 v 0.121875 c -1.21875,0 -2.4375,-0.365625 -3.65625,-0.73125 0.85311,-0.73125 1.4625,-1.584374 1.95,-2.559374 0.73125,-1.4625 0.73125,-3.65625 0.73125,-3.65625 0,0 1.09686,1.828125 1.70625,2.559375 1.4625,-0.73125 2.4375,-2.19375 2.55936,-3.65625 0.12181,-1.096875 -0.24375,-2.071875 -0.73125,-2.8031253 -0.4875,-0.8531251 -1.21875,-1.3406251 -2.07186,-1.7062501 0.24375,-0.4874999 0.60936,-1.0968749 0.975,-1.584375 0.4875,-0.73125 1.09686,-1.21875 1.58436,-1.4625 2.55939,1.340625 4.3875,4.5093751 4.02189,8.0437504 z m -8.53125,-2.4375 c 0,0 -1.34061,-1.8281254 -1.95,-2.4375004 -1.70625,0.853125 -2.68125,2.4375004 -2.68125,4.1437504 0.12181,1.828125 1.34064,3.290625 2.925,4.021875 -0.36561,0.609375 -0.73125,1.21875 -1.21875,1.70625 -0.4875,0.609375 -1.09686,0.974999 -1.4625,1.340624 -2.80311,-1.706249 -4.50936,-4.874999 -4.02186,-8.287499 0.1218,-0.8531253 0.36561,-1.7062504 0.60936,-2.4375004 0.4875,-1.3406249 1.34064,-2.4375 2.55939,-3.290625 0.1218,-0.121875 0.24375,-0.121875 0.36561,-0.24375 -0.4875,-0.4875 -1.95,-0.975 -1.95,-0.975 0,0 3.04689,-0.975 8.2875,-0.365625 -1.58436,2.315625 -1.4625,6.8250004 -1.4625,6.8250004 z" + id="path11294" + style="display:inline;fill:url(#radialGradient4957-2);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4969)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 429.73975,20.187746 -2.55504,0.05558 c -0.48738,0.0106 -0.61242,-0.769541 -0.61242,-1.378916 0,0 0.31966,-4.276424 -3.79578,-8.803414 -3.20233,-3.5225593 -8.85682,-3.7728916 -8.85682,-3.7728916 -0.60938,0 -1.26177,-0.171597 -1.25602,-0.6590635 l 0.028,-2.3732094 c 0.006,-0.4874666 0.61868,-0.7406188 1.22806,-0.7406188 0,0 7.05132,0.3003217 11.38734,5.0305223 3.72704,4.065871 5.06103,11.318675 5.06103,11.318675 0,0.4875 -0.0191,1.310083 -0.62831,1.323336 z M 413.91969,8.8033655 c 0,0 4.48239,0.7421569 7.0114,3.0905195 2.59016,2.40515 3.11068,6.970525 3.11068,6.970525 0,0.4875 -0.7448,1.278471 -1.23236,1.278471 h -1.35283 c -0.4875,0 -1.21059,-0.669096 -1.21059,-1.278471 0,0 0.4472,-2.304652 -1.91012,-4.45401 -1.78736,-1.629677 -4.41618,-1.834143 -4.41618,-1.834143 -0.60938,0 -1.23946,-0.793663 -1.22806,-1.281032 l 0.028,-1.195314 c 0.0114,-0.4873685 0.59073,-1.2965455 1.20011,-1.2965455 z m 1.20944,6.3426395 c 1.34062,0 2.54933,1.124665 2.54933,2.46529 0,1.340626 -1.09688,2.576451 -2.4375,2.576451 -1.34063,0 -2.54933,-1.208035 -2.54933,-2.548661 0,-1.340625 1.09687,-2.49308 2.4375,-2.49308 z" + id="path11862" + style="display:inline;fill:url(#radialGradient4977-4);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4989)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 448.08169,13.833888 v 2.515261 c 0,0.975 -0.41214,1.257631 -1.26525,1.257631 h -10.12208 c -0.85314,0 -1.26526,-0.282631 -1.26526,-1.257631 V 6.2881044 c 0,-0.9750001 0.41212,-1.2576306 1.26526,-1.2576306 h 10.12208 c 0.85311,0 1.26525,0.2826305 1.26525,1.2576306 v 2.5152611 l 5.06104,-2.5152611 V 16.349149 Z" + id="path12430" + style="display:inline;fill:url(#radialGradient4997-5);fill-opacity:1;stroke-width:1.21875;filter:url(#filter5009)" /> + <g + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline" + id="g4779"> + <path + id="bookmarks-star-4" + d="M 165.92886,2.5152127 V 20.122041 h 8.85681 1.26526 2.53052 c 1.26526,0 2.53052,-1.257631 2.53052,-2.515261 V 15.091518 7.545735 5.0304738 c 0,-1.2576306 -1.26526,-2.5152611 -2.53052,-2.5152611 h -2.53052 -1.26526 z m 7.59155,2.5152611 1.26526,2.5152612 c 0,0 0.39827,0.9972133 0.68613,1.1930622 0.26974,0.1834496 1.07417,0.064568 1.07417,0.064568 h 3.30074 l -2.53052,3.1379238 c 0,0 -0.38069,0.332603 -0.51773,0.634968 -0.20593,0.452534 -0.18971,0.518683 -0.12151,1.257631 0.10732,1.162403 0.63924,3.772892 0.63924,3.772892 l -2.53052,-1.257631 c 0,0 -0.77873,-0.42944 -1.26526,-0.430166 -0.5721,0 -1.26526,0.430166 -1.26526,0.430166 l -2.53051,1.257631 c 0,0 0.56012,-2.658345 0.73559,-3.772892 0.11606,-0.733074 0.10061,-0.753616 -0.15752,-1.257631 -0.13995,-0.274086 -0.57807,-0.782455 -0.57807,-0.782455 l -2.53052,-2.9904368 h 3.02161 c 0,0 0.91024,-0.099407 1.27135,-0.3263622 0.27408,-0.1711231 0.76807,-0.9312683 0.76807,-0.9312683 z" + style="fill:url(#radialGradient4710-4);fill-opacity:1;stroke-width:1.265625;filter:url(#filter4729)" /> + <path + id="bookmarks-overlay-1" + d="m 163.39834,2.5152127 c -1.26526,0 -2.53052,1.2576305 -2.53052,2.5152611 v 2.5152612 7.545783 2.515262 c 0,1.25763 1.26526,2.515261 2.53052,2.515261 h 2.91839 l 0.0559,-4.840061 V 7.6882296 l 0.028,-5.1730169 z" + style="fill:url(#radialGradient4712-2);fill-opacity:1;stroke:none;stroke-width:1.265625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter4774)" /> + <path + id="bookmarks-divider-7" + d="M 165.92886,2.5152127 V 20.122041" + style="opacity:0.66300001;fill:url(#radialGradient4714-4);fill-opacity:1;stroke:url(#radialGradient4750-3);stroke-width:1.2614392;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4709-1-2);fill-opacity:1;stroke-width:1;filter:url(#filter4844)" + id="path4214-3" + d="m 133.03211,35.213608 -6.32629,6.288153 c -0.24,0.36 -0.8202,0.518975 -1.3002,0.518975 -0.48,0 -0.87032,-0.158975 -1.23032,-0.518975 l -6.3263,-6.288153 c -0.6,-0.72 -0.96335,-1.29465 -0.003,-1.287183 l 3.79916,0.02955 -0.0908,-7.535242 c -0.009,-0.719949 0.67572,-1.307177 1.39571,-1.31116 l 5.02367,-0.02779 c 0.71999,-0.004 1.25401,0.619416 1.22796,1.33895 l 0.035,7.535242 3.80499,-0.02955 c 0.95998,-0.0075 0.71078,0.567183 -0.009,1.287183 z" /> + </g> +</svg> diff --git a/themes/windows/Toolbar-inverted.png b/themes/windows/Toolbar-inverted.png Binary files differnew file mode 100644 index 0000000..54d83bf --- /dev/null +++ b/themes/windows/Toolbar-inverted.png diff --git a/themes/windows/Toolbar-inverted.svg b/themes/windows/Toolbar-inverted.svg new file mode 100644 index 0000000..ce59313 --- /dev/null +++ b/themes/windows/Toolbar-inverted.svg @@ -0,0 +1,302 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + enable-background="new 0 0 378 38" + viewBox="0 0 378 38" + height="38" + width="378" + y="0px" + x="0px" + id="strataToolbarSVG" + version="1.1"> + <metadata + id="metadata146"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs144"> + <filter + id="filter1070" + style="color-interpolation-filters:sRGB;"> + <feFlood + id="feFlood1060" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="0.498039" /> + <feComposite + id="feComposite1062" + result="composite1" + operator="in" + in2="SourceGraphic" + in="flood" /> + <feGaussianBlur + id="feGaussianBlur1064" + result="blur" + stdDeviation="0.5" + in="composite1" /> + <feOffset + id="feOffset1066" + result="offset" + dy="0" + dx="0" /> + <feComposite + id="feComposite1068" + result="fbSourceGraphic" + operator="over" + in2="offset" + in="SourceGraphic" /> + <feColorMatrix + id="feColorMatrix1072" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + in="fbSourceGraphic" + result="fbSourceGraphicAlpha" /> + <feFlood + in="fbSourceGraphic" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="0.498039" + id="feFlood1074" /> + <feComposite + result="composite1" + operator="in" + in="flood" + id="feComposite1076" + in2="fbSourceGraphic" /> + <feGaussianBlur + result="blur" + stdDeviation="0.5" + in="composite1" + id="feGaussianBlur1078" /> + <feOffset + result="offset" + dy="0" + dx="0" + id="feOffset1080" /> + <feComposite + result="fbSourceGraphic" + operator="over" + in="fbSourceGraphic" + id="feComposite1082" + in2="offset" /> + <feColorMatrix + id="feColorMatrix1084" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + in="fbSourceGraphic" + result="fbSourceGraphicAlpha" /> + <feFlood + in="fbSourceGraphic" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="0.498039" + id="feFlood1086" /> + <feComposite + result="composite1" + operator="in" + in="flood" + id="feComposite1088" + in2="fbSourceGraphic" /> + <feGaussianBlur + result="blur" + stdDeviation="0.5" + in="composite1" + id="feGaussianBlur1090" /> + <feOffset + result="offset" + dy="0" + dx="0" + id="feOffset1092" /> + <feComposite + result="fbSourceGraphic" + operator="over" + in="fbSourceGraphic" + id="feComposite1094" + in2="offset" /> + <feColorMatrix + id="feColorMatrix1096" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + in="fbSourceGraphic" + result="fbSourceGraphicAlpha" /> + <feFlood + in="fbSourceGraphic" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="0.498039" + id="feFlood1098" /> + <feComposite + result="composite1" + operator="in" + in="flood" + id="feComposite1100" + in2="fbSourceGraphic" /> + <feGaussianBlur + result="blur" + stdDeviation="0.5" + in="composite1" + id="feGaussianBlur1102" /> + <feOffset + result="offset" + dy="0" + dx="0" + id="feOffset1104" /> + <feComposite + result="fbSourceGraphic" + operator="over" + in="fbSourceGraphic" + id="feComposite1106" + in2="offset" /> + <feColorMatrix + id="feColorMatrix1108" + values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0" + in="fbSourceGraphic" + result="fbSourceGraphicAlpha" /> + <feFlood + in="fbSourceGraphic" + result="flood" + flood-color="rgb(0,0,0)" + flood-opacity="0.498039" + id="feFlood1110" /> + <feComposite + result="composite1" + operator="in" + in="flood" + id="feComposite1112" + in2="fbSourceGraphic" /> + <feGaussianBlur + result="blur" + stdDeviation="0.5" + in="composite1" + id="feGaussianBlur1114" /> + <feOffset + result="offset" + dy="0" + dx="0" + id="feOffset1116" /> + <feComposite + result="composite2" + operator="over" + in="fbSourceGraphic" + id="feComposite1118" + in2="offset" /> + </filter> + </defs> + <g + style="fill:#ffffff;filter:url(#filter1070)" + id="toolbar"> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 14.7,10.7 C 14.464283,10.935746 14.000125,11 14.000125,11 H 9 l 2.132,2.085573 c 0.519423,0.508112 0.595,1.2729 0.198,1.6979 l -0.793,0.9549 c -0.396,0.424 -1.091,0.318 -1.587,-0.212 L 3.595,9.690773 3,8.946873 l 0.595,-0.743 5.256,-5.7295 c 0.496,-0.531 1.19,-0.637 1.587,-0.212 l 0.794,0.9549 c 0.396,0.425 0.297,1.1669 -0.198,1.6979 L 9,7 h 4.999875 c 0,0 0.464437,0.064342 0.700125,0.3 0.235717,0.2356875 0.299875,0.7 0.299875,0.7 l 2.5e-4,2 c 0,0 -0.06444,0.464283 -0.300125,0.7 z" + id="back" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="back-large" + d="m 16.441631,29.733331 c -0.275,0.275034 -0.816512,0.349996 -0.816512,0.349996 H 8.999927 l 2.487308,2.516543 c 0.595913,0.602917 0.694159,1.485034 0.230997,1.980862 l -0.925157,1.114039 C 10.33108,36.189432 9.5202547,36.065767 8.9415947,35.44744 L 2.6941594,28.639311 2,27.771437 2.6941594,26.904612 8.8260957,20.220265 c 0.57866,-0.619493 1.3883193,-0.743159 1.8514803,-0.24733 l 0.926324,1.114038 c 0.461995,0.495828 0.346497,1.361369 -0.230997,1.980863 l -2.37283,2.348836 h 6.6249 c 0,0 0.541837,0.07506 0.816804,0.349997 0.275,0.274966 0.34985,0.816658 0.34985,0.816658 l 1.46e-4,2.333346 c 0,0 -0.07518,0.541658 -0.350142,0.816658 z" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="forward" + d="m 21.30025,10.7 c 0.235717,0.235746 0.699875,0.3 0.699875,0.3 h 5.000125 l -2.132,2.085573 c -0.519423,0.508112 -0.595,1.2729 -0.198,1.6979 l 0.793,0.9549 c 0.396,0.424 1.091,0.318 1.587,-0.212 l 5.355,-5.8356 0.595,-0.7439 -0.595,-0.743 -5.256,-5.7295 c -0.496,-0.531 -1.19,-0.637 -1.587,-0.212 l -0.794,0.9549 c -0.396,0.425 -0.297,1.1669 0.198,1.6979 L 27.00025,7 h -4.999875 c 0,0 -0.464437,0.064342 -0.700125,0.3 C 21.064533,7.5356875 21.000375,8 21.000375,8 l -2.5e-4,2 c 0,0 0.06444,0.464283 0.300125,0.7 z" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 51.5,4.64955 47.233834,8.949625 51.5,13.248616 49.366916,15.398166 45,11.201008 40.733834,15.5 38.60075,13.35045 42.866916,8.9485416 38.5,4.64955 40.633084,2.5 45,6.800075 49.266166,2.5 Z" + id="stop" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 69,9 H 62 L 64.8,6.2 C 64.1,5.7 63.4,5.5 62.5,5.5 c -2.2,0 -4,1.8 -4,4 0,2.2 1.8,4 4,4 1.399,0 2.7,-0.7 3.399,-1.9 l 2.301,1 C 67.099,14.6 65,16 62.5,16 58.899,16 56,13.1 56,9.5 56,5.9 58.899,3 62.5,3 64,3 65.399,3.5 66.6,4.4 L 69,2 Z" + id="reload" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 76,9 h -3 l 8,-7 8,7 h -3 v 6.5 H 82 V 12 h -2 v 3.5 h -4 z" + id="home" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 91.5,9 h 4.453 V 2 h 6.093 V 9 H 106.5 L 99,16 Z" + id="download" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 117,2 c -3.866,0 -7,3.134 -7,7 0,3.866 3.134,7 7,7 3.866,0 7,-3.134 7,-7 0,-3.866 -3.134,-7 -7,-7 z m 0,2 c 2.761,0 5,2.238 5,5 0,2.762 -2.239,5 -5,5 -2.762,0 -5,-2.238 -5,-5 0,-2.762 2.239,-5 5,-5 z m -0.7,1.2 C 116.0643,5.4357023 116,6 116,6 v 4 l 4,2 -2,-3 V 6 C 118,6 117.9357,5.4357023 117.7,5.2 117.4643,4.9642977 117,5 117,5 c 0,0 -0.4643,-0.035702 -0.7,0.2 z" + id="history" /> + <g + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="bookmarks"> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 131,2 v 14 h 7.44922 0.55078 1.94922 c 0.99175,-0.258441 1.76717,-1.038297 2,-2 V 12 6 4 c -0.23283,-0.9617034 -1.00825,-1.7415586 -2,-2 h -1.63672 -0.86328 z m 6.11523,2.4160156 1.05469,1.7714844 c 0,0 0.29209,0.4878333 0.51953,0.6425781 0.21313,0.1449479 0.73828,0.2285157 0.73828,0.2285157 h 2.15625 l -1.49804,2.4335937 c 0,0 -0.21789,0.4778906 -0.32617,0.7167965 -0.16271,0.357558 0.005,0.982547 0.0586,1.566407 0.0848,0.918442 0.15039,1.80664 0.15039,1.80664 l -1.75,-0.894531 c 0,0 -0.71714,-0.337318 -1.10156,-0.337891 -0.45203,0 -1.29883,0.392579 -1.29883,0.392579 l -1.75391,0.841796 c 0,0 0.12894,-0.80101 0.26758,-1.68164 0.0917,-0.579219 0.34458,-1.238485 0.14063,-1.636719 -0.11058,-0.216562 -0.33204,-0.6484375 -0.33204,-0.6484375 l -1.7246,-2.5019531 h 2.14257 c 0,0 0.69711,-0.049193 0.98243,-0.2285156 0.21656,-0.1352084 0.48242,-0.5957032 0.48242,-0.5957032 z" + id="bookmarks-star" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 129,2 c -0.99175,0.2584414 -1.76717,1.0382967 -2,2 v 2 6 2 c 0.23283,0.961703 1.00825,1.741559 2,2 h 2.5 V 12 6 2 Z" + id="bookmarks-overlay" /> + <path + style="stroke:#000000;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 131.49914,2 V 16" + id="bookmarks-divider" /> + </g> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 160,14 h -2 l 1,2 h -12 l 1,-2 h -2 c -0.601,0 -1,-0.4 -1,-1 V 8 c 0,-0.6 0.70113,-0.635443 1,-1 0.38098,-0.4647208 0.61902,-1.0352792 1,-1.5 0.29887,-0.364557 0.399,-1 1,-1 V 3 c 0,-0.6 0.399,-1 1,-1 h 8 c 0.6,0 1,0.4 1,1 v 1.5 c 0.6,0 0.70113,0.635443 1,1 0.38098,0.4647208 0.61902,1.0352792 1,1.5 0.29887,0.364557 1,0.4 1,1 v 5 c 0,0.6 -0.4,1 -1,1 z M 148.5,9 h -0.5 -0.5 c -0.3,0 -0.5,0.2 -0.5,0.5 0,0.3 0.2,0.5 0.5,0.5 h 1 C 148.8,10 149,9.8 149,9.5 149,9.2 148.8,9 148.5,9 Z M 157,4 c 0,-0.6 -0.4,-1 -1,-1 h -6 c -0.601,0 -1,0.4 -1,1 v 3 c 0,0.6 0.399,1 1,1 h 6 c 0.6,0 1,-0.4 1,-1 z m -0.9,9 h -6.2 l -0.899,2 h 8 z" + id="print" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="newtab" + d="m 170.93359,2 -4.01562,0.00195 c 0,0.00178 -0.87681,0.216686 -0.87695,1.4980469 v 2.8164062 c 0,0 -0.0732,0.3643751 -0.19922,0.484375 C 165.69982,6.9357812 165.29102,7 165.29102,7 c 0,0 -0.53242,-0.057 -0.7754,0 -0.36297,0.086 -0.73599,0.236 -1,0.5 -0.26399,0.264 -0.41502,0.637 -0.5,1 -0.038,0.162 0,0.5 0,0.5 v 5.537109 c 0,0 0.24003,0.710891 0.5,0.962891 0.27398,0.267 1.03516,0.5 1.03516,0.5 h 13.0957 c 0,0 0.60287,-0.276 0.83985,-0.5 0.21699,-0.205 0.49023,-0.742188 0.49023,-0.742188 V 9 c 0.026,-0.322 0.038,-0.338 0,-0.5 -0.086,-0.363 -0.22624,-0.736 -0.49023,-1 -0.26398,-0.264 -0.63802,-0.415 -1,-0.5 -0.22799,-0.054 -0.69922,0 -0.69922,0 0,0 -0.44657,-0.056219 -0.60156,-0.1992188 -0.12799,-0.1189999 -0.19922,-0.484375 -0.19922,-0.484375 L 175.98828,3.5 C 175.98843,2.1047456 174.9707,2 174.9707,2 Z m -0.79101,5 h 1.71484 V 9.1425781 H 174 v 1.7148439 h -2.14258 V 13 h -1.71484 V 10.857422 H 168 V 9.1425781 h 2.14258 z" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="newwindow" + d="M 182.4375,2 C 181.52354,2.2781435 181.28553,2.8114358 181,3.6875 V 14.125 c 0.21642,1.330001 0.75257,1.636052 2.0625,1.875 H 195 c 1.30474,-0.204204 1.70477,-0.57308 2,-1.875 V 4 C 196.8019,2.7723315 196.4998,2.3703399 195.3125,2 Z M 190,3 h 1 v 1 h -1 z m 2,0 h 1 v 1 h -1 z m 2,0 h 2 v 1 h -2 z m -11,3 h 12 v 8 h -12 z m 5.14258,1 V 9.1425781 H 186 v 1.7148439 h 2.14258 V 13 h 1.71484 V 10.857422 H 192 V 9.1425781 h -2.14258 V 7 Z" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 212.70159,16 c -0.79707,0 -1.49513,-0.2 -2.2922,-1.3 -0.79807,-1.1 -1.69515,-2.5 -1.69515,-2.5 0,0 -0.69706,-0.9 -1.09709,-1.6 -0.49805,-0.7 -1.0971,-0.5 -1.0971,-0.5 0,0 -2.89125,-4.7 -3.3903,-5.4 -0.59805,-1 0.59906,-2.7 0.59906,-2.7 l 4.38738,7 c 0,0 1.39612,1.9 1.89417,2.3 0.49904,0.4 1.39612,-0.4 2.79224,0.9 1.89417,1.8 1.29611,3.8 -0.10101,3.8 z m -0.29802,-2.9 c -0.89708,-1 -1.69415,-0.9 -1.89417,-0.6 -0.20002,0.3 0,1.2 0.39804,1.7 0.39803,0.5 0.79806,0.7 1.39612,0.7 0.59905,0.1 1.09709,-0.7 0.10001,-1.8 z m -3.78934,-4.7 -1.1961,-1.8 2.89125,-4.6 c 0,0 1.19611,1.7 0.59906,2.7 -0.29903,0.4 -1.39613,2.3 -2.29421,3.7 z m -4.5854,2.899 c 0.29903,-0.3 0.99709,-1.1 1.39613,-1.7 l 0.79806,1.2 c -0.39803,0.6 -0.89707,1.4 -0.89707,1.4 0,0 -0.89608,1.4 -1.69415,2.5 -0.69806,1.1 -1.39612,1.3 -2.2932,1.3 -1.39613,0 -2.09419,-2 -0.10001,-3.8 1.39412,-1.199 2.2912,-0.499 2.79024,-0.9 z m -2.39321,1.801 c -0.89708,1 -0.39803,1.8 0.19902,1.8 0.59905,0 0.99709,-0.2 1.39612,-0.7 0.39804,-0.5 0.59806,-1.5 0.39804,-1.7 -0.29803,-0.3 -1.0961,-0.4 -1.99318,0.6 z" + id="cut" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 231,16 h -6 c -0.601,0 -1,-0.4 -1,-1 V 12 9.4 7 c 0,-0.6 0.399,-1 1,-1 0,0 3.2,0 5,0 l 2,2 c 0,2.2 0,7 0,7 0,0.6 -0.4,1 -1,1 z m -2,-9 v 2 h 2 z M 223,5.9 V 7 8.9 12 h -4 c -0.601,0 -1,-0.4 -1,-1 V 3 c 0,-0.6 0.399,-1 1,-1 0,0 3.2,0 5,0 l 2,2 c 0,0.4 0,0.8 0,1.3 h -2.5 C 223.2,5.4 223,5.6 223,5.9 Z M 223,3 v 2 h 2 z" + id="copy" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 246.8507,16 h -7.7014 C 238.26914,16 237.5,15.3 237.5,14.5 v -9 c 0,-0.8 0.77014,-1.5 1.6493,-1.5 h 1.6503 c 0,0 0,-2 2.2004,-2 2.2004,0 2.2004,2 2.2004,2 h 1.6493 c 0.88016,0 1.6503,0.7 1.6503,1.5 v 9 c 0.001,0.799 -0.76914,1.5 -1.6493,1.5 z M 245.97054,5 244.76032,4.5 c 0,0 0,-1.5 -1.76032,-1.5 -1.76032,0 -1.76032,1.5 -1.76032,1.5 l -1.21122,0.5 -0.5501,1 h 2.7505 3.52164 0.88016 z m 0.11002,1.7 h -5.17094 l -3.3016,1.7 3.08056,4.9 7.26232,-3.8 z" + id="paste" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="M 265,12 V 6 l 3,3 z m -7,1 h 6 l -3,3 z m 0,-1 V 6 h 6 v 6 z m 5,-4 h -4 v 3 h 4 z m -2,-6 3,3 h -6 z m -4,4 v 6 l -3,-3 z" + id="fullscreen" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 274,8 h 10 v 2 h -10 z" + id="minus" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 302,10 h -4 v 4 h -2 v -4 h -4 V 8 h 4 V 4 h 2 v 4 h 4 z" + id="plus" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 321.96164,9.3589991 c -0.0996,0.5880529 -0.19907,1.1749739 -0.39904,1.6649929 -0.39904,1.272996 -2.49721,3.230982 -2.49721,3.230982 l 1.23012,1.745023 -4.92726,6e-6 V 9.849 c 0,0 0.89889,1.46799 1.39795,2.05599 1.19912,-0.588025 1.99814,-1.762997 2.09818,-2.9380158 0.10109,-0.8810027 -0.19905,-1.6639894 -0.59902,-2.2510039 -0.18813,-0.3229439 -0.42109,-0.5799624 -0.68685,-0.7931908 -0.30005,-0.23897 -1.01208,-0.5779774 -1.01208,-0.5779774 l 0.0174,-3.3306603 c 1.03186,0.2680556 1.4999,0.3864246 2.85781,1.3686643 1.67715,1.2509803 2.78224,3.5019854 2.52022,5.9759989 z m -6.99262,-1.9580198 c 0,0 -1.09884,-1.4681946 -1.59912,-1.9580122 -1.39809,0.6859994 -2.19718,1.957993 -2.19714,3.3290059 0.39151,1.955025 1.15486,2.878079 2.87049,3.728027 V 16 c -1.14823,-0.14515 -2.89657,-1.144129 -3.76062,-2.017966 -1.64214,-1.695027 -2.56324,-3.735 -2.20626,-6.1889776 0.1,-0.6850241 0.30006,-1.3699914 0.49903,-1.9580159 0.40011,-1.0769929 1.10011,-1.957978 2.09921,-2.6429982 0.0997,-0.098323 0.199,-0.098023 0.29929,-0.1955973 -0.39905,-0.3919885 -1.2861,-0.9964444 -1.2861,-0.9964444 l 5.35545,-1.3e-6 z" + id="sync" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 339.29905,15.9 h -1.49989 c -0.39997,0 -0.79995,-0.3 -0.79995,-0.8 0,0 0.29998,-3.6 -3.19977,-7.2 -2.49982,-3 -6.9995,-3.2 -6.9995,-3.2 C 326.29998,4.7 326,4.4 326,4 V 2.6 c 0,-0.4 0.29998,-0.7 0.79994,-0.7 0,0 6.29955,0.4 9.59932,4.5 3.29976,3.1 3.60074,8.8 3.60074,8.8 -10e-4,0.4 -0.20099,0.7 -0.70095,0.7 z m -12.49911,-9 c 0,0 3.69974,0.5 5.79959,2.4 2.09985,2 2.49982,5.9 2.49982,5.9 0,0.4 -0.1,0.8 -0.49996,0.8 h -1.4999 c -0.39997,0 -0.59995,-0.3 -0.59995,-0.8 0,0 0.1,-2.4 -1.80088,-4.2 C 329.19877,9.7 326.79994,9.6 326.79994,9.6 326.29998,9.6 326,9.3 326,8.9 V 7.6 c 0,-0.4 0.29998,-0.7 0.79994,-0.7 z m 1.19992,5 c 1.09992,0 1.99985,0.9 1.99985,2 0,1.1 -0.89993,2 -1.99985,2 C 326.89894,15.9 326,15 326,13.9 c 0,-1.1 0.89994,-2 1.99986,-2 z" + id="rss" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + d="m 344.5,5 c 0,0 0.0643,-0.4642977 0.3,-0.7 0.2357,-0.2357023 0.7,-0.3 0.7,-0.3 h 7.5 c 0,0 0.4643,0.064298 0.7,0.3 0.2357,0.2357023 0.3,0.7 0.3,0.7 v 2 l 4.0245,-3 -0.049,10 L 354,11 v 2 c 0,0 -0.0643,0.464298 -0.3,0.7 -0.2357,0.235702 -0.7,0.3 -0.7,0.3 h -7.5 c 0,0 -0.4643,-0.0643 -0.7,-0.3 -0.2357,-0.235702 -0.3,-0.7 -0.3,-0.7 z" + id="webrtc" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="bookmark-none" + d="m 369.20312,1 -1.9082,3.2734375 c 0,0 -0.46184,0.8030625 -0.83984,1.0390625 -0.498,0.313 -1.71875,0.3984375 -1.71875,0.3984375 H 361 l 3.00781,4.3652345 c 0,0 0.38708,0.754812 0.58008,1.132812 0.356,0.6951 -0.0841,1.844469 -0.24414,2.855469 -0.242,1.5371 -0.4668,2.935547 -0.4668,2.935547 l 3.06055,-1.466797 c 0,0 1.47663,-0.685547 2.26562,-0.685547 0.671,10e-4 1.92579,0.587891 1.92579,0.587891 l 3.05273,1.5625 c 0,0 -0.11177,-1.549244 -0.25976,-3.152344 -0.093,-1.0191 -0.38752,-2.112228 -0.10352,-2.736328 0.189,-0.417 0.56836,-1.2519531 0.56836,-1.2519531 L 377,5.6113281 h -3.76172 c 0,0 -0.91706,-0.1454375 -1.28906,-0.3984375 -0.397,-0.2701 -0.90625,-1.1210937 -0.90625,-1.1210937 z m -0.0762,3 1.15039,1.9316406 c 0,0 0.31633,0.5323647 0.56446,0.7011719 0.23249,0.1581201 0.80664,0.25 0.80664,0.25 H 374 l -1.63281,2.6542969 c 0,0 -0.23929,0.5206326 -0.35742,0.7812496 -0.17749,0.39005 0.008,1.074021 0.0664,1.710938 C 372.16866,13.031203 372.23828,14 372.23828,14 l -1.9082,-0.978516 c 0,0 -0.78376,-0.366562 -1.20313,-0.367187 -0.4931,0 -1.41601,0.429687 -1.41601,0.429687 L 365.79883,14 c 0,0 0.13977,-0.873327 0.29101,-1.833984 0.1,-0.631855 0.37484,-1.350734 0.15235,-1.785157 -0.12063,-0.236243 -0.36133,-0.708984 -0.36133,-0.708984 L 364,6.9453125 h 2.33594 c 0,0 0.76298,-0.054381 1.07422,-0.25 0.23624,-0.1474953 0.52343,-0.6484375 0.52343,-0.6484375 z" /> + <path + style="stroke:none;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" + id="bookmark-added" + d="m 369.202,19 -1.908,3.2732 c 0,0 -0.461,0.8031 -0.839,1.0391 -0.498,0.313 -1.718,0.399 -1.718,0.399 H 361 l 3.008,4.3643 c 0,0 0.387,0.755 0.58,1.133 0.356,0.6951 -0.084,1.8452 -0.244,2.8562 C 364.102,33.6019 363.877,35 363.877,35 l 3.06,-1.4671 c 0,0 1.477,-0.686 2.266,-0.686 0.671,0.001 1.925,0.588 1.925,0.588 l 3.053,1.5641 c 0,0 -0.112,-1.5501 -0.26,-3.1532 -0.093,-1.0191 -0.388,-2.1121 -0.104,-2.7362 0.189,-0.417 0.57,-1.252 0.57,-1.252 L 377,23.6123 h -3.763 c 0,0 -0.917,-0.146 -1.289,-0.399 -0.397,-0.2701 -0.906,-1.1221 -0.906,-1.1221 z" /> + </g> +</svg> diff --git a/themes/windows/Toolbar.png b/themes/windows/Toolbar.png Binary files differnew file mode 100644 index 0000000..8ec756e --- /dev/null +++ b/themes/windows/Toolbar.png diff --git a/themes/windows/Toolbar.svg b/themes/windows/Toolbar.svg new file mode 100644 index 0000000..7a68c06 --- /dev/null +++ b/themes/windows/Toolbar.svg @@ -0,0 +1,1356 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + version="1.1" + id="PaleMoonToolbarSVG" + x="0px" + y="0px" + width="378" + height="38" + viewBox="0 0 378 38" + enable-background="new 0 0 378 38"> + <metadata + id="metadata146"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <defs + id="defs144"> + <radialGradient + id="globalGradient" + cy="0.69999999"> + <stop + offset="0.05" + id="stop4" + style="stop-color:#87939b;stop-opacity:1" /> + <stop + offset="1" + id="stop6" + style="stop-color:#45555f;stop-opacity:1" /> + </radialGradient> + <filter + id="insetShadow"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood1875" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite1877" /> + <feGaussianBlur + in="composite1" + stdDeviation="2" + result="blur" + id="feGaussianBlur1879" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset1881" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite1883" /> + </filter> + <filter + style="color-interpolation-filters:sRGB;" + id="filter2164"> + <feFlood + flood-opacity="1" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood2154" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite2156" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur2158" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset2160" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite2162" /> + </filter> + <radialGradient + gradientUnits="userSpaceOnUse" + r="7.2456884" + fy="12.21416" + fx="95.643087" + cx="95.643087" + gradientTransform="matrix(1.0350983,0,0,0.96609178,0,18)" + id="globalGradient-8" + cy="12.21416"> + <stop + offset="0.05" + id="stop4-5" + style="stop-color:#12d92d;stop-opacity:1" /> + <stop + offset="1" + id="stop6-5" + style="stop-color:#01b222;stop-opacity:1" /> + </radialGradient> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4669" + cx="10.529827" + cy="14.778796" + fx="10.529827" + fy="14.778796" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1087088,0,-1.2351844)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4635"> + <stop + style="stop-color:#6198cb;stop-opacity:1" + offset="0" + id="stop4631" /> + <stop + style="stop-color:#3a78b2;stop-opacity:1" + offset="1" + id="stop4633" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4701"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4691" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4693" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4695" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4697" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4699" /> + </filter> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4637" + cx="11.063469" + cy="38.79744" + fx="11.063469" + fy="38.79744" + r="8.7600002" + gradientTransform="matrix(1,0,0,1.0853313,0,-3.029369)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4661"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4651" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4653" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4655" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4657" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4659" /> + </filter> + <radialGradient + xlink:href="#linearGradient4635" + id="radialGradient4677" + cx="34.841751" + cy="14.552581" + fx="34.841751" + fy="14.552581" + r="7.1399999" + gradientTransform="matrix(1,0,0,1.1003056,0,-1.1335797)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4689"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4679" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4681" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4683" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4685" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4687" /> + </filter> + <radialGradient + xlink:href="#linearGradient4603" + id="radialGradient4605" + cx="58.062626" + cy="12.761739" + fx="58.062626" + fy="12.761739" + r="7.6799994" + gradientTransform="matrix(1,0,0,0.99218759,0,0.09141507)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4603"> + <stop + style="stop-color:#e72b1d;stop-opacity:1" + offset="0" + id="stop4599" /> + <stop + style="stop-color:#cc4338;stop-opacity:1" + offset="1" + id="stop4601" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4629"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4619" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4621" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4623" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4625" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4627" /> + </filter> + <radialGradient + xlink:href="#linearGradient4523-3" + id="radialGradient4525" + cx="79.305222" + cy="13.939252" + fx="79.305222" + fy="13.939252" + r="7.8000002" + gradientTransform="matrix(1,0,0,1.0769231,0,-0.86932835)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4523-3"> + <stop + style="stop-color:#4fb55d;stop-opacity:1" + offset="0" + id="stop4519" /> + <stop + style="stop-color:#2d8539;stop-opacity:1" + offset="1" + id="stop4521" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4597"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4587" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4589" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4591" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4593" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4595" /> + </filter> + <radialGradient + xlink:href="#linearGradient4527" + id="radialGradient4529" + cx="103.23091" + cy="12.664675" + fx="103.23091" + fy="12.664675" + r="9.5995998" + gradientTransform="matrix(1,0,0,0.87507716,0,1.3868386)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4527"> + <stop + style="stop-color:#3f6bbd;stop-opacity:1" + offset="0" + id="stop4523" /> + <stop + style="stop-color:#29467b;stop-opacity:1" + offset="1" + id="stop4525" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4783"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4773" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4775" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4777" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4779" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4781" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4709" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0,-0.03620244)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4707"> + <stop + style="stop-color:#8c9ba5;stop-opacity:1" + offset="0" + id="stop4703" /> + <stop + style="stop-color:#607480;stop-opacity:1" + offset="1" + id="stop4705" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4721"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4711" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4713" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4715" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4717" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4719" /> + </filter> + <radialGradient + xlink:href="#linearGradient4727" + id="radialGradient4729" + cx="149.26262" + cy="12.784631" + fx="149.26262" + fy="12.784631" + r="8.6400051" + gradientTransform="matrix(1,0,0,0.993055,0,0.07848724)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4727"> + <stop + style="stop-color:#3eb796;stop-opacity:1" + offset="0" + id="stop4723" /> + <stop + style="stop-color:#31a886;stop-opacity:1" + offset="1" + id="stop4725" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4741"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4731" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4733" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4735" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4737" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4739" /> + </filter> + <radialGradient + xlink:href="#linearGradient5023" + id="radialGradient5017" + cx="466.94476" + cy="12.037849" + fx="466.94476" + fy="12.037849" + r="9.6007004" + gradientTransform="matrix(0.79035186,0,0,0.79508811,-0.14216924,6.9389816e-4)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient5023"> + <stop + id="stop5019" + offset="0" + style="stop-color:#c6cdd2;stop-opacity:1" /> + <stop + id="stop5021" + offset="1" + style="stop-color:#9cabb4;stop-opacity:1" /> + </linearGradient> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4793" + cx="194.44176" + cy="13.746766" + fx="194.44176" + fy="13.746766" + r="9.5999947" + gradientTransform="matrix(1,0,0,0.87500048,0,1.3876528)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4805"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4795" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4797" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4799" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4801" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4803" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4833" + cx="239.2" + cy="11.101265" + fx="239.2" + fy="11.101265" + r="9.6000004" + gradientTransform="matrix(1,0,0,0.87500002,0,1.3876579)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4853"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4843" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4845" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4847" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4849" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4851" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4841" + cx="242.26164" + cy="12.423289" + fx="242.26164" + fy="12.423289" + r="3.5288758" + gradientTransform="matrix(0.79274531,0,0,0.78327977,-0.14435628,0.11758726)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4858" + cx="242.0894" + cy="12.418613" + fx="242.0894" + fy="12.418613" + r="3.5288758" + gradientTransform="matrix(1,0,0,0.9880597,0,0.14828194)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient5031" + cx="466.39926" + cy="31.105829" + fx="466.39926" + fy="31.105829" + r="9.7507105" + gradientTransform="matrix(1,0,0,0.99992718,0,0.00247197)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient5037"> + <stop + id="stop5033" + offset="0" + style="stop-color:#e8e1a1;stop-opacity:1" /> + <stop + id="stop5035" + offset="1" + style="stop-color:#baad3e;stop-opacity:1" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter5049"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood5039" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5041" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5043" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset5045" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite5047" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4813" + cx="217.95329" + cy="16.56296" + fx="217.95329" + fy="16.56296" + r="10.35937" + gradientTransform="matrix(1,0,0,0.8160434,0,2.0506693)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4825"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4815" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4817" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4819" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4821" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4823" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4861" + cx="262.79288" + cy="15.840806" + fx="262.79288" + fy="15.840806" + r="8.5577164" + gradientTransform="matrix(1,0,0,0.9969072,0,0.03528241)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4873"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4863" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4865" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4867" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4869" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4871" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4881" + cx="286.58698" + cy="14.171478" + fx="286.58698" + fy="14.171478" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4893"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4883" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4885" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4887" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4889" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4891" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4901" + cx="308.97141" + cy="14.457072" + fx="308.97141" + fy="14.457072" + r="6.09375" + gradientTransform="matrix(1,0,0,1.4,0,-4.4901397)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4913"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4903" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4905" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4907" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4909" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4911" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4921" + cx="331.15933" + cy="13.119289" + fx="331.15933" + fy="13.119289" + r="8.53125" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4933"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4923" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4925" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4927" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4929" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4931" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4941" + cx="353.15076" + cy="11.316628" + fx="353.15076" + fy="11.316628" + r="6.09375" + gradientTransform="matrix(0.79035186,0,0,0.15902921,-0.14216924,7.1987363)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + gradientTransform="matrix(0.79035186,0,0,0.79514603,-0.14216924,3.8580698e-5)" + xlink:href="#linearGradient4707" + id="radialGradient4949" + cx="375.97003" + cy="11.407905" + fx="375.97003" + fy="11.407905" + r="6.09375" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4957" + cx="400.5007" + cy="13.518586" + fx="400.5007" + fy="13.518586" + r="8.5350475" + gradientTransform="matrix(1,0,0,0.99701325,0,0.03407254)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4969"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4959" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4961" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4963" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4965" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4967" /> + </filter> + <radialGradient + xlink:href="#linearGradient4975" + id="radialGradient4977" + cx="417.02075" + cy="15.742972" + fx="417.02075" + fy="15.742972" + r="8.53125" + gradientTransform="matrix(1.357667,-0.02466618,0.02411975,1.3275908,-149.53429,5.1574131)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4975"> + <stop + style="stop-color:#f79729;stop-opacity:1" + offset="0" + id="stop4971" /> + <stop + style="stop-color:#d2831f;stop-opacity:1" + offset="1" + id="stop4973" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4989"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4979" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4981" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4983" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset4985" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4987" /> + </filter> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4997" + cx="444.33652" + cy="11.316628" + fx="444.33652" + fy="11.316628" + r="8.53125" + gradientTransform="matrix(1,0,0,0.71428563,0,3.2333231)" + gradientUnits="userSpaceOnUse" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter5009"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4999" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite5001" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur5003" /> + <feOffset + dx="0" + dy="0" + result="offset" + id="feOffset5005" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite5007" /> + </filter> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4710" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <linearGradient + id="linearGradient4747"> + <stop + style="stop-color:#c5b631;stop-opacity:1" + offset="0" + id="stop4743" /> + <stop + style="stop-color:#baad3e;stop-opacity:1" + offset="1" + id="stop4745" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4729"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4719" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4721" /> + <feGaussianBlur + in="composite1" + stdDeviation="1" + result="blur" + id="feGaussianBlur4723" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4725" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4727" /> + </filter> + <radialGradient + xlink:href="#linearGradient5037" + id="radialGradient4712" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="132.6468" + cy="9.0947113" + fx="132.6468" + fy="9.0947113" + r="7.9746099" /> + <filter + style="color-interpolation-filters:sRGB" + id="filter4774"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4764" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4766" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4768" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4770" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4772" /> + </filter> + <radialGradient + xlink:href="#linearGradient4747" + id="radialGradient4714" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(1.265625,0,0,1.1109477,-0.05703897,1.4865748)" + cx="134.97461" + cy="9" + fx="134.97461" + fy="9" + r="7.9746099" /> + <radialGradient + xlink:href="#linearGradient4707" + id="radialGradient4750" + cx="166.37157" + cy="11.485105" + fx="166.37157" + fy="11.485105" + r="0.31640625" + gradientTransform="matrix(0.99998863,-0.00473886,0.08838422,18.426509,-1.0132111,-199.35688)" + gradientUnits="userSpaceOnUse" /> + <radialGradient + xlink:href="#linearGradient4832" + id="radialGradient4709-1" + cx="125.30523" + cy="16.659737" + fx="125.30523" + fy="16.659737" + r="8.3726959" + gradientTransform="matrix(1,0,0,1.0032611,0.11563445,22.233158)" + gradientUnits="userSpaceOnUse" /> + <linearGradient + id="linearGradient4832"> + <stop + id="stop5029" + offset="0" + style="stop-color:#22e23d;stop-opacity:1" /> + <stop + id="stop4830" + offset="1" + style="stop-color:#38a748;stop-opacity:1" /> + </linearGradient> + <filter + style="color-interpolation-filters:sRGB" + id="filter4844"> + <feFlood + flood-opacity="0.498039" + flood-color="rgb(0,0,0)" + result="flood" + id="feFlood4834" /> + <feComposite + in="flood" + in2="SourceGraphic" + operator="out" + result="composite1" + id="feComposite4836" /> + <feGaussianBlur + in="composite1" + stdDeviation="0.5" + result="blur" + id="feGaussianBlur4838" /> + <feOffset + dx="2.77556e-017" + dy="0" + result="offset" + id="feOffset4840" /> + <feComposite + in="offset" + in2="SourceGraphic" + operator="atop" + result="composite2" + id="feComposite4842" /> + </filter> + </defs> + <g + id="g7757"> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4669);fill-opacity:1;stroke-width:1;filter:url(#filter4701)" + d="m 17.870749,13.841269 -6.303534,-0.0074 2.264363,2.148431 c 0.615648,0.584128 0.72,1.44 0.24,1.92 l -0.96,1.08 c -0.48,0.48 -1.32,0.36 -1.92,-0.24 0,0 -6.4200001,-6.6 -6.4800001,-6.6 -0.06,0 -0.36,-0.48 -0.48,-0.84 0,-0.359999 0.36,-0.719999 0.48,-0.839999 l 6.3600001,-6.48 c 0.6,-0.6000001 1.44,-0.7200001 1.92,-0.24 l 0.96,1.0799999 c 0.48,0.48 0.36,1.32 -0.24,1.9200001 l -2.144363,2.0610645 6.359451,0.043374 c 0.719983,0.00491 1.227959,0.50779 1.227959,1.2277905 v 2.483369 c 0,0.72 -0.563877,1.284215 -1.283876,1.28337 z" + id="path4" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4637);fill-opacity:1;stroke-width:1;filter:url(#filter4661)" + id="path4154" + d="m 19.187889,37.765372 -7.620674,-0.0365 3.352509,3.266174 c 0.515294,0.50108 0.829738,1.388534 0.443269,1.764345 l -1.759464,1.992905 c -0.356609,0.403923 -1.52102,-0.108922 -2.036314,-0.735274 L 3.9756591,36.471238 c 0,0 -0.7399492,-0.710192 -0.7399492,-1.211274 0,-0.501081 0.7399492,-1.303987 0.7399492,-1.303987 l 7.5915559,-7.545783 c 0.515294,-0.50108 1.613776,-1.093109 1.980397,-0.698138 l 1.815381,1.955768 c 0.386469,0.375811 0.172889,1.300401 -0.471228,1.801482 l -3.32455,3.229041 7.620674,0.02842 c 0.772936,0.0029 1.344153,0.417712 1.344153,1.169335 v 2.560987 c 0,0.751622 -0.571221,1.311987 -1.344153,1.308283 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4677);fill-opacity:1;stroke-width:1;filter:url(#filter4689)" + id="path4165" + d="m 26.776124,12.612425 v -2.53895 c 0,-0.7200003 0.480206,-1.3282747 1.2,-1.3111602 l 5.76,0.041051 L 31.66,6.7412646 c -0.602042,-0.5979755 -0.72,-1.4399999 -0.24,-1.92 l 0.96,-1.08 c 0.48,-0.48 1.32,-0.36 1.92,0.24 l 6.36,6.4800004 c 0.12,0.12 0.48,0.48 0.48,0.84 0,0.36 -0.36,0.84 -0.48,0.84 l -6.48,6.48 c -0.6,0.6 -1.44,0.72 -1.92,0.24 l -0.96,-1.08 c -0.48,-0.48 -0.36,-1.32 0.24,-1.92 L 33.736124,13.833888 28.06,13.868005 c -0.719987,0.0043 -1.283876,-0.53558 -1.283876,-1.25558 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4605);fill-opacity:1;stroke-width:1;filter:url(#filter4629)" + id="path4176" + d="m 64.708108,6.2881044 -5.061037,5.0305226 5.061037,5.030522 -2.530518,2.515261 -5.061038,-5.030522 -5.061037,5.030522 -2.530519,-2.515261 5.061037,-5.030522 -5.061037,-5.0305226 2.530519,-2.5152612 5.061037,5.0305223 5.061038,-5.0305223 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4525);fill-opacity:1;stroke-width:1;filter:url(#filter4597)" + id="path4187" + d="m 87.482777,11.318627 h -8.856816 l 3.13833,-3.0716727 C 81.15648,7.545735 80.363876,6.712205 79.283876,6.712205 c -2.64,0 -5.107543,1.9376803 -5.107543,4.577681 0,2.64 2.411627,5.050109 5.051627,5.050109 1.68,0 3.619039,-1.066107 4.459039,-2.506107 l 2.530518,1.25763 c -1.32,2.4 -3.961599,4.443007 -6.961599,4.443007 -4.32,0 -8.219378,-3.896849 -8.219378,-8.216849 0,-4.3200008 3.927337,-7.633261 8.247337,-7.633261 1.8,0 3.619792,0.8778997 5.059792,1.9578998 l 3.139108,-3.1271021 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4529);fill-opacity:1;stroke:none;stroke-width:1;stroke-opacity:1;filter:url(#filter4783)" + d="M 102.66589,2.5152127 92.543814,11.318627 h 3.795778 v 7.545783 h 5.061038 v -5.030522 h 2.53052 v 5.030522 h 5.06104 v -7.545783 h 3.79577 z" + id="path4209" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4709);fill-opacity:1;stroke-width:1;filter:url(#filter4721)" + id="path4214" + d="m 133.03211,12.576257 -6.32629,6.288153 c -0.24,0.36 -0.82401,0.692435 -1.30401,0.692435 -0.48,0 -0.86651,-0.332435 -1.22651,-0.692435 l -6.3263,-6.288153 c -0.79571,-0.72 -0.93921,-1.286268 0.0208,-1.280462 l 3.77501,0.02283 -0.0107,-7.5841022 c -0.001,-0.7199993 0.50796,-1.1722101 1.22796,-1.1722101 h 5.10754 c 0.72,0 1.22426,0.4800094 1.22796,1.2 l 0.0388,7.5563123 3.80118,-0.05062 c 0.95992,-0.01278 0.71459,0.588252 -0.005,1.308252 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4729);fill-opacity:1;stroke-width:1;filter:url(#filter4741)" + id="path4225" + d="m 148.19571,20.103585 c -4.8,0 -8.89163,-3.97895 -8.89163,-8.77895 0,-4.6800005 4.11959,-8.7145303 8.91959,-8.7145303 4.8,0 8.80776,3.9511599 8.80776,8.7511603 0,4.68 -4.03572,8.74232 -8.83572,8.74232 z m 0.0559,-15.04801 c -3.36,0 -6.39142,2.9178996 -6.39142,6.2779 0,3.24 2.9755,6.22232 6.3355,6.22232 3.36,0 6.33551,-2.86232 6.33551,-6.22232 0,-3.3600004 -2.91959,-6.2779 -6.27959,-6.2779 z m -0.63959,7.520682 c -0.48,-0.12 -0.63716,-0.735044 -0.64429,-1.214992 l -0.0559,-3.7667402 c -0.0107,-0.7199217 0.53592,-1.28337 1.25592,-1.28337 0.72,0 1.27834,0.535601 1.28388,1.25558 l 0.0289,3.7518922 c 1.32,1.32 2.53051,3.772891 2.53051,3.772891 0,0 -3.07896,-1.195261 -4.39896,-2.515261 z" /> + <path + style="display:inline;fill:url(#radialGradient5017);fill-opacity:1;stroke-width:0.79274529" + id="path4355" + d="m 369.00476,4.7878231 0.94842,1.9083504 0.47422,0.858758 0.94842,0.190835 2.18136,0.3816699 -1.61231,1.7175156 -0.6639,0.667923 0.0948,0.954175 0.37937,2.290022 -1.89685,-0.954178 -0.85358,-0.477086 -0.85358,0.477086 -1.89685,0.954178 0.37938,-2.290022 0.0948,-0.954175 -0.6639,-0.667923 -1.61232,-1.7175156 2.27622,-0.3816699 0.94842,-0.190835 0.37936,-0.858758 0.94843,-1.9083504 m 0,-3.4350309 c -0.28454,0 -0.56906,0.1908348 -0.75874,0.667922 l -1.89683,3.9121193 -4.07821,0.6679227 c -0.94842,0.190835 -1.13812,0.8587576 -0.47421,1.5266802 l 2.94011,3.1487776 -0.66391,4.389208 c -0.0948,0.572504 0.1897,0.954174 0.66391,0.954174 0.18967,0 0.37936,-0.09542 0.56905,-0.190835 l 3.69885,-2.003768 3.69884,2.003768 c 0.18969,0.09543 0.47421,0.190835 0.56906,0.190835 0.4742,0 0.75873,-0.38167 0.6639,-1.049592 l -0.6639,-4.389207 2.9401,-3.1487781 c 0.66391,-0.6679226 0.37938,-1.3358454 -0.4742,-1.5266803 L 371.66031,5.837416 369.76347,1.9252968 C 369.5738,1.543627 369.28926,1.3527922 369.00474,1.3527922 Z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4793);fill-opacity:1;stroke-width:1;filter:url(#filter4805)" + id="path4366" + d="m 202.62125,17.648005 -2.53039,-0.04122 1.26526,2.515261 h -15.18311 l 1.26526,-2.515261 -2.51784,0.02249 c -0.71997,0.0064 -1.31817,-0.563397 -1.31184,-1.28337 l 0.0559,-6.3612693 c 0.006,-0.7199727 0.59192,-1.2112687 1.31183,-1.2000001 l 1.19667,0.018731 0.0313,-2.5298907 c 0.009,-0.7199457 0.51397,-1.243001 1.23397,-1.243001 l 0.022,-1.2403691 c 0.0127,-0.7198886 0.6198,-1.2535885 1.33979,-1.2555799 l 10.04733,-0.02779 c 0.72,-0.00199 1.21931,0.5078413 1.22796,1.22779 l 0.0156,1.295949 c 0.72,0 1.2692,0.5785813 1.26831,1.2985809 l -0.003,2.4743108 1.26513,-10e-8 c 0.71992,-0.010711 1.26205,0.5376375 1.26526,1.2576305 v 6.288153 c 0,0.729621 -0.61509,1.257631 -1.26526,1.257631 z m -15.18298,-0.04122 1.26526,-2.515262 h -1.26526 z m 0.6,-6.288153 h -0.6 -0.6 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 h 1.2 c 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.25348,-0.503016 -0.6,-0.6 z M 198.8256,5.0304738 c 0,-0.72 -0.54528,-1.2523398 -1.26526,-1.2576306 h -7.59155 c -0.71998,-0.00529 -1.28117,0.5378043 -1.26526,1.2576306 v 3.7728917 c 0.0159,0.7198264 0.54528,1.2629215 1.26526,1.2576305 h 7.59155 c 0.71999,-0.0053 1.24942,-0.5078188 1.25592,-1.2277899 z m -1.26526,10.0610482 h -7.59155 l -1.26526,3.772892 h 10.12207 z m 2.53052,0 h -1.26526 l 1.26526,2.515262 z" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4833);fill-opacity:1;stroke-width:1;filter:url(#filter4853)" + id="path4388" + d="m 248.17426,18.945466 -16.43876,-0.02779 c -0.96,-0.0016 -1.40468,-0.339789 -1.40858,-1.299781 l -0.0559,-13.7557998 c -0.004,-0.959992 0.47654,-1.3847678 1.43653,-1.3831504 l 16.49468,0.02779 c 0.96,0.00162 1.24473,0.3675784 1.24083,1.3275705 l -0.0559,13.7557997 c -0.004,0.959992 -0.25287,1.356983 -1.21287,1.355361 z M 239.88388,3.8178947 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 2.64346,0 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.36,0.6 0.6,0.6 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 3.72,0 h -1.2 c -0.36,0 -0.6,0.24 -0.6,0.6 0,0.36 0.24,0.6 0.6,0.6 h 1.2 c 0.36,0 0.6,-0.24 0.6,-0.6 0,-0.36 -0.24,-0.6 -0.6,-0.6 z m 0.65592,4.9945298 c 0.005,-0.7199803 -0.53592,-1.2538267 -1.25592,-1.2555798 l -11.41287,-0.02779 c -0.72,-0.00175 -1.22533,0.5077946 -1.22796,1.2277899 l -0.028,7.6724304 c -0.003,0.719994 0.50796,1.175707 1.22795,1.172209 l 11.44083,-0.05558 c 0.71999,-0.0035 1.19464,-0.507809 1.2,-1.227789 z" /> + <g + aria-label="+" + transform="scale(0.98484984,1.0153832)" + style="font-style:normal;font-weight:normal;font-size:9.51294327px;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;display:inline;fill:url(#radialGradient4841);fill-opacity:1;stroke:none;stroke-width:0.79274535px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + id="text4409"> + <path + d="m 194.95358,9.8484986 h -2.03077 v 1.9696994 h -1.01538 V 9.8484986 h -2.03077 V 8.8636487 h 2.03077 V 6.893949 h 1.01538 v 1.9696997 h 2.03077 z" + style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8.55116463px;line-height:125%;font-family:sans-serif;-inkscape-font-specification:'sans-serif, Bold';text-align:start;writing-mode:lr-tb;text-anchor:start;fill:url(#radialGradient4841);fill-opacity:1;stroke-width:0.79274535px" + id="path7725" /> + </g> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 467.25784,24.196945 c -0.36562,0 -0.73125,0.24375 -0.975,0.853125 l -2.4375,4.996876 -5.24062,0.853125 c -1.21875,0.24375 -1.4625,1.096875 -0.60938,1.95 l 3.77813,4.021875 -0.85313,5.60625 c -0.12181,0.73125 0.24375,1.21875 0.85313,1.21875 0.24375,0 0.4875,-0.121875 0.73125,-0.24375 l 4.75312,-2.559375 4.75313,2.559375 c 0.24375,0.121875 0.60937,0.24375 0.73125,0.24375 0.60937,0 0.975,-0.4875 0.85312,-1.340625 l -0.85312,-5.60625 3.77812,-4.021875 c 0.85313,-0.853125 0.4875,-1.70625 -0.60937,-1.95 l -5.24063,-0.853125 -2.4375,-4.996876 c -0.24375,-0.4875 -0.60937,-0.73125 -0.975,-0.73125 z" + id="path6182" + style="display:inline;fill:url(#radialGradient5031);fill-opacity:1;stroke-width:1.21875;filter:url(#filter5049)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 226.66131,15.091518 -0.0388,3.707848 c -0.007,0.673061 -0.5177,1.245488 -1.19079,1.24654 l -17.77799,0.02779 c -0.6731,0.0011 -1.2416,-0.573462 -1.24671,-1.24654 l -0.028,-3.688049 c -0.005,-0.673078 0.6302,-1.305219 1.30331,-1.305219 1.26531,-1.257631 1.03718,-3.269047 1.26531,-5.0305225 0.4278,-2.8226251 0.0953,-6.2244545 3.80878,-6.2479747 l 7.52682,-0.047673 c 3.73297,-0.023644 3.4173,3.4730226 3.84751,6.2956477 0.41438,2.7153765 0,3.7728915 1.26526,5.0305225 0.70548,0 1.26526,0.515815 1.26526,1.25763 z m -7.68106,-4.410561 h -1.82811 V 8.8528316 c 0,-0.8124995 -1.21875,-0.8124995 -1.21875,0 v 1.8281254 h -1.82814 c -0.8125,0 -0.8125,1.218749 0,1.218749 h 1.82814 v 1.828125 c 0,0.812501 1.21875,0.812501 1.21875,0 v -1.828125 h 1.82811 c 0.8125,0 0.8125,-1.218749 0,-1.218749 z" + id="path7318" + style="display:inline;fill:url(#radialGradient4813);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4825)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 269.02823,19.939154 c -0.975,0 -1.82813,-0.24375 -2.80313,-1.584375 -0.975,-1.340625 -2.07187,-3.046875 -2.07187,-3.046875 0,0 -0.85313,-1.096875 -1.34063,-1.95 -0.60937,-0.853125 -1.34062,-0.609375 -1.34062,-0.609375 0,0 -3.53438,-5.7281239 -4.14375,-6.581249 -0.73125,-1.21875 0.73125,-3.290625 0.73125,-3.290625 l 5.3625,8.531249 c 0,0 1.70625,2.315625 2.31562,2.803125 0.60938,0.4875 1.70625,-0.4875 3.4125,1.096875 2.31563,2.19375 1.58438,4.63125 -0.12181,4.63125 z m -0.36563,-3.534375 c -1.09687,-1.21875 -2.07187,-1.096875 -2.31562,-0.73125 -0.24375,0.365625 0,1.4625 0.4875,2.071875 0.4875,0.609375 0.975,0.853125 1.70625,0.853125 0.73125,0.121875 1.34062,-0.853125 0.1218,-2.19375 z m -4.63125,-5.728124 -1.4625,-2.19375 3.53438,-5.60625 c 0,0 1.4625,2.071875 0.73125,3.290625 -0.36563,0.4875001 -1.70625,2.803125 -2.80313,4.509375 z m -5.60625,3.534374 c 0.36563,-0.365625 1.21875,-1.340625 1.70625,-2.071875 l 0.975,1.4625 c -0.4875,0.73125 -1.09687,1.70625 -1.09687,1.70625 0,0 -1.09688,1.70625 -2.07188,3.046875 -0.85312,1.340625 -1.70625,1.584375 -2.80312,1.584375 -1.70625,0 -2.55938,-2.4375 -0.12181,-4.63125 1.70625,-1.4625 2.80312,-0.609375 3.4125,-1.096875 z m -2.925,2.19375 c -1.09687,1.21875 -0.4875,2.19375 0.24375,2.19375 0.73125,0 1.21875,-0.24375 1.70625,-0.853125 0.4875,-0.609375 0.73125,-1.828125 0.4875,-2.071875 -0.36562,-0.365625 -1.34062,-0.4875 -2.4375,0.73125 z" + id="path7886" + style="display:inline;fill:url(#radialGradient4861);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4873)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 292.45286,20.11787 -7.56413,0 c -0.73125,0 -1.32549,-0.515308 -1.33058,-1.24654 l -0.028,-4.017519 v -3.16875 -2.9250003 c 0,-0.73125 0.4875,-1.21875 1.21875,-1.21875 l 6.44059,0.00442 2.53052,2.515261 0.0354,8.810334 c 0.003,0.731244 -0.57138,1.24654 -1.30263,1.24654 z M 289.62394,8.7600607 v 2.4375003 h 2.4375 z m -7.3125,-0.6736655 0.0213,0.7169703 v 2.5152615 3.772891 l -5.06403,0.04019 c -0.73123,0.0058 -1.21672,-0.598663 -1.21875,-1.32991 l -0.028,-10.0556901 c -0.002,-0.7312471 0.4875,-1.21875 1.21875,-1.21875 h 6.09375 l 2.79402,2.5031129 v 1.81343 h -2.53052 c -0.67317,-0.017075 -1.31624,0.241688 -1.28654,1.2424914 z m 0.0213,-4.7304016 v 2.4596813 l 2.53052,-0.02779 z" + id="path8454" + style="display:inline;fill:url(#radialGradient4881);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4893)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 312.76384,20.20124 -10.1808,-0.02779 c -0.75126,-0.0021 -1.21143,-0.547743 -1.21303,-1.272325 l -0.028,-12.6083588 c -0.002,-0.9749978 0.29395,-1.2762443 1.26895,-1.2723257 l 2.49639,0.010033 c 0,0 0.0587,-2.5309032 2.49616,-2.5309032 2.4375,0 2.56487,2.5309032 2.56487,2.5309032 l 2.48359,0.017757 c 0.97497,0.00697 1.35938,0.3251372 1.35283,1.3001156 l -0.0839,12.4971989 c -0.005,0.808245 -0.51762,1.35744 -1.15713,1.355695 z m -1.86968,-13.8508896 -1.34061,-0.609375 c 0,0 0,-1.8281249 -1.95,-1.8281249 -1.95,0 -1.95,1.8281249 -1.95,1.8281249 l -1.34063,0.609375 -0.47079,1.1953846 h 7.59155 z m 0.53952,2.4530151 h -6.32629 l -2.53052,2.5152615 2.53052,5.030522 7.59155,-5.030522 z" + id="path9022" + style="display:inline;fill:url(#radialGradient4901);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4913)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="M 335.47361,15.091518 V 7.545735 l 3.79578,3.772892 z m -8.85681,1.257631 h 7.59155 l -3.79578,3.772892 z m 6.32629,-1.257631 h -5.06103 c -0.73124,-0.0041 -1.26114,-0.526392 -1.26526,-1.25763 V 8.8033655 c -0.004,-0.7312386 0.53401,-1.2576305 1.26526,-1.2576305 h 5.06103 c 0.73125,0 1.26526,0.5263804 1.26526,1.2576305 v 5.0305225 c 0,0.609375 -0.53402,1.261705 -1.26526,1.25763 z m 0,-3.772891 c 0,-0.73125 -0.53401,-1.257631 -1.26526,-1.257631 h -2.53052 c -0.73125,0 -1.26525,0.526381 -1.26525,1.257631 v 1.25763 c 0,0.73125 0.534,1.257631 1.26525,1.257631 h 2.53052 c 0.73125,0 1.26526,-0.526381 1.26526,-1.257631 z m -2.53052,-8.8034143 3.79578,3.7728917 h -7.59155 z m -5.06103,5.0305223 v 7.545783 l -3.79578,-3.772891 z" + id="path9590" + style="display:inline;fill:url(#radialGradient4921);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4933)" /> + <path + d="m 274,8 h 10 v 2 h -10 z" + id="path10158" + style="display:inline;fill:url(#radialGradient4941);fill-opacity:1;stroke-width:0.96615839" /> + <path + d="m 302,10 h -4 v 4 h -2 v -4 h -4 V 8 h 4 V 4 h 2 v 4 h 4 z" + id="path10726" + style="display:inline;fill:url(#radialGradient4949);fill-opacity:1;stroke-width:0.96615839" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 406.82037,12.583531 c -0.12181,0.73125 -0.24375,1.4625 -0.4875,2.071875 -0.4875,1.584375 -1.4625,3.046875 -3.04686,4.021874 0.4875,0.4875 1.58436,1.096875 1.58436,1.096875 0,0 -2.4375,0.365625 -4.99686,0.365625 l -0.12181,-0.121875 v 0.121875 c -1.21875,0 -2.4375,-0.365625 -3.65625,-0.73125 0.85311,-0.73125 1.4625,-1.584374 1.95,-2.559374 0.73125,-1.4625 0.73125,-3.65625 0.73125,-3.65625 0,0 1.09686,1.828125 1.70625,2.559375 1.4625,-0.73125 2.4375,-2.19375 2.55936,-3.65625 0.12181,-1.096875 -0.24375,-2.071875 -0.73125,-2.8031253 -0.4875,-0.8531251 -1.21875,-1.3406251 -2.07186,-1.7062501 0.24375,-0.4874999 0.60936,-1.0968749 0.975,-1.584375 0.4875,-0.73125 1.09686,-1.21875 1.58436,-1.4625 2.55939,1.340625 4.3875,4.5093751 4.02189,8.0437504 z m -8.53125,-2.4375 c 0,0 -1.34061,-1.8281254 -1.95,-2.4375004 -1.70625,0.853125 -2.68125,2.4375004 -2.68125,4.1437504 0.12181,1.828125 1.34064,3.290625 2.925,4.021875 -0.36561,0.609375 -0.73125,1.21875 -1.21875,1.70625 -0.4875,0.609375 -1.09686,0.974999 -1.4625,1.340624 -2.80311,-1.706249 -4.50936,-4.874999 -4.02186,-8.287499 0.1218,-0.8531253 0.36561,-1.7062504 0.60936,-2.4375004 0.4875,-1.3406249 1.34064,-2.4375 2.55939,-3.290625 0.1218,-0.121875 0.24375,-0.121875 0.36561,-0.24375 -0.4875,-0.4875 -1.95,-0.975 -1.95,-0.975 0,0 3.04689,-0.975 8.2875,-0.365625 -1.58436,2.315625 -1.4625,6.8250004 -1.4625,6.8250004 z" + id="path11294" + style="display:inline;fill:url(#radialGradient4957);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4969)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 429.73975,20.187746 -2.55504,0.05558 c -0.48738,0.0106 -0.61242,-0.769541 -0.61242,-1.378916 0,0 0.31966,-4.276424 -3.79578,-8.803414 -3.20233,-3.5225593 -8.85682,-3.7728916 -8.85682,-3.7728916 -0.60938,0 -1.26177,-0.171597 -1.25602,-0.6590635 l 0.028,-2.3732094 c 0.006,-0.4874666 0.61868,-0.7406188 1.22806,-0.7406188 0,0 7.05132,0.3003217 11.38734,5.0305223 3.72704,4.065871 5.06103,11.318675 5.06103,11.318675 0,0.4875 -0.0191,1.310083 -0.62831,1.323336 z M 413.91969,8.8033655 c 0,0 4.48239,0.7421569 7.0114,3.0905195 2.59016,2.40515 3.11068,6.970525 3.11068,6.970525 0,0.4875 -0.7448,1.278471 -1.23236,1.278471 h -1.35283 c -0.4875,0 -1.21059,-0.669096 -1.21059,-1.278471 0,0 0.4472,-2.304652 -1.91012,-4.45401 -1.78736,-1.629677 -4.41618,-1.834143 -4.41618,-1.834143 -0.60938,0 -1.23946,-0.793663 -1.22806,-1.281032 l 0.028,-1.195314 c 0.0114,-0.4873685 0.59073,-1.2965455 1.20011,-1.2965455 z m 1.20944,6.3426395 c 1.34062,0 2.54933,1.124665 2.54933,2.46529 0,1.340626 -1.09688,2.576451 -2.4375,2.576451 -1.34063,0 -2.54933,-1.208035 -2.54933,-2.548661 0,-1.340625 1.09687,-2.49308 2.4375,-2.49308 z" + id="path11862" + style="display:inline;fill:url(#radialGradient4977);fill-opacity:1;stroke-width:1.21875;filter:url(#filter4989)" /> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + d="m 448.08169,13.833888 v 2.515261 c 0,0.975 -0.41214,1.257631 -1.26525,1.257631 h -10.12208 c -0.85314,0 -1.26526,-0.282631 -1.26526,-1.257631 V 6.2881044 c 0,-0.9750001 0.41212,-1.2576306 1.26526,-1.2576306 h 10.12208 c 0.85311,0 1.26525,0.2826305 1.26525,1.2576306 v 2.5152611 l 5.06104,-2.5152611 V 16.349149 Z" + id="path12430" + style="display:inline;fill:url(#radialGradient4997);fill-opacity:1;stroke-width:1.21875;filter:url(#filter5009)" /> + <g + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline" + id="g4779"> + <path + id="bookmarks-star-4" + d="M 165.92886,2.5152127 V 20.122041 h 8.85681 1.26526 2.53052 c 1.26526,0 2.53052,-1.257631 2.53052,-2.515261 V 15.091518 7.545735 5.0304738 c 0,-1.2576306 -1.26526,-2.5152611 -2.53052,-2.5152611 h -2.53052 -1.26526 z m 7.59155,2.5152611 1.26526,2.5152612 c 0,0 0.39827,0.9972133 0.68613,1.1930622 0.26974,0.1834496 1.07417,0.064568 1.07417,0.064568 h 3.30074 l -2.53052,3.1379238 c 0,0 -0.38069,0.332603 -0.51773,0.634968 -0.20593,0.452534 -0.18971,0.518683 -0.12151,1.257631 0.10732,1.162403 0.63924,3.772892 0.63924,3.772892 l -2.53052,-1.257631 c 0,0 -0.77873,-0.42944 -1.26526,-0.430166 -0.5721,0 -1.26526,0.430166 -1.26526,0.430166 l -2.53051,1.257631 c 0,0 0.56012,-2.658345 0.73559,-3.772892 0.11606,-0.733074 0.10061,-0.753616 -0.15752,-1.257631 -0.13995,-0.274086 -0.57807,-0.782455 -0.57807,-0.782455 l -2.53052,-2.9904368 h 3.02161 c 0,0 0.91024,-0.099407 1.27135,-0.3263622 0.27408,-0.1711231 0.76807,-0.9312683 0.76807,-0.9312683 z" + style="fill:url(#radialGradient4710);fill-opacity:1;stroke-width:1.265625;filter:url(#filter4729)" /> + <path + id="bookmarks-overlay-1" + d="m 163.39834,2.5152127 c -1.26526,0 -2.53052,1.2576305 -2.53052,2.5152611 v 2.5152612 7.545783 2.515262 c 0,1.25763 1.26526,2.515261 2.53052,2.515261 h 2.91839 l 0.0559,-4.840061 V 7.6882296 l 0.028,-5.1730169 z" + style="fill:url(#radialGradient4712);fill-opacity:1;stroke:none;stroke-width:1.265625;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers stroke fill;filter:url(#filter4774)" /> + <path + id="bookmarks-divider-7" + d="M 165.92886,2.5152127 V 20.122041" + style="opacity:0.66300001;fill:url(#radialGradient4714);fill-opacity:1;stroke:url(#radialGradient4750);stroke-width:1.2614392;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> + </g> + <path + transform="matrix(0.79035179,0,0,0.79514606,-0.14216927,3.8570695e-5)" + style="display:inline;fill:url(#radialGradient4709-1);fill-opacity:1;stroke-width:1;filter:url(#filter4844)" + id="path4214-3" + d="m 133.03211,35.213608 -6.32629,6.288153 c -0.24,0.36 -0.8202,0.518975 -1.3002,0.518975 -0.48,0 -0.87032,-0.158975 -1.23032,-0.518975 l -6.3263,-6.288153 c -0.6,-0.72 -0.96335,-1.29465 -0.003,-1.287183 l 3.79916,0.02955 -0.0908,-7.535242 c -0.009,-0.719949 0.67572,-1.307177 1.39571,-1.31116 l 5.02367,-0.02779 c 0.71999,-0.004 1.25401,0.619416 1.22796,1.33895 l 0.035,7.535242 3.80499,-0.02955 c 0.95998,-0.0075 0.71078,0.567183 -0.009,1.287183 z" /> + </g> +</svg> diff --git a/themes/windows/aboutCertError.css b/themes/windows/aboutCertError.css new file mode 100644 index 0000000..dbb3530 --- /dev/null +++ b/themes/windows/aboutCertError.css @@ -0,0 +1,73 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + + +html { + background: #833; +} + +body { + margin: 0; + padding: 0 1em; + color: -moz-FieldText; + font: message-box; +} + +h1 { + margin: 0 0 .6em 0; + border-bottom: 1px solid ThreeDLightShadow; + font-size: 160%; +} + +h2 { + font-size: 130%; +} + +#errorPageContainer { + position: relative; + min-width: 13em; + max-width: 52em; + margin: 4em auto; + border: 2px solid #DD0D09; + border-radius: 10px; + box-shadow: 0px 0px 8px red; + padding: 3em; + -moz-padding-start: 30px; + background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field; + background-origin: content-box; +} + +#errorPageContainer:-moz-dir(rtl) { + background-position: right 0; +} + +#errorTitle { + -moz-margin-start: 80px; +} + +#errorLongContent { + -moz-margin-start: 80px; +} + +.expander > button { + -moz-padding-start: 20px; + -moz-margin-start: -20px; + background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat; + border: none; + font: inherit; + color: inherit; + cursor: pointer; +} + +.expander > button:-moz-dir(rtl) { + background-position: right center; +} + +.expander[collapsed] > button { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png"); +} + +.expander[collapsed] > button:-moz-dir(rtl) { + background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png"); +} diff --git a/themes/windows/aboutCertError_sectionCollapsed-rtl.png b/themes/windows/aboutCertError_sectionCollapsed-rtl.png Binary files differnew file mode 100644 index 0000000..84ba18c --- /dev/null +++ b/themes/windows/aboutCertError_sectionCollapsed-rtl.png diff --git a/themes/windows/aboutCertError_sectionCollapsed.png b/themes/windows/aboutCertError_sectionCollapsed.png Binary files differnew file mode 100644 index 0000000..c9805f6 --- /dev/null +++ b/themes/windows/aboutCertError_sectionCollapsed.png diff --git a/themes/windows/aboutCertError_sectionExpanded.png b/themes/windows/aboutCertError_sectionExpanded.png Binary files differnew file mode 100644 index 0000000..128cef9 --- /dev/null +++ b/themes/windows/aboutCertError_sectionExpanded.png diff --git a/themes/windows/aboutPrivateBrowsing.css b/themes/windows/aboutPrivateBrowsing.css new file mode 100644 index 0000000..cd6026b --- /dev/null +++ b/themes/windows/aboutPrivateBrowsing.css @@ -0,0 +1,47 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +body.private > #errorPageContainer { + background-image: url("chrome://browser/skin/Privacy-48.png"); +} + +body.normal > #errorPageContainer { + background-image: url("chrome://global/skin/icons/question-48.png"); +} + +#clearRecentHistoryDesc { + margin-top: 2em; +} + +#clearRecentHistoryDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#startPrivateBrowsingDesc > button { + -moz-margin-start: 0; +} + +#footerDesc > p { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ +} + +#moreInfo { + font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ + -moz-padding-start: 25px; + background: url("chrome://global/skin/icons/information-16.png") no-repeat top left; +} + +#moreInfo:-moz-dir(rtl) { + background-position: top right; +} + +#moreInfoText { + margin-bottom: 0; +} + +#moreInfoLinkContainer { + margin-top: 0.5em; +} diff --git a/themes/windows/aboutSessionRestore-window-icon.png b/themes/windows/aboutSessionRestore-window-icon.png Binary files differnew file mode 100644 index 0000000..0077405 --- /dev/null +++ b/themes/windows/aboutSessionRestore-window-icon.png diff --git a/themes/windows/aboutSessionRestore.css b/themes/windows/aboutSessionRestore.css new file mode 100644 index 0000000..4fa4907 --- /dev/null +++ b/themes/windows/aboutSessionRestore.css @@ -0,0 +1,73 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +html { + background: #f8ffd0; + height: 100%; +} + +body { + height: 100%; + text-align: center; +} + +#errorPageContainer { + background-image: url("chrome://global/skin/icons/warning-large.png"); + display: -moz-box; + width: -moz-available; + max-width: 85%; + height: 75%; + max-height: 85%; + -moz-box-orient: vertical; + text-align: start; + border: 2px solid #efc; + box-shadow: 0px 0px 8px #aaa; +} + +#errorShortDesc > p { + margin-top: 0.4em; + margin-bottom: 0; +} + +#errorLongContent, #errorTrailerDesc { + display: -moz-box; + -moz-box-flex: 1; + -moz-box-orient: vertical; +} + +#tabList { + margin-top: 2.5em; + width: 100%; + min-height: 12em; +} + +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); +} +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#buttons { + width: 100%; +} +#buttons > button { + margin-top: 2em; +} diff --git a/themes/windows/aboutSyncTabs.css b/themes/windows/aboutSyncTabs.css new file mode 100644 index 0000000..4f21a9d --- /dev/null +++ b/themes/windows/aboutSyncTabs.css @@ -0,0 +1,101 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#tabs-display, +#tabsList { + background-color: transparent; + -moz-appearance: none; + margin: 0; +} + +#tabsList { + width: 100%; +} + +#tabs-display { + background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px; +} + +#headers { + background: url(chrome://browser/skin/sync-32.png) no-repeat; + margin-top: 4px; + width: 45em; + height: 32px; + -moz-margin-start: 2em; + -moz-margin-end: 2em; +} + +#tabsListHeading { + font-size: 140%; + font-weight: bold; + -moz-margin-start: 40px; +} + +richlistitem { + -moz-margin-end: 2em; +} + +richlistitem[selected="true"], +richlistitem:focus { + outline-style: none; +} + +richlistitem[type="tab"] { + min-height: 3em; + border: #999999 1px solid !important; + padding: 2px 5px; + margin-bottom: 4px; + -moz-margin-start: 4em; + border-radius: 6px; + background-color: menu; + width: 44em; + opacity: 0.9; + box-shadow: + inset rgba(255, 255, 255, 0.5) 0 1px 0px, + inset rgba(0, 0, 0, 0.1) 0 -2px 0px, + rgba(0, 0, 0, 0.1) 0px 1px 0px; +} + +richlistitem[type="tab"][selected="true"] { + background-color: -moz-MenuHover; +} + +richlistitem[type="client"] { + min-height: 2em; + color: #000000; + -moz-margin-start: 2em; + margin-top: 2px; + margin-bottom: 3px; + width: 42em; + border-radius: 6px; + background-color: transparent; + -moz-user-focus: ignore !important; +} +richlistitem.mobile[type="client"] { + list-style-image: url("chrome://browser/skin/sync-mobileIcon.png"); +} +richlistitem.desktop[type="client"] { + list-style-image: url("chrome://browser/skin/sync-desktopIcon.png"); +} + +.title, +.clientName { + color: #000000; + font-size: 1.1em; +} + +.title[selected="true"], +.url[selected="true"] { + color: inherit; +} + +.url { + color: -moz-nativehyperlinktext; + font-size: 0.95em; +} + +.tabIcon { + -moz-padding-start: 2px; + padding-top: 2px; +} diff --git a/themes/windows/actionicon-tab.png b/themes/windows/actionicon-tab.png Binary files differnew file mode 100644 index 0000000..ced958e --- /dev/null +++ b/themes/windows/actionicon-tab.png diff --git a/themes/windows/appmenu-dropmarker.png b/themes/windows/appmenu-dropmarker.png Binary files differnew file mode 100644 index 0000000..27deaff --- /dev/null +++ b/themes/windows/appmenu-dropmarker.png diff --git a/themes/windows/appmenu-icons.png b/themes/windows/appmenu-icons.png Binary files differnew file mode 100644 index 0000000..78f3658 --- /dev/null +++ b/themes/windows/appmenu-icons.png diff --git a/themes/windows/autocomplete.css b/themes/windows/autocomplete.css new file mode 100644 index 0000000..b3cab44 --- /dev/null +++ b/themes/windows/autocomplete.css @@ -0,0 +1,238 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* ===== autocomplete.css ================================================= + == Styles used by the autocomplete widget. + ======================================================================= */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +/* ::::: autocomplete ::::: */ + +/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */ +textbox:not(.padded) { + cursor: default; + padding: 0; +} + +textbox[nomatch="true"][highlightnonmatches="true"] { + color: red; +} + +.private-autocomplete-textbox-container { + -moz-box-align: center; +} + +textbox:not(.padded) .textbox-input-box { + margin: 0 3px; +} + +.textbox-input-box { + -moz-box-align: center; +} + +/* ::::: autocomplete popups ::::: */ + +panel[type="private-autocomplete"], +panel[type="private-autocomplete-richlistbox"], +.private-autocomplete-history-popup { + -moz-appearance: none; + border-width: 1px; + -moz-border-top-colors: ThreeDShadow; + -moz-border-right-colors: ThreeDShadow; + -moz-border-bottom-colors: ThreeDShadow; + -moz-border-left-colors: ThreeDShadow; + padding: 0; + color: -moz-FieldText; + background-color: -moz-Field; +} + +.private-autocomplete-history-popup { + max-height: 180px; +} + +/* ::::: tree ::::: */ + +.private-autocomplete-tree { + -moz-appearance: none !important; + border: none !important; + background-color: transparent !important; +} + +.private-autocomplete-treecol { + -moz-appearance: none !important; + margin: 0 !important; + border: none !important; + padding: 0 !important; +} + +/* GTK calculates space for a sort arrow */ +.private-autocomplete-treecol > .treecol-sortdirection { + -moz-appearance: none !important; +} + +.private-autocomplete-treebody::-moz-tree-cell-text { + -moz-padding-start: 8px; +} + +treechildren.private-autocomplete-treebody::-moz-tree-row(selected) { + background-color: Highlight; +} + +treechildren.private-autocomplete-treebody::-moz-tree-cell-text(selected) { + color: HighlightText !important; +} + +.private-autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) { + max-width: 16px; + height: 16px; +} + +/* ::::: richlistbox autocomplete ::::: */ + +.private-autocomplete-richlistbox { + -moz-appearance: none; + margin: 0; +} + +.private-autocomplete-richlistitem { + padding: 1px; +} + +.private-autocomplete-richlistitem[selected="true"] { + background-color: Highlight; + color: HighlightText; +} + +%ifdef XP_WIN +@media (-moz-os-version: windows-vista) and (-moz-windows-default-theme), + (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { + .private-autocomplete-richlistitem[selected="true"] { + color: inherit; + background-color: transparent; + /* four gradients for the bevel highlights on each edge, one for blue background */ + background-image: + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px), + linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px), + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); + background-clip: content-box; + border-radius: 6px; + outline: 1px solid rgb(124,163,206); + -moz-outline-radius: 3px; + outline-offset: -2px; + } +} +%endif + +.ac-title-box { + margin-top: 4px; +} + +.ac-url-box { + /* When setting a vertical margin here, half of that needs to be added + .ac-title-box's translateY for when .ac-url-box is hidden (see below). */ + margin: 1px 0 4px; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-url-box { + visibility: hidden; +} + +.private-autocomplete-richlistitem[actiontype="keyword"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box, +.private-autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box, +.private-autocomplete-richlistitem[type~="autofill"] .ac-title-box { + /* Center the title by moving it down by half of .ac-url-box's height, + including vertical margins (if any). */ + transform: translateY(calc(.5em + 2px)); +} + +.ac-site-icon { + width: 16px; + height: 16px; + margin: 0 5px -2px; +} + +.ac-type-icon { + width: 16px; + height: 16px; + -moz-margin-start: 6px; + -moz-margin-end: 4px; + margin-bottom: -1px; +} + +.ac-url-box > .ac-site-icon, +.ac-url-box > .ac-type-icon { + /* Otherwise the spacer is big enough to stretch its container */ + height: auto; +} + +.ac-extra > .ac-result-type-tag { + margin: 0 4px; +} + +.ac-extra > .ac-comment { + padding-right: 4px; +} + +.ac-ellipsis-after { + margin: 0 !important; + padding: 0; + min-width: 1em; +} + +.ac-normal-text { + margin: 0 !important; + padding: 0; +} + +.ac-normal-text > html|span { + margin: 0 !important; + padding: 0; +} + +html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(208,208,208,0.5); + background-color: rgba(208,208,208,0.3); + border-radius: 2px; + text-shadow: 0 0 currentColor; +} + +@media (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-xp) { + html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1); + background-color: rgba(0,0,0,0.05); + } + } + + @media (-moz-os-version: windows-xp) { + .ac-url-text > html|span.ac-emphasize-text, + .ac-action-text > html|span.ac-emphasize-text { + box-shadow: inset 0 0 1px 1px rgba(202,214,201,0.3); + background-color: rgba(202,214,201,0.2); + } + } +} + +.ac-title, .ac-url { + overflow: hidden; +} + +/* ::::: textboxes inside toolbarpaletteitems ::::: */ + +toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + +toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input { + visibility: hidden; +} + diff --git a/themes/windows/browser.css b/themes/windows/browser.css new file mode 100644 index 0000000..88c3087 --- /dev/null +++ b/themes/windows/browser.css @@ -0,0 +1,3856 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@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"); + +%include ../shared/browser.inc +%filter substitution +%define toolbarShadowColor rgba(10%,10%,10%,.4) +%define toolbarShadowOnTab linear-gradient(to top, rgba(10%,10%,10%,.4) 1px, transparent 1px) +%define navbarTextboxCustomBorder border-color: rgba(0,0,0,.32); +%define navbarLargeIcons #navigator-toolbox[iconsize=large][mode=icons] > #nav-bar +%define forwardTransitionLength 150ms +%define conditionalForwardWithUrlbar window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button"],#nav-bar:not([currentset])) > #unified-back-forward-button +%define conditionalForwardWithUrlbar2 window:not([chromehidden~=toolbar]) #navigator-toolbox[iconsize=large][mode=icons] > :-moz-any(#nav-bar[currentset*="unified-back-forward-button"]:not([currentset*="unified-back-forward-button,urlbar-container"]),#nav-bar:not([currentset])) > #unified-back-forward-button +%define conditionalForwardWithUrlbarWidth 27 +%define glassActiveBorderColor rgb(37, 44, 51) +%define glassInactiveBorderColor rgb(102, 102, 102) + +%ifdef MOZ_OFFICIAL_BRANDING +%define appMenuButtonBorderColor rgba(255,255,255,.5) rgba(6,42,83,.9) +%else +%if MOZ_UPDATE_CHANNEL == aurora +%define appMenuButtonBorderColor hsla(0,0%,100%,.5) hsla(214,89%,21%,.9) +%else +%define appMenuButtonBorderColor hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) +%endif +%endif + +:root { + --toolbox-after-color: ThreeDShadow; + + --toolbar-custom-color: hsl(210,75%,92%); + --toolbar-highlight-top: rgba(255,255,255,.5); + --toolbar-highlight-bottom: transparent; + + --toolbarbutton-background-color: hsla(210,32%,93%,.3); + --toolbarbutton-border-radius: 2.5px; + --toolbarbutton-border-color: hsla(210,54%,20%,.2); + + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.png"); + --toolbarbutton-glass-image: url("chrome://browser/skin/Toolbar-glass.png"); + --toolbarbutton-inverted-image: url("chrome://browser/skin/Toolbar-inverted.png"); + + --tab-background: linear-gradient(transparent, hsla(0,0%,45%,.1) 1px, hsla(0,0%,32%,.2) 80%, hsla(0,0%,0%,.2)); + --tab-background-hover: linear-gradient(hsla(0,0%,100%,.3) 1px, hsla(0,0%,75%,.2) 80%, hsla(0,0%,60%,.2)); + --tab-border-radius: 6px; + --tab-box-shadow: inset 0.5px 1px 1px var(--tab-selected-highlight); + --tab-selected-highlight: rgba(255,255,255,.7); + + --window-text-color: currentColor; +} + +/* Use SVG for HiDPI 133%+ */ +@media (min-resolution: 1.33dppx) { + :root { + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg"); + --toolbarbutton-glass-image: url("chrome://browser/skin/Toolbar-glass.svg"); + --toolbarbutton-inverted-image: url("chrome://browser/skin/Toolbar-inverted.svg"); + } +} + +:root:-moz-lwtheme-brighttext { + --toolbar-highlight-top: rgba(32,32,32,.8); + --toolbar-highlight-bottom: rgba(32,32,32,0); +} + +:root:-moz-lwtheme-darktext { + --toolbar-highlight-top: rgba(255,255,255,.8); + + --tab-selected-highlight: rgba(255,255,255,.6); +} + +#menubar-items { + -moz-box-orient: vertical; /* for flex hack */ +} + +#main-menubar { + -moz-box-flex: 1; /* make menu items expand to fill toolbar height */ +} + +#navigator-toolbox { + -moz-appearance: none; + background-color: transparent; + border-top: none; +} + +#navigator-toolbox::after { + content: ""; + display: -moz-box; + -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */ + height: 1px; + background-color: var(--toolbox-after-color); +} +#navigator-toolbox[tabsontop=false]::after, +#main-window[disablechrome] #navigator-toolbox::after { + visibility: collapse; +} + +#navigator-toolbox > toolbar:not(:-moz-lwtheme) { + -moz-appearance: none; + border-style: none; + background-color: -moz-Dialog; +} + +@media not all and (-moz-windows-compositor) { + #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme) { + background: linear-gradient(to top, @toolbarShadowColor@ 1px, transparent 1px), + linear-gradient(rgba(50%,50%,50%,0), ActiveCaption 85%); + color: CaptionText; + } + #main-window[tabsintitlebar]:not([inFullscreen]) #toolbar-menubar[inactive] ~ #TabsToolbar:not(:-moz-lwtheme):-moz-window-inactive { + background: linear-gradient(to top, @toolbarShadowColor@ 1px, transparent 1px), + linear-gradient(rgba(50%,50%,50%,0), InactiveCaption 85%); + color: InactiveCaptionText; + } + + #main-window[tabsintitlebar] #titlebar:-moz-lwtheme { + visibility: hidden; + } + #main-window[tabsintitlebar] #titlebar-content:-moz-lwtheme { + -moz-binding: url("chrome://global/content/bindings/general.xml#windowdragbox"); + visibility: visible; + } + + #main-menubar > menu:not(:-moz-lwtheme) { + color: inherit; /* allow menubar items to be styled */ + } +} + +#nav-bar[tabsontop=true], +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + toolbar, +#nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + #customToolbars + #PersonalToolbar { + background-image: linear-gradient(var(--toolbar-highlight-top), var(--toolbar-highlight-bottom)); +} + +#personal-bookmarks { + min-height: 24px; +} + +#print-preview-toolbar:not(:-moz-lwtheme) { + -moz-appearance: toolbox; +} + +#browser-bottombox:not(:-moz-lwtheme) { + background-color: -moz-dialog; +} + +/* ::::: app menu button ::::: */ + +#appmenu-button { + -moz-appearance: none; + background-clip: padding-box; + border: 1px solid; + border-top: none; + color: white; + text-shadow: 0 0 1px rgba(0,0,0,.7), + 0 1px 1.5px rgba(0,0,0,.5); + font-weight: bold; + padding: 0 1.5em .05em; + margin: 0 0 2px; +} + +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + #appmenu-button { + border-radius: 0 0 4px 4px; + } +} + +@media (-moz-windows-classic) { + #appmenu-button { + margin-bottom: 1px; + } +} + +#appmenu-button:hover:active, +#appmenu-button[open] { + border-radius: 0; +} + +%ifdef MOZ_OFFICIAL_BRANDING +#appmenu-button { + background-image: linear-gradient(rgb(82,182,247), rgb(10,98,215) 95%); + border-color: rgba(6,42,83,.9); + box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, + 0 0 0 1px rgba(255,255,255,.25) inset; +} +#appmenu-button:hover:not(:active):not([open]) { + background-image: radial-gradient(farthest-side at bottom, rgba(89,240,252,.5) 10%, rgba(89,240,252,0) 70%), + radial-gradient(farthest-side at bottom, rgb(60,68,236), rgba(172,229,255,0)), + linear-gradient(rgb(69,170,246), rgb(30,40,209) 95%); + border-color: rgba(6,42,83,.9); + box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, + 0 0 2px 1px rgba(169,234,250,.7) inset, + 0 -1px 0 rgba(169,234,250,.5) inset; +} +#appmenu-button:hover:active, +#appmenu-button[open] { + background-image: linear-gradient(rgb(69,170,246), rgb(0,74,209) 95%); + box-shadow: 0 2px 3px rgba(0,0,0,.4) inset, + 0 1px 1px rgba(0,0,0,.2) inset; +} +%else +%if MOZ_UPDATE_CHANNEL == aurora +#appmenu-button { + background-image: linear-gradient(hsl(208,99%,37%), hsl(214,90%,23%) 95%); + border-color: hsla(214,89%,21%,.9); + box-shadow: 0 1px 0 hsla(205,100%,72%,.2) inset, + 0 0 2px 1px hsla(205,100%,72%,.25) inset; +} +#appmenu-button:hover:not(:active):not([open]) { + background-image: radial-gradient(farthest-side at bottom, hsla(202,100%,85%,.5) 10%, hsla(202,100%,85%,0) 70%), + radial-gradient(farthest-side at bottom, hsla(205,100%,72%,.7), hsla(205,100%,72%,0)), + linear-gradient(hsl(208,98%,34%), hsl(213,87%,20%) 95%); + border-color: hsla(214,89%,21%,.9); + box-shadow: 0 1px 0 hsla(205,100%,72%,.15) inset, + 0 0 2px 1px hsla(205,100%,72%,.5) inset, + 0 -1px 0 hsla(205,100%,72%,.2) inset; +} +#appmenu-button:hover:active, +#appmenu-button[open] { + background-image: linear-gradient(hsl(208,95%,30%), hsl(214,85%,17%) 95%); + box-shadow: 0 2px 3px rgba(0,0,0,.4) inset, + 0 1px 1px rgba(0,0,0,.2) inset; +} +%else +#appmenu-button { + background-image: linear-gradient(hsl(211,33%,32%), hsl(209,53%,10%) 95%); + border-color: hsla(210,59%,13%,.9); + box-shadow: 0 1px 0 hsla(210,48%,90%,.15) inset, + 0 0 2px 1px hsla(211,65%,85%,.15) inset; +} +#appmenu-button:hover:not(:active):not([open]) { + background-image: radial-gradient(farthest-side at bottom, hsla(210,48%,90%,.5) 10%, hsla(210,48%,90%,0) 70%), + radial-gradient(farthest-side at bottom, hsla(211,70%,83%,.5), hsla(211,70%,83%,0)), + linear-gradient(hsl(211,33%,32%), hsl(209,53%,10%) 95%); + border-color: hsla(210,59%,13%,.9); + box-shadow: 0 1px 0 hsla(210,48%,90%,.15) inset, + 0 0 2px 1px hsla(210,48%,90%,.4) inset, + 0 -1px 0 hsla(210,48%,90%,.2) inset; +} +#appmenu-button:hover:active, +#appmenu-button[open] { + background-image: linear-gradient(hsl(211,33%,26%), hsl(209,53%,6%) 95%); + box-shadow: 0 2px 3px rgba(0,0,0,.4) inset, + 0 1px 1px rgba(0,0,0,.2) inset; +} +%endif +%endif + +#main-window[privatebrowsingmode=temporary] #appmenu-button { + background-image: linear-gradient(rgb(153,38,211), rgb(105,19,163) 95%); + border-color: rgba(43,8,65,.9); +} + +#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:not(:active):not([open]) { + background-image: radial-gradient(farthest-side at bottom, rgba(240,193,255,.5) 10%, rgba(240,193,255,0) 70%), + radial-gradient(farthest-side at bottom, rgb(192,81,247), rgba(236,172,255,0)), + linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%); + border-color: rgba(43,8,65,.9); + box-shadow: 0 1px 0 rgba(255,255,255,.1) inset, + 0 0 2px 1px rgba(240,193,255,.7) inset, + 0 -1px 0 rgba(240,193,255,.5) inset; +} + +#main-window[privatebrowsingmode=temporary] #appmenu-button:hover:active, +#main-window[privatebrowsingmode=temporary] #appmenu-button[open] { + background-image: linear-gradient(rgb(144,20,207), rgb(95,0,158) 95%); +} + + + +#appmenu-button > .button-box { + border-style: none; + padding: 0; +} + +#appmenu-button > .button-box > .button-menu-dropmarker { + list-style-image: url(appmenu-dropmarker.png); + width: auto; + height: auto; + padding: 0; + margin: 0; + -moz-margin-start: .5em; +} + +.splitmenu-menuitem { + -moz-margin-end: 1px; + -moz-padding-end: 0.5em; +} + +.splitmenu-menu { + -moz-box-pack: end; +} + +.appmenu-edit-button { + -moz-appearance: none; + border: 1px solid transparent; + padding: 2px; + background: transparent; + border-radius: 3px; +} + +.appmenu-edit-button[disabled="true"] { + opacity: .3; +} + +#appmenuPrimaryPane { + -moz-border-end: 1px solid ThreeDShadow; +} + +@media (-moz-windows-default-theme) { + #appmenu-popup { + -moz-appearance: none; + background: white; + border: 1px solid ThreeDShadow; + } + #appmenuPrimaryPane { + background-color: rgba(255,255,255,0.5); + padding: 2px; + -moz-border-end: none; + } + #appmenuSecondaryPane { + background-color: #f1f5fb; + box-shadow: 1px 0 2px rgb(204,214,234) inset; + -moz-padding-start: 3px; + -moz-padding-end: 2px; + padding-top: 2px; + padding-bottom: 2px; + font-family: "Segoe UI Semibold", "Segoe UI", sans-serif; + } + #appmenuSecondaryPane:-moz-locale-dir(rtl) { + box-shadow: -1px 0 2px rgb(204,214,234) inset; + } + + #appmenuPrimaryPane menupopup { + -moz-appearance: none; + background-image: linear-gradient(to right, white 26px, ThreeDLightShadow 26px, + ThreeDLightShadow 27px, ThreeDHighlight 27px, + ThreeDHighlight 28px, white 28px); + border: 3px solid; + -moz-border-top-colors: ThreeDShadow white; + -moz-border-bottom-colors: ThreeDShadow white; + -moz-border-left-colors: ThreeDShadow white; + -moz-border-right-colors: ThreeDShadow white; + } + + #appmenuSecondaryPane menupopup { + -moz-appearance: none; + background-image: linear-gradient(to right, #f1f5fb 26px, ThreeDLightShadow 26px, + ThreeDLightShadow 27px, ThreeDHighlight 27px, + ThreeDHighlight 28px, #f1f5fb 28px); + border: 3px solid; + -moz-border-top-colors: ThreeDShadow #f1f5fb; + -moz-border-bottom-colors: ThreeDShadow #f1f5fb; + -moz-border-left-colors: ThreeDShadow #f1f5fb; + -moz-border-right-colors: ThreeDShadow #f1f5fb; + } + + #appmenuPrimaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, white 26px, ThreeDLightShadow 26px, + ThreeDLightShadow 27px, ThreeDHighlight 27px, + ThreeDHighlight 28px, white 28px); + } + #appmenuSecondaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, #f1f5fb 26px, ThreeDLightShadow 26px, + ThreeDLightShadow 27px, ThreeDHighlight 27px, + ThreeDHighlight 28px, #f1f5fb 28px); + } + + /* Hi-DPI overrides of the menu backgrounds, to adjust where the gutter line falls */ + @media (min-resolution: 1.25dppx) { + #appmenuPrimaryPane menupopup { + background-image: linear-gradient(to right, white 22.4px, ThreeDLightShadow 22.4px, + ThreeDLightShadow 23.2px, ThreeDHighlight 23.2px, + ThreeDHighlight 24px, white 24px); + } + #appmenuSecondaryPane menupopup { + background-image: linear-gradient(to right, #f1f5fb 22.4px, ThreeDLightShadow 22.4px, + ThreeDLightShadow 23.2px, ThreeDHighlight 23.2px, + ThreeDHighlight 24px, #f1f5fb 24px); + } + #appmenuPrimaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, white 22.4px, ThreeDLightShadow 22.4px, + ThreeDLightShadow 23.2px, ThreeDHighlight 23.2px, + ThreeDHighlight 24px, white 24px); + } + #appmenuSecondaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, #f1f5fb 22.4px, ThreeDLightShadow 22.4px, + ThreeDLightShadow 23.2px, ThreeDHighlight 23.2px, + ThreeDHighlight 24px, #f1f5fb 24px); + } + } + + @media (min-resolution: 1.5dppx) { + #appmenuPrimaryPane menupopup { + background-image: linear-gradient(to right, white 20.6667px, ThreeDLightShadow 20.6667px, + ThreeDLightShadow 21.3333px, ThreeDHighlight 21.3333px, + ThreeDHighlight 22px, white 22px); + } + #appmenuSecondaryPane menupopup { + background-image: linear-gradient(to right, #f1f5fb 20.6667px, ThreeDLightShadow 20.6667px, + ThreeDLightShadow 21.3333px, ThreeDHighlight 21.3333px, + ThreeDHighlight 22px, #f1f5fb 22px); + } + #appmenuPrimaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, white 20.6667px, ThreeDLightShadow 20.6667px, + ThreeDLightShadow 21.3333px, ThreeDHighlight 21.3333px, + ThreeDHighlight 22px, white 22px); + } + #appmenuSecondaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, #f1f5fb 20.6667px, ThreeDLightShadow 20.6667px, + ThreeDLightShadow 21.3333px, ThreeDHighlight 21.3333px, + ThreeDHighlight 22px, #f1f5fb 22px); + } + } + + @media (min-resolution: 2dppx) { + #appmenuPrimaryPane menupopup { + background-image: linear-gradient(to right, white 19.5px, ThreeDLightShadow 19.5px, + ThreeDLightShadow 20px, ThreeDHighlight 20px, + ThreeDHighlight 20.5px, white 20.5px); + } + #appmenuSecondaryPane menupopup { + background-image: linear-gradient(to right, #f1f5fb 19.5px, ThreeDLightShadow 19.5px, + ThreeDLightShadow 20px, ThreeDHighlight 20px, + ThreeDHighlight 20.5px, #f1f5fb 20.5px); + } + #appmenuPrimaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, white 19.5px, ThreeDLightShadow 19.5px, + ThreeDLightShadow 20px, ThreeDHighlight 20px, + ThreeDHighlight 20.5px, white 20.5px); + } + #appmenuSecondaryPane menupopup:-moz-locale-dir(rtl) { + background-image: linear-gradient(to left, #f1f5fb 19.5px, ThreeDLightShadow 19.5px, + ThreeDLightShadow 20px, ThreeDHighlight 20px, + ThreeDHighlight 20.5px, #f1f5fb 20.5px); + } + } + + .appmenu-menuseparator { + -moz-appearance: none; + margin-top: 3px; + margin-bottom: 3px; + -moz-margin-start: 30px; + padding: 0; + border-top: 1px solid #d6e5f5; + border-bottom: none; + } + + @media (min-resolution: 1.25dppx) { + .appmenu-menuseparator { + -moz-margin-start: 25px; + } + } + @media (min-resolution: 1.5dppx) { + .appmenu-menuseparator { + -moz-margin-start: 24px; + } + } + @media (min-resolution: 2dppx) { + .appmenu-menuseparator { + -moz-margin-start: 22px; + } + } + + .appmenu-edit-button:not([disabled]):hover { + border: 1px solid #b8d6fb; + box-shadow: inset 0 0 1px white; + background: linear-gradient(#fafbfd, #ebf3fd); + transition: .2s ease-in; + } +} + +#appmenuSecondaryPane-spacer { + min-height: 1em; +} + +#appmenu-editmenu { + -moz-box-pack: end; +} + +#appmenu_print, +#appmenu_print_popup, +.appmenu-edit-button, +#appmenu-editmenu-cut, +#appmenu-editmenu-copy, +#appmenu-editmenu-paste, +#appmenu-quit { + list-style-image: url("appmenu-icons.png"); +} + +#appmenu-cut, +#appmenu-editmenu-cut { + -moz-image-region: rect(0 16px 16px 0); +} + +#appmenu-copy, +#appmenu-editmenu-copy { + -moz-image-region: rect(0 32px 16px 16px); +} + +#appmenu-paste, +#appmenu-editmenu-paste { + -moz-image-region: rect(0 48px 16px 32px); +} + +#appmenu_print, +#appmenu_print_popup { + -moz-image-region: rect(0 64px 16px 48px); +} + +#appmenu-quit { + -moz-image-region: rect(0 80px 16px 64px); +} + +#appmenu-edit-label { + -moz-appearance: none; + background: transparent; + font-style: italic; +} + +#appmenu_bookmarks { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0px 48px 16px 32px); +} + +#appmenu_privateBrowsing, +#appmenu_newPrivateWindow { + list-style-image: url("chrome://browser/skin/Privacy-16.png"); +} + +@media (min-resolution: 1.25dppx) { + #appmenu_privateBrowsing, + #appmenu_newPrivateWindow { + list-style-image: url("chrome://browser/skin/Privacy-32.png"); + } +} + +#appmenu_addons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png"); +} + +@media (min-resolution: 1.25dppx) { + #appmenu_addons { + list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png"); + } +} + +#appmenu_showAllBookmarks, +#bookmarksShowAll, +#BMB_bookmarksShowAll { + list-style-image: url("chrome://browser/skin/places/allBookmarks.png"); +} + +#appmenu_bookmarkThisPage, +#menu_bookmarkThisPage, +#BMB_bookmarkThisPage { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0 16px 16px 0); +} + +#appmenu_showAllHistory, +#menu_showAllHistory, +#HMB_showAllHistory { + list-style-image: url("chrome://browser/skin/places/history.png"); +} + +#appmenu_sanitizeHistory, +#sanitizeItem, +#HMB_sanitizeItem { + list-style-image: url("chrome://browser/skin/sanitize.png"); +} + +/* ::::: titlebar ::::: */ + +#main-window[sizemode="normal"] > #titlebar { + -moz-appearance: -moz-window-titlebar; +} + +#main-window[sizemode="maximized"] > #titlebar { + -moz-appearance: -moz-window-titlebar-maximized; +} + +@media (-moz-windows-classic) { + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container { + margin-top: 4px; + } +} + +#titlebar-buttonbox { + -moz-appearance: -moz-window-button-box; +} + +#main-window[sizemode="maximized"] #titlebar-buttonbox { + -moz-appearance: -moz-window-button-box-maximized; +} + +.titlebar-placeholder[type="appmenu-button"] { + margin-left: 4px; +} + +.titlebar-placeholder[type="caption-buttons"] { + margin-left: 22px; /* additional space for Aero Snap */ +} + +/* titlebar command buttons */ + +#titlebar-min { + -moz-appearance: -moz-window-button-minimize; +} + +#titlebar-max { + -moz-appearance: -moz-window-button-maximize; +} + +#main-window[sizemode="maximized"] #titlebar-max { + -moz-appearance: -moz-window-button-restore; +} + +#titlebar-close { + -moz-appearance: -moz-window-button-close; +} + +@media not all and (-moz-windows-classic) { + #titlebar-min { + -moz-margin-end: 2px; + } +} + +/* ::::: bookmark buttons ::::: */ + +toolbarbutton.bookmark-item { + margin: 0; + padding: 2px 3px; +} + +toolbarbutton.bookmark-item:hover:active:not([disabled="true"]), +toolbarbutton.bookmark-item[open="true"] { + padding-top: 3px; + padding-bottom: 1px; + -moz-padding-start: 4px; + -moz-padding-end: 2px; +} + +.bookmark-item:not(#bookmarks-menu-button) > .toolbarbutton-icon { + width: 16px; + height: 16px; +} + +/* Prevent [mode="icons"] from hiding the label */ +.bookmark-item > .toolbarbutton-text { + display: -moz-box !important; +} + +.bookmark-item > .toolbarbutton-menu-dropmarker { + display: none; +} + +#wrapper-personal-bookmarks[place="palette"] > .toolbarpaletteitem-box { + background: url("chrome://browser/skin/places/bookmarksToolbar.png") no-repeat center; +} + +.bookmarks-toolbar-customize { + max-width: 15em !important; + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; +} + +/* ::::: bookmark menus ::::: */ + +menu.bookmark-item, +menuitem.bookmark-item { + min-width: 0; + max-width: 32em; +} + +.bookmark-item > .menu-iconic-left { + margin-top: 0; + margin-bottom: 0; +} + +.bookmark-item > .menu-iconic-left > .menu-iconic-icon { + -moz-padding-start: 0px; +} + +/* ::::: bookmark items ::::: */ + +.bookmark-item { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.bookmark-item[container] { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[container][open] { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +.bookmark-item[container][livemark] { + list-style-image: url("chrome://browser/skin/livemark-folder.png"); + -moz-image-region: auto; +} + +.bookmark-item[container][livemark] .bookmark-item { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +.bookmark-item[container][livemark] .bookmark-item[visited] { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[container][query] { + list-style-image: url("chrome://browser/skin/places/query.png"); + -moz-image-region: auto; +} + +.bookmark-item[query][tagContainer] { + list-style-image: url("chrome://browser/skin/places/tag.png"); + -moz-image-region: auto; +} + +.bookmark-item[query][dayContainer] { + list-style-image: url("chrome://browser/skin/places/calendar.png"); + -moz-image-region: auto; +} + +.bookmark-item[query][hostContainer] { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.bookmark-item[query][hostContainer][open] { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +.bookmark-item[cutting] > .toolbarbutton-icon, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-icon { + opacity: 0.5; +} + +.bookmark-item[cutting] > .toolbarbutton-text, +.bookmark-item[cutting] > .menu-iconic-left > .menu-iconic-text { + opacity: 0.7; +} + +/* ::::: primary toolbar buttons ::::: */ + +.toolbarbutton-1 { + list-style-image: var(--toolbarbutton-image); +} + +toolbar[brighttext] .toolbarbutton-1 { + list-style-image: var(--toolbarbutton-inverted-image); +} + +.toolbarbutton-1:not(:-moz-lwtheme) { + list-style-image: var(--toolbarbutton-glass-image); +} + +.toolbarbutton-1[disabled=true] > .toolbarbutton-icon, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker, +.toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +.toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +.toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +.toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); +} + +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menu-dropmarker, +toolbar[brighttext] .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); +} + +.toolbarbutton-1 > .toolbarbutton-icon, +.toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-margin-end: 0; +} + +toolbar[mode=full] .toolbarbutton-1:not([type=menu-button]) { + -moz-box-orient: vertical; +} + +toolbar[mode=full] .toolbarbutton-1, +toolbar[mode=full] .toolbarbutton-1 > .toolbarbutton-menubutton-button { + min-width: 57px; +} + +#nav-bar { + /* force iconsize="small" on this toolbar */ + counter-reset: smallicons; +} + +@navbarLargeIcons@ .toolbarbutton-1, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-appearance: none; + border: none; + padding: 0; + background: none; +} + +@navbarLargeIcons@ .toolbarbutton-1:not([type=menu-button]), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + padding: 5px 2px; + -moz-box-pack: center; +} + +@navbarLargeIcons@ .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button) { + padding-left: 5px; + padding-right: 5px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > menupopup { + margin-top: -3px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button { + -moz-padding-end: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { + -moz-padding-start: 0; + -moz-box-align: center; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + padding: 2px 6px; + background: var(--toolbarbutton-background-color) padding-box; + background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,100%,.1)); + background-clip: padding-box; + border-radius: var(--toolbarbutton-border-radius); + border: 1px solid; + border-color: var(--toolbarbutton-border-color) var(--toolbarbutton-border-color) var(--toolbarbutton-border-color); + box-shadow: 0 1px hsla(0,0%,100%,.05) inset, + 0 1px hsla(210,54%,20%,.05), + 0 0 2px hsla(210,54%,20%,.05); +} + +@media (-moz-os-version: windows-win10) { + /* Square is the new round, courtesy of microsoft */ + :root { + --toolbarbutton-border-radius: 0px; + } +} + +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1:not(:-moz-any(@primaryToolbarButtons@)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + padding: 3px 7px; +} + +@navbarLargeIcons@ .toolbarbutton-1[type=menu]:not(#back-button):not(#forward-button):not(#feed-button) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ { + -moz-padding-end: 17px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menu-dropmarker { + -moz-margin-start: -15px; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon { + -moz-border-end: none; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + padding: 8px 5px 7px; +} + +@navbarLargeIcons@ .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before { + content: ""; + display: -moz-box; + width: 1px; + height: 18px; + -moz-margin-end: -1px; + background-image: linear-gradient(var(--toolbarbutton-border-color) 0, var(--toolbarbutton-border-color) 18px); + background-clip: padding-box; + background-position: center; + background-repeat: no-repeat; + background-size: 1px 18px; + box-shadow: 0 0 0 1px hsla(0,0%,100%,.2); +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon:-moz-locale-dir(ltr), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon:-moz-locale-dir(rtl), +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon { + background-image: linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,100%,.5)); + border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.3) hsla(210,54%,20%,.35); + box-shadow: 0 1px hsla(0,0%,100%,.3) inset, + 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):not([open]):not(:active):hover > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { + background-color: hsla(210,48%,96%,.75); + border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4); + box-shadow: 0 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); +} + +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-stack, +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover:active > .toolbarbutton-icon, +@navbarLargeIcons@ .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { + background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); + background-color: hsla(210,54%,20%,.15); + border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4); + box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset, + 0 0 1px var(--toolbarbutton-border-color) inset, + /* allows windows-keyhole-forward-clip-path to be used for non-hover as well as hover: */ + 0 1px 0 hsla(210,54%,20%,0), + 0 0 2px hsla(210,54%,20%,0); + text-shadow: none; +} + +@navbarLargeIcons@ .toolbarbutton-1:-moz-any(:hover,[open]) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon { + -moz-border-start-color: hsla(210,54%,20%,.35); +} + +@navbarLargeIcons@ .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon { + background-color: rgba(90%,90%,90%,.4); + transition: background-color .4s; +} + +:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1, +:-moz-any(#TabsToolbar, #addon-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button, +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + -moz-appearance: none; + border-style: none; + padding: 0 3px; +} + +#TabsToolbar .toolbarbutton-1:not([disabled]):hover, +#TabsToolbar .toolbarbutton-1[open], +#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover, +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover, +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover { + background-image: linear-gradient(var(--toolbar-highlight-bottom), var(--toolbar-highlight-top)), + linear-gradient(transparent, rgba(0,0,0,.25) 30%), + linear-gradient(transparent, rgba(0,0,0,.25) 30%); + background-position: 1px -1px, 0 -1px, 100% -1px; + background-size: calc(100% - 2px) 100%, 1px 100%, 1px 100%; + background-repeat: no-repeat; +} + +#addon-bar .toolbarbutton-1:not([disabled]):hover, +#addon-bar .toolbarbutton-1[open], +#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover { + background-image: linear-gradient(to top, transparent, rgba(0,0,0,.15)), + linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%), + linear-gradient(to top, transparent, rgba(0,0,0,.15) 30%); + background-position: left, left, right; + background-size: auto, 1px 100%, 1px 100%; + background-repeat: no-repeat; +} + +/* unified back/forward button */ + +#back-button { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#forward-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#forward-button:-moz-locale-dir(rtl), +#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-text { + transform: scaleX(-1); +} + +@conditionalForwardWithUrlbar@ { + -moz-box-align: center; +} + +@conditionalForwardWithUrlbar@ > .toolbarbutton-1:-moz-any([disabled],:not([disabled]):not([open]):not(:active)) > .toolbarbutton-icon { + border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.3) hsla(210,54%,20%,.35); + box-shadow: 0 1px hsla(0,0%,100%,.3) inset, + 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); +} + +@conditionalForwardWithUrlbar@ > #forward-button { + padding: 0; +} + +@conditionalForwardWithUrlbar@ > #forward-button > menupopup { + margin-top: 1px; +} + +@conditionalForwardWithUrlbar@ > #forward-button > .toolbarbutton-icon { + clip-path: url(chrome://browser/content/browser.xul#windows-keyhole-forward-clip-path); + -moz-margin-start: -6px !important; + border-left-style: none; + border-radius: 0; + padding-left: 7px; + padding-right: 3px; +} + +@conditionalForwardWithUrlbar2@ > #forward-button:-moz-locale-dir(ltr) > .toolbarbutton-icon { + border-top-right-radius: var(--toolbarbutton-border-radius); + border-bottom-right-radius: var(--toolbarbutton-border-radius); +} + +@conditionalForwardWithUrlbar2@ > #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + border-top-left-radius: var(--toolbarbutton-border-radius); + border-bottom-left-radius: var(--toolbarbutton-border-radius); +} + +@conditionalForwardWithUrlbar@ > #forward-button:not([disabled]):not([open]):not(:active):hover > .toolbarbutton-icon { + background-color: hsla(210,48%,96%,.75); + border-color: hsla(210,54%,20%,.3) hsla(210,54%,20%,.35) hsla(210,54%,20%,.4); + box-shadow: 0 0 1px hsla(210,54%,20%,.03), + 0 0 2px hsla(210,54%,20%,.1); +} + +@conditionalForwardWithUrlbar@ > #back-button { + -moz-image-region: rect(18px, 20px, 38px, 0); + padding-top: 3px; + padding-bottom: 3px; + -moz-padding-start: 5px; + -moz-padding-end: 0; + position: relative; + z-index: 1; + border-radius: 0 10000px 10000px 0; +} + +@conditionalForwardWithUrlbar@ > #back-button:-moz-locale-dir(rtl) { + border-radius: 10000px 0 0 10000px; +} + +@conditionalForwardWithUrlbar@ > #back-button > menupopup { + margin-top: -1px; +} + +@conditionalForwardWithUrlbar@ > #back-button > .toolbarbutton-icon { + border-radius: 10000px; + padding: 5px; + border: none; + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(210,54%,20%,.25), + 0 1px 0 hsla(210,54%,20%,.35); +} + +@conditionalForwardWithUrlbar@ > #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon { + background-color: hsla(210,48%,96%,.75); + box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(0,0%,100%,.3) inset, + 0 0 0 1px hsla(210,54%,20%,.3), + 0 1px 0 hsla(210,54%,20%,.4), + 0 0 4px var(--toolbarbutton-border-color); +} + +@conditionalForwardWithUrlbar@ > #back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon, +@conditionalForwardWithUrlbar@ > #back-button[open="true"] > .toolbarbutton-icon { + background-color: hsla(210,54%,20%,.15); + box-shadow: 0 1px 1px hsla(210,54%,20%,.1) inset, + 0 0 1px var(--toolbarbutton-border-color) inset, + 0 0 0 1px hsla(210,54%,20%,.4), + 0 1px 0 var(--toolbarbutton-border-color); +} + +@conditionalForwardWithUrlbar@ > #back-button[disabled] > .toolbarbutton-icon { + box-shadow: 0 0 0 1px hsla(210,54%,20%,.55), + 0 1px 0 hsla(210,54%,20%,.65); +} + +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(ltr), +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://browser/skin/menu-back.png") !important; +} + +.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(ltr), +.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) { + list-style-image: url("chrome://browser/skin/menu-forward.png") !important; +} + +#stop-button { + -moz-image-region: rect(0, 54px, 18px, 36px); +} + +#reload-button { + -moz-image-region: rect(0, 72px, 18px, 54px); +} + +#home-button.bookmark-item { + list-style-image: var(--toolbarbutton-image); +} +toolbar[brighttext] #home-button.bookmark-item { + list-style-image: var(--toolbarbutton-inverted-image); +} + +#home-button.bookmark-item:not(:-moz-lwtheme) { + list-style-image: var(--toolbarbutton-glass-image); +} + +#home-button { + -moz-image-region: rect(0, 90px, 18px, 72px); +} + +#downloads-button { + -moz-image-region: rect(0, 108px, 18px, 90px); +} + +#history-button, +#history-menu-button { + -moz-image-region: rect(0, 126px, 18px, 108px); +} + +#bookmarks-button, +#bookmarks-menu-button { + -moz-image-region: rect(0, 144px, 18px, 126px); +} + +#bookmarks-menu-button.bookmark-item { + list-style-image: var(--toolbarbutton-image); +} + +toolbar[brighttext] #bookmarks-menu-button.bookmark-item { + list-style-image: var(--toolbarbutton-inverted-image); +} + +#bookmarks-menu-button.bookmark-item:not(:-moz-lwtheme) { + list-style-image: var(--toolbarbutton-glass-image); +} + +#print-button { + -moz-image-region: rect(0, 162px, 18px, 144px); +} + +#new-tab-button { + -moz-image-region: rect(0, 180px, 18px, 162px); +} + +#new-window-button { + -moz-image-region: rect(0, 198px, 18px, 180px); +} + +#cut-button { + -moz-image-region: rect(0, 216px, 18px, 198px); +} + +#copy-button { + -moz-image-region: rect(0, 234px, 18px, 216px); +} + +#paste-button { + -moz-image-region: rect(0, 252px, 18px, 234px); +} + +#fullscreen-button { + -moz-image-region: rect(0, 270px, 18px, 252px); +} + +#zoom-out-button { + -moz-image-region: rect(0, 288px, 18px, 270px); +} + +#zoom-in-button { + -moz-image-region: rect(0, 306px, 18px, 288px); +} + +#sync-button { + -moz-image-region: rect(0, 324px, 18px, 306px); +} +#sync-button[status="active"] { + list-style-image: url("chrome://browser/skin/sync-throbber.png"); + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#feed-button { + -moz-image-region: rect(0, 342px, 18px, 324px); +} + +%ifdef MOZ_WEBRTC +#webrtc-status-button { + -moz-image-region: rect(0, 360px, 18px, 342px); +} +%endif + +/* ::::: fullscreen window controls ::::: */ + +#window-controls { + -moz-margin-start: 4px; +} + +#minimize-button, +#restore-button, +#close-button { + list-style-image: url("chrome://global/skin/icons/windowControls.png"); + padding: 0; +} + +#minimize-button { + -moz-image-region: rect(0, 16px, 16px, 0); +} +#minimize-button:hover { + -moz-image-region: rect(16px, 16px, 32px, 0); +} +#minimize-button:hover:active { + -moz-image-region: rect(32px, 16px, 48px, 0); +} +#restore-button { + -moz-image-region: rect(0, 32px, 16px, 16px); +} +#restore-button:hover { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +#restore-button:hover:active { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +#close-button { + -moz-image-region: rect(0, 48px, 16px, 32px); + -moz-appearance: none; + border-style: none; + margin: 2px; +} +#close-button:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +#close-button:hover:active { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} + +/* ::::: Location Bar ::::: */ + +#urlbar, +.searchbar-textbox { + -moz-appearance: none; + margin: 1px 3px; + padding: 0; + background-clip: padding-box; + border: 1px solid ThreeDShadow; + border-radius: 2px; +} + +#urlbar { + width: 7em; + -moz-padding-end: 2px; +} + +@media (-moz-windows-default-theme) { + #urlbar, + .searchbar-textbox { + @navbarTextboxCustomBorder@ + } +} + +#urlbar:-moz-lwtheme, +.searchbar-textbox:-moz-lwtheme { + background-color: rgba(255,255,255,.8); + @navbarTextboxCustomBorder@ + color: black; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container { + padding-left: @conditionalForwardWithUrlbarWidth@px; + -moz-margin-start: -@conditionalForwardWithUrlbarWidth@px; + position: relative; + pointer-events: none; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar { + -moz-border-start: none; + margin-left: 0; + pointer-events: all; +} + +@conditionalForwardWithUrlbar@:not([switchingtabs]) + #urlbar-container > #urlbar { + transition: margin-left @forwardTransitionLength@ ease-out; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(ltr) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container { + clip-path: url("chrome://browser/content/browser.xul#windows-urlbar-back-button-clip-path"); +} + +@conditionalForwardWithUrlbar@ + #urlbar-container:-moz-locale-dir(rtl), +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar:-moz-locale-dir(rtl) { + /* let windows-urlbar-back-button-mask clip the urlbar's right side for RTL */ + transform: scaleX(-1); +} + +html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, +.searchbar-textbox:-moz-lwtheme > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input::-moz-placeholder { + opacity: 1.0; + color: #777; +} + +#urlbar:-moz-lwtheme[focused="true"], +.searchbar-textbox:-moz-lwtheme[focused="true"] { + background-color: white; +} + +#urlbar-container { + -moz-box-orient: horizontal; + -moz-box-align: stretch; +} + +.urlbar-textbox-container { + -moz-box-align: stretch; +} + +.urlbar-input-box { + -moz-margin-start: 0; + min-width: 4em; +} + +#urlbar-icons { + -moz-box-align: center; +} + +.urlbar-icon { + padding: 0 3px; +} + +.searchbar-engine-button, +.search-go-container { + padding: 2px 2px; +} + +.urlbar-icon:hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.3), hsla(200,100%,70%,0)); +} + +.urlbar-icon[open="true"], +.urlbar-icon:hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.1), hsla(200,100%,70%,0)); +} + +#urlbar-search-splitter { + min-width: 6px; + -moz-margin-start: -3px; + border: none; + background: transparent; +} + +#urlbar-search-splitter + #urlbar-container > #urlbar , +#urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { + -moz-margin-start: 0; +} + +#urlbar-display-box { + -moz-border-end: 1px solid #AAA; + -moz-margin-end: 3px; +} + +#urlbar-display { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: 0; + color: GrayText; +} + +/* identity box */ + +#identity-box { + padding: 2px; + font-size: .9em; +} + +#identity-box:-moz-locale-dir(ltr) { + border-top-left-radius: 1.5px; + border-bottom-left-radius: 1.5px; +} + +#identity-box:-moz-locale-dir(rtl) { + border-top-right-radius: 1.5px; + border-bottom-right-radius: 1.5px; +} + +#notification-popup-box:not([hidden]) + #identity-box { + -moz-padding-start: 10px; + border-radius: 0; +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar > #identity-box { + border-radius: 0; +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { + color: hsl(92,100%,20%); + -moz-margin-end: 4px; + background-image: -moz-linear-gradient(hsla(92,81%,16%,0), + hsla(92,81%,16%,.08) 25%, + hsla(92,81%,16%,.08) 75%, + hsla(92,81%,16%,0)); + background-position: right; + background-repeat: no-repeat; + border-right: 1px solid hsla(92,100%,20%,0.5); +} + +#urlbar[pageproxystate="valid"] > #identity-box.verifiedDomain { + color: rgb(0,79,168); + -moz-margin-end: 4px; + background-image: -moz-linear-gradient(rgba(0,79,168,0), + rgba(0,79,168,.08) 25%, + rgba(0,79,168,.08) 75%, + rgba(0,79,168,0)); + background-position: right; + background-repeat: no-repeat; + border-right: 1px solid rgba(0,79,168,0.5); +} + +#identity-box.verifiedIdentity:-moz-locale-dir(rtl) { + background-position: left; + border-right: none; + border-left: 1px solid hsla(92,100%,20%,0.5); +} + +#identity-box.verifiedDomain:-moz-locale-dir(rtl) { + background-position: left; + border-right: none; + border-left: 1px solid rgba(0,79,168,0.5); +} + +#identity-box:-moz-focusring { + outline: 1px dotted #000; + outline-offset: -3px; +} + +#identity-icon-labels { + -moz-padding-start: 2px; + -moz-padding-end: 5px; +} + +/* Address bar shading for SSL */ + +#urlbar[https_color="all"][security_level="broken"], +#urlbar[https_color="all"][security_level="low"] { + box-shadow: inset 0 0 2px rgb(168,0,0); +} + +#urlbar[https_color="all"][security_level="mixed"], +#urlbar[https_color="secure-mixed"][security_level="mixed"] { + box-shadow: inset 0 0 2px rgb(168,79,0); +} + +#urlbar[https_color="all"][security_level="high"], +#urlbar[https_color="secure-mixed"][security_level="high"], +#urlbar[https_color="secure-only"][security_level="high"] { + box-shadow: inset 0 0 2px rgb(0,79,168); +} + +#urlbar[https_color="all"][security_level="ev"], +#urlbar[https_color="secure-mixed"][security_level="ev"], +#urlbar[https_color="secure-only"][security_level="ev"] { + box-shadow: inset 0 0 2px rgb(0,168,0); +} + +#urlbar[https_color="all"][security_level="broken"]:not(:-moz-lwtheme), +#urlbar[https_color="all"][security_level="low"]:not(:-moz-lwtheme) { + box-shadow: inset 0 0 3px rgba(168,0,0,0.8); +} + +#urlbar[https_color="all"][security_level="mixed"]:not(:-moz-lwtheme), +#urlbar[https_color="secure-mixed"][security_level="mixed"]:not(:-moz-lwtheme) { + box-shadow: inset 0 0 3px rgba(168,79,0,0.8); +} + +#urlbar[https_color="all"][security_level="high"]:not(:-moz-lwtheme), +#urlbar[https_color="secure-mixed"][security_level="high"]:not(:-moz-lwtheme), +#urlbar[https_color="secure-only"][security_level="high"]:not(:-moz-lwtheme) { + box-shadow: inset 0 0 3px rgba(0,79,168,0.8); +} + +#urlbar[https_color="all"][security_level="ev"]:not(:-moz-lwtheme), +#urlbar[https_color="secure-mixed"][security_level="ev"]:not(:-moz-lwtheme), +#urlbar[https_color="secure-only"][security_level="ev"]:not(:-moz-lwtheme) { + box-shadow: inset 0 0 3px rgba(0,168,0,0.8); +} + +/* Location bar dropmarker */ + +.urlbar-history-dropmarker { + -moz-appearance: none; + padding: 0 3px; + background-color: transparent; + border: none; + width: auto; + list-style-image: url("chrome://browser/skin/urlbar-history-dropmarker.png"); + -moz-image-region: rect(0px, 11px, 14px, 0px); +} + +.urlbar-history-dropmarker:hover { + background-image: radial-gradient(circle closest-side, hsla(205,100%,70%,.3), hsla(205,100%,70%,0)); + -moz-image-region: rect(0px, 22px, 14px, 11px); +} + +.urlbar-history-dropmarker:hover:active, +.urlbar-history-dropmarker[open="true"] { + background-image: radial-gradient(circle closest-side, hsla(205,100%,70%,.1), hsla(205,100%,70%,0)); + -moz-image-region: rect(0px, 33px, 14px, 22px); +} + +/* page proxy icon */ + +#page-proxy-favicon { + width: 16px; + height: 16px; + margin-top: 1px; + margin-bottom: 1px; + -moz-margin-start: 3px; + -moz-margin-end: 2px; + list-style-image: url(chrome://browser/skin/identity-icons-generic.png); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +@conditionalForwardWithUrlbar@ + #urlbar-container > #urlbar > #identity-box > #page-proxy-favicon { + -moz-margin-end: 1px; +} + +/* Since we already have a padlock, always use the generic icon until the favicon loads +.verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https.png); +} + +.verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-ev.png); +} + +.mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] { + list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png); +} +*/ + +#identity-box:hover > #page-proxy-favicon { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#identity-box:hover:active > #page-proxy-favicon, +#identity-box[open=true] > #page-proxy-favicon { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#page-proxy-favicon[pageproxystate="invalid"] { + opacity: 0.3; +} + +/* autocomplete */ + +#treecolAutoCompleteImage { + max-width: 36px; +} + +.ac-result-type-bookmark, +.autocomplete-treebody::-moz-tree-image(bookmark, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0px 48px 16px 32px); + width: 16px; + height: 16px; +} + +.ac-result-type-keyword, +.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage) { + list-style-image: url(chrome://global/skin/icons/Search-glass.png); + -moz-image-region: rect(0px 32px 16px 16px); + width: 16px; + height: 16px; +} + +.ac-result-type-tag, +.autocomplete-treebody::-moz-tree-image(tag, treecolAutoCompleteImage) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + width: 16px; + height: 16px; +} + +.ac-comment { + font-size: 1.06em; +} + +.ac-extra > .ac-comment { + font-size: 1em; +} + +.ac-url-text, +.ac-action-text { + font-size: 1em; + color: -moz-nativehyperlinktext; +} + +richlistitem[type~="action"][actiontype="switchtab"] > .ac-url-box > .ac-action-icon { + list-style-image: url("chrome://browser/skin/actionicon-tab.png"); + -moz-image-region: rect(0, 16px, 11px, 0); + padding: 0 3px; +} + +@media not all and (-moz-os-version: windows-vista), + not all and (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-win7), + not all and (-moz-windows-default-theme) { + richlistitem[type~="action"][actiontype$="tab"][selected="true"] > .ac-url-box > .ac-action-icon { + -moz-image-region: rect(11px, 16px, 22px, 0); + } + + .ac-comment[selected="true"], + .ac-url-text[selected="true"], + .ac-action-text[selected="true"] { + color: inherit !important; + } + } +} + +.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { + color: GrayText; +} + +.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; +} + +/* combined go/reload/stop button in location bar */ + +#go-button, +#urlbar > toolbarbutton { + -moz-appearance: none; + padding: 0 2px; + background-origin: border-box; + border: none; + list-style-image: url("chrome://browser/skin/reload-stop-go.png"); +} + +#go-button { + padding: 0 3px; +} + +#urlbar-reload-button { + -moz-image-region: rect(0, 14px, 14px, 0); +} + +#urlbar-reload-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), hsla(200,100%,70%,0)); + -moz-image-region: rect(14px, 14px, 28px, 0); +} + +#urlbar-reload-button:not([disabled]):hover:active { + background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), hsla(200,100%,60%,0)); + -moz-image-region: rect(28px, 14px, 42px, 0); +} + +#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#go-button, +#urlbar-go-button { + -moz-image-region: rect(0, 42px, 14px, 28px); +} + +#go-button:hover, +#urlbar-go-button:hover { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), hsla(110,70%,50%,0)); + -moz-image-region: rect(14px, 42px, 28px, 28px); +} + +#go-button:hover:active, +#urlbar-go-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), hsla(110,70%,50%,0)); + -moz-image-region: rect(28px, 42px, 42px, 28px); +} + +#go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +#urlbar-stop-button { + -moz-image-region: rect(0, 28px, 14px, 14px); +} + +#urlbar-stop-button:not([disabled]):hover { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), hsla(5,100%,75%,0)); + -moz-image-region: rect(14px, 28px, 28px, 14px); +} + +#urlbar-stop-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), hsla(5,100%,75%,0)); + -moz-image-region: rect(28px, 28px, 42px, 14px); +} + +/* popup blocker button */ + +#page-report-button { + list-style-image: url("chrome://browser/skin/urlbar-popup-blocked.png"); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#page-report-button:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#page-report-button:hover:active, +#page-report-button[open="true"] { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +/* star button */ + +#star-button { + list-style-image: url("chrome://browser/skin/places/bookmark.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#star-button:hover { + background-image: radial-gradient(circle closest-side, hsla(45,100%,73%,.3), hsla(45,100%,73%,0)); + -moz-image-region: rect(0px 32px 16px 16px); +} + +#star-button:hover:active { + background-image: radial-gradient(circle closest-side, hsla(45,100%,73%,.1), hsla(45,100%,73%,0)); + -moz-image-region: rect(0px 48px 16px 32px); +} + +#star-button[starred] { + list-style-image: url("chrome://browser/skin/places/editBookmark.png"); +} + +/* bookmarking panel */ + +#editBookmarkPanelStarIcon { + list-style-image: url("chrome://browser/skin/places/starred48.png"); + width: 48px; + height: 48px; +} + +#editBookmarkPanelStarIcon[unstarred] { + list-style-image: url("chrome://browser/skin/places/unstarred48.png"); +} + +#editBookmarkPanelTitle { + font-size: 130%; +} + +#editBookmarkPanelHeader, +#editBookmarkPanelContent { + margin-bottom: .5em; +} + +/* Implements editBookmarkPanel resizing on folderTree un-collapse. */ +#editBMPanel_folderTree { + min-width: 27em; +} + +/* ::::: content area ::::: */ + +#sidebar { + background-color: Window; +} + +#sidebar-title { + -moz-padding-start: 0px; +} + +/* ::::: throbber ::::: */ + +#navigator-throbber { + width: 16px; + min-height: 16px; + margin: 0 3px; +} + +#navigator-throbber[busy="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#navigator-throbber, +#wrapper-navigator-throbber > #navigator-throbber { + list-style-image: url("chrome://global/skin/icons/notloading_16.png"); +} + +/* Tabstrip */ + +#TabsToolbar { + min-height: 0; + padding: 0; +} + +/* Make sure the Navigation toolbar buttons are more or less + vertically centered between the tabs and the AppMenu button + when the tabs are not on top and the Bookmarks toolbar is + disabled */ +#nav-bar + #customToolbars + #PersonalToolbar:-moz-any([collapsed=true],[moz-collapsed=true]) + #TabsToolbar[tabsontop=false] { + margin-top: 1px; +} + +/* Make sure the elements on the Tab bar are not "glued" right + up against the AppMenu button / the caption when the tabs are + on top and the window is unmaximized */ +#main-window[sizemode="normal"] #TabsToolbar[tabsontop=true] { + margin-top: 1px; +} + +#TabsToolbar:not(:-moz-lwtheme), +#TabsToolbar[tabsontop=false] { + background-image: linear-gradient(to top, @toolbarShadowColor@ 1px, rgba(0,0,0,.05) 1px, transparent 50%); +} + +/* When the tab bar is collapsed, show a 1px border in its place. */ +#TabsToolbar[tabsontop="false"][collapsed="true"]:not([customizing="true"]) { + visibility: visible; + height: 1px; + border-bottom-width: 1px; + /* !important here to override border-style: none on the toolbar */ + border-bottom-style: solid !important; + border-bottom-color: var(--toolbox-after-color); + overflow: hidden; +} + +.tabbrowser-tab, +.tabs-newtab-button { + -moz-appearance: none; + background: @toolbarShadowOnTab@, var(--tab-background), + linear-gradient(-moz-dialog, -moz-dialog); + background-clip: padding-box; + padding: 3px 1px 4px; + /* Setting a transparent outer border allows us to have a 1px gap + between the tabs and the top edge of the screen, even when the + tabs have a top margin of 0, which is important for Fitts' law + compliance */ + border: 1.6px solid; + border-bottom: none; + border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px; + -moz-border-top-colors: transparent #929292; + -moz-border-left-colors: transparent #929292; + -moz-border-right-colors: transparent #929292; + /* Hide the transparent top border by default */ + margin-top: -1px; + /* Reduce the gap between the tabs */ + -moz-margin-start: -1px; + box-shadow: var(--tab-box-shadow); +} + +.tabbrowser-tab { + -moz-padding-end: 3px; +} + +/* Override the default (globally-set) tab width values; increase + by 2px to compensate for the transparent outer border of the tabs */ +.tabbrowser-tab:not([pinned]) { + max-width: 252px; + min-width: 102px; +} + +/* When the tabs are on top and the window is maximized or in full- + screen mode, unhide the transparent top border of the tabs so we + have a 1px gap between the tabs and the top edge of the screen */ +#main-window[sizemode="maximized"][tabsontop=true] .tabbrowser-tab, +#main-window[sizemode="maximized"][tabsontop=true] .tabs-newtab-button, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabbrowser-tab, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabs-newtab-button { + margin-top: 0px; +} + +@media (-moz-os-version: windows-win8) { + /* Square is the new round, courtesy of microsoft */ + /* We keep the hinting at round here because that's the hybrid in use + on our other controls in the navigation toolbars */ + :root { + --tab-border-radius: 3.5px; + } +} + +@media (-moz-os-version: windows-win10) { + /* Square is the new round, courtesy of microsoft */ + :root { + --tab-border-radius: 0px; + --tab-box-shadow: none; + } +} + +.tabbrowser-tab:hover, +.tabs-newtab-button:hover { + background-image: @toolbarShadowOnTab@, var(--tab-background-hover), + linear-gradient(-moz-dialog, -moz-dialog); +} + +.tabbrowser-tab[selected="true"] { + background-image: linear-gradient(var(--tab-selected-highlight), var(--toolbar-highlight-top) 50%), + linear-gradient(-moz-dialog, -moz-dialog); +} + +#main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) { + background-image: @toolbarShadowOnTab@, + linear-gradient(var(--tab-selected-highlight), var(--toolbar-highlight-top) 50%), + linear-gradient(-moz-dialog, -moz-dialog); +} + +.tabbrowser-tab:-moz-lwtheme { + color: inherit; + /* 0.99 opacity rquired to force an active layer, see bug #1028369 */ + opacity: 0.99; +} + +.tabbrowser-tab:-moz-lwtheme:not([selected="true"]) { + opacity: 0.9; +} + +/* Remove highlight fuzz on dark themes */ +.tabbrowser-tab:-moz-lwtheme-brighttext, +.tabs-newtab-button:-moz-lwtheme-brighttext { + box-shadow:none; + -moz-border-top-colors: transparent #707070; + -moz-border-left-colors: transparent #707070; + -moz-border-right-colors: transparent #707070; +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme { + background-image: linear-gradient(var(--tab-selected-highlight), var(--toolbar-highlight-top) 50%); +} + +.tabbrowser-tab[selected="true"]:-moz-lwtheme-brighttext { + background-image: linear-gradient(rgba(128,128,128,.9), rgba(32,32,32,.9) 50%, rgba(32,32,32,.9) 80%, var(--toolbar-highlight-top) 100%); + -moz-border-top-colors: transparent #D0D0D0; + -moz-border-left-colors: transparent #D0D0D0; + -moz-border-right-colors: transparent #D0D0D0; +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-brighttext { + background-image: linear-gradient(hsla(0,0%,25%,.4), hsla(0,0%,15%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-brighttext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-brighttext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,10%,.8) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]), +.tabs-newtab-button:-moz-lwtheme-darktext { + background-image: linear-gradient(hsla(0,0%,75%,.4), hsla(0,0%,85%,.6) 80%); +} + +.tabbrowser-tab:-moz-lwtheme-darktext:not([selected="true"]):hover, +.tabs-newtab-button:-moz-lwtheme-darktext:hover { + background-image: linear-gradient(hsla(0,0%,60%,.4), hsla(0,0%,90%,.8) 80%); +} + +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) { + background-image: radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,1) 3%, rgba(186,221,251,.75) 40%, rgba(127,179,255,.5) 80%, rgba(127,179,255,.25)); +} +.tabbrowser-tab[pinned][titlechanged]:not([selected="true"]):hover { + background-image: linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 80%), + radial-gradient(circle farthest-corner at 50% 3px, rgba(255,255,255,1) 3%, rgba(186,221,251,.75) 40%, rgba(127,179,255,.5) 80%, rgba(127,179,255,.25)); +} + +.tab-throbber, +.tab-icon-image { + width: 16px; + height: 16px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + -moz-margin-start: 2px; + -moz-margin-end: 3px; +} + +.tab-throbber { + list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); +} + +.tab-throbber[progress] { + list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); +} + +.tab-throbber[pinned], +.tab-icon-image[pinned] { + -moz-margin-start: 5px; + -moz-margin-end: 5px; +} + +/* tabbrowser-tab focus ring */ +.tabbrowser-tab:focus > .tab-stack { + outline: 1px dotted; +} + +/* Tab DnD indicator */ +.tab-drop-indicator { + list-style-image: url(chrome://browser/skin/tabbrowser/tabDragIndicator.png); + margin-bottom: -11px; +} + +/* Tab close button */ +.tab-close-button { + -moz-appearance: none; + border: none; + padding: 0px; +} + +.tab-close-button:not([selected]):not(:hover):not(:active) { + -moz-image-region: rect(0, 64px, 16px, 48px); +} + +.tab-close-button:-moz-lwtheme-brighttext { + list-style-image: url("chrome://global/skin/icons/close-inverted.svg"); +} + +/* Tab sound indicator */ +.tab-icon-sound { + -moz-margin-start: 4px; + width: 16px; + height: 16px; + padding: 0; +} + +.allTabs-endimage[soundplaying], +.tab-icon-sound[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio"); +} + +.allTabs-endimage[muted], +.tab-icon-sound[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-muted"); +} + +.allTabs-endimage[blocked], +.tab-icon-sound[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[soundplaying], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[blocked], +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-sound[muted] { + filter: invert(1); +} + +.tab-icon-sound[soundplaying-scheduledremoval]:not([muted]):not(:hover), +.tab-icon-overlay[soundplaying-scheduledremoval]:not([muted]):not(:hover) { + transition: opacity .3s linear var(--soundplaying-removal-delay); + opacity: 0; +} + +/* Tab icon overlay */ +.tab-icon-overlay { + width: 16px; + height: 16px; + margin-top: -8px; + margin-inline-start: -15px; + margin-inline-end: -1px; + position: relative; +} + +.tab-icon-overlay[soundplaying], +.tab-icon-overlay[muted]:not([crashed]), +.tab-icon-overlay[blocked]:not([crashed]) { + border-radius: 10px; +} + +.tab-icon-overlay[soundplaying]:hover, +.tab-icon-overlay[muted]:not([crashed]):hover, +.tab-icon-overlay[blocked]:not([crashed]):hover { + background-color: white; +} + +.tab-icon-overlay[soundplaying] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio"); +} + +.tab-icon-overlay[muted] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-muted"); +} + +.tab-icon-overlay[blocked] { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-blocked"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[soundplaying]:not([selected]):not(:hover), +.tab-icon-overlay[soundplaying][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[muted]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[muted][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-muted"); +} + +#TabsToolbar:-moz-lwtheme-brighttext .tab-icon-overlay[blocked]:not([crashed]):not([selected]):not(:hover), +.tab-icon-overlay[blocked][selected]:-moz-lwtheme-brighttext:not(:hover) { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-audio-small.svg#tab-audio-white-blocked"); +} + +/* Tab scrollbox arrow, tabstrip new tab and all-tabs buttons */ + +.tabbrowser-arrowscrollbox > .scrollbutton-up, +.tabbrowser-arrowscrollbox > .scrollbutton-down { + list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left.png"); + margin: 0; + padding-right: 2px; + border-right: 2px solid transparent; + background-origin: border-box; +} + +/* Prevent the icon from being vertically stretched when we unhide + the transparent top border of the tabs (when the tabs are on top + and the window is maximized or in full-screen mode) */ +#main-window[sizemode="maximized"][tabsontop=true] .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +#main-window[sizemode="maximized"][tabsontop=true] .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon, +#main-window[sizemode="fullscreen"][tabsontop=true] .tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon { + margin-bottom: 1px; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(windows-compositor):not(:-moz-lwtheme), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(windows-compositor):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-glass.png); +} + +toolbar[brighttext] .tabbrowser-arrowscrollbox > .scrollbutton-up, +toolbar[brighttext] .tabbrowser-arrowscrollbox > .scrollbutton-down { + list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled], +.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] { + opacity: .4; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl), +.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) { + transform: scaleX(-1); +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down { + transition: 1s background-color ease-out; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] { + background-color: Highlight; + transition: none; +} + +.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]), +.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]) { + border-width: 0 2px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/tabbrowser/tab-overflow-border.png") 0 2 0 2 fill; +} + +.tabs-newtab-button > .toolbarbutton-icon { + margin-top: -1px; + margin-bottom: -1px; +} + +.tabs-newtab-button, +#TabsToolbar > #new-tab-button, +#TabsToolbar > toolbarpaletteitem > #new-tab-button { + list-style-image: url(chrome://browser/skin/tabbrowser/newtab.png); + -moz-image-region: auto; +} + +#TabsToolbar > #new-tab-button:-moz-system-metric(windows-compositor):not(:-moz-lwtheme), +#TabsToolbar > toolbarpaletteitem > #new-tab-button:-moz-system-metric(windows-compositor):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/tabbrowser/newtab-glass.png); +} + +.tabs-newtab-button:-moz-lwtheme-brighttext, +#TabsToolbar[brighttext] > #new-tab-button, +#TabsToolbar[brighttext] > toolbarpaletteitem > #new-tab-button { + list-style-image: url(chrome://browser/skin/tabbrowser/newtab-inverted.png); +} + +.tabs-newtab-button { +/* The button has a transparent outer border, so it will appear + to be 2px narrower than the width we set for it here */ + width: 30px; +} + +#TabsToolbar > #new-tab-button { + width: 26px; +} + +#alltabs-button { + list-style-image: url("chrome://browser/skin/tabbrowser/alltabs.png"); + -moz-image-region: rect(0, 14px, 16px, 0); +} + +#alltabs-button[type="menu"] { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png"); + -moz-image-region: auto; +} + +toolbar[brighttext] #alltabs-button { + list-style-image: url("chrome://browser/skin/tabbrowser/alltabs-inverted.png"); +} + +:-moz-any(#TabsToolbar, #nav-bar[tabsontop=false], #toolbar-menubar) > #alltabs-button[type=menu]:-moz-system-metric(windows-compositor):not(:-moz-lwtheme), +:-moz-any(#TabsToolbar, #nav-bar[tabsontop=false], #toolbar-menubar) > toolbarpaletteitem > #alltabs-button[type=menu]:-moz-system-metric(windows-compositor):not(:-moz-lwtheme), +toolbar[brighttext] #alltabs-button[type="menu"] { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); +} + +#alltabs-button[type="menu"] > .toolbarbutton-icon { + margin: 0 2px; +} + +#alltabs-button[type="menu"] > .toolbarbutton-menu-dropmarker { + display: none; +} + +/* All tabs menupopup */ +.alltabs-item > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +.alltabs-item[selected="true"] { + font-weight: bold; +} + +.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.alltabs-item[tabIsVisible] { + /* box-shadow instead of background-color to work around native styling */ + box-shadow: inset -5px 0 ThreeDShadow; +} + +/* Tabstrip close button */ +.tabs-closebutton { + -moz-appearance: none; + padding: 4px 2px; + margin: 0px; + border: none; +} + +toolbar[brighttext] .tabs-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted.svg"); +} + +.tabs-closebutton > .toolbarbutton-icon { + -moz-margin-end: 0px !important; + -moz-padding-end: 2px !important; + -moz-padding-start: 2px !important; +} + +toolbarbutton.chevron { + list-style-image: url("chrome://global/skin/toolbar/chevron.gif") !important; +} + +toolbarbutton.chevron:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +toolbarbutton.chevron > .toolbarbutton-text, +toolbarbutton.chevron > .toolbarbutton-menu-dropmarker { + display: none; +} + +toolbarbutton.chevron > .toolbarbutton-icon { + margin: 0; +} + +toolbar[mode="text"] toolbarbutton.chevron > .toolbarbutton-icon { + display: -moz-box; /* display chevron icon in text mode */ +} + +#sidebar-throbber[loading="true"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); + -moz-margin-end: 4px; +} + +/* Pale Moon: Feed icon */ +#ub-feed-button, +#ub-feed-button > .button-box, +#ub-feed-button:hover:active > .button-box { + padding: 0px; + margin: 0px; + border: 0px; + background-color: transparent !important; +} + +#ub-feed-button { + -moz-appearance: none; + min-width: 0px; + list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +#ub-feed-button:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +#ub-feed-button[open="true"], +#ub-feed-button:hover:active { + -moz-image-region: rect(0px 48px 16px 32px); +} + + +/* Bookmarks toolbar */ +#PlacesToolbarDropIndicator { + list-style-image: url(chrome://browser/skin/places/toolbarDropMarker.png); +} + +toolbarbutton.bookmark-item[dragover="true"][open="true"] { + -moz-appearance: none; + background: Highlight !important; + color: HighlightText !important; +} + +/* rules for menupopup drop indicators */ +.menupopup-drop-indicator-bar { + position: relative; + /* these two margins must together compensate the indicator's height */ + margin-top: -1px; + margin-bottom: -1px; +} + +.menupopup-drop-indicator { + list-style-image: none; + height: 2px; + -moz-margin-end: -4em; + background-color: Highlight; +} + +/* ::::: Identity Indicator Styling ::::: */ + +/* Popup Icons */ +#identity-popup-icon { + height: 64px; + width: 64px; + padding: 0; + list-style-image: url("chrome://browser/skin/identity.png"); + -moz-image-region: rect(0px, 64px, 64px, 0px); +} + +#identity-popup.verifiedDomain > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(64px, 64px, 128px, 0px); +} + +#identity-popup.verifiedIdentity > #identity-popup-container > #identity-popup-icon { + -moz-image-region: rect(128px, 64px, 192px, 0px); +} + +/* Popup Body Text */ +.identity-popup-description { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 2px 0 4px; +} + +.identity-popup-label { + white-space: pre-wrap; + -moz-padding-start: 15px; + margin: 0; +} + +#identity-popup-content-host, +#identity-popup-content-box.verifiedIdentity > #identity-popup-content-owner { + font-size: 1.2em; +} + +#identity-popup-content-host { + margin-top: 3px; + margin-bottom: 5px; + font-weight: bold; + max-width: 300px; +} + +#identity-popup-content-owner { + margin-top: 4px; + margin-bottom: 0 !important; + font-weight: bold; + max-width: 300px; +} + +.verifiedDomain > #identity-popup-content-owner { + font-weight: normal; +} + +#identity-popup-content-verifier { + margin: 4px 0 2px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption { + margin-top: 10px; + -moz-margin-start: -24px; +} + +#identity-popup-content-box.verifiedIdentity > #identity-popup-encryption > vbox > #identity-popup-encryption-icon , +#identity-popup-content-box.verifiedDomain > #identity-popup-encryption > vbox > #identity-popup-encryption-icon { + list-style-image: url("chrome://browser/skin/Secure24.png"); +} + +#identity-popup-more-info-button { + margin-top: 6px; + margin-bottom: 0; + -moz-margin-end: 0; +} + +.popup-notification-icon { + width: 64px; + height: 64px; + -moz-margin-end: 10px; +} + +.popup-notification-icon[popupid="geolocation"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} + +.popup-notification-icon[popupid="xpinstall-disabled"], +.popup-notification-icon[popupid="addon-progress"], +.popup-notification-icon[popupid="addon-install-cancelled"], +.popup-notification-icon[popupid="addon-install-blocked"], +.popup-notification-icon[popupid="addon-install-origin-blocked"], +.popup-notification-icon[popupid="addon-install-failed"], +.popup-notification-icon[popupid="addon-install-complete"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png); + width: 32px; + height: 32px; +} + +.popup-notification-icon[popupid="click-to-play-plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginBlocked-64.png); +} + +.popup-notification-icon[popupid="web-notifications"] { + list-style-image: url(chrome://browser/skin/notification-64.png); +} + +.addon-progress-description { + width: 350px; + max-width: 350px; +} + +.popup-progress-label, +.popup-progress-meter { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + +.popup-progress-cancel { + -moz-appearance: none; + background: transparent; + border: none; + padding: 0; + margin: 0; + min-height: 0; + min-width: 0; + list-style-image: url(chrome://mozapps/skin/downloads/downloadButtons.png); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +.popup-progress-cancel:hover { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +.popup-progress-cancel:active { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} + +.popup-notification-icon[popupid="indexedDB-permissions-prompt"], +.popup-notification-icon[popupid="indexedDB-quota-prompt"], +.popup-notification-icon[popupid*="offline-app-requested"], +.popup-notification-icon[popupid="offline-app-usage"] { + list-style-image: url(chrome://global/skin/icons/question-64.png); +} + +.popup-notification-icon[popupid="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} + +.popup-notification-icon[popupid="mixed-content-blocked"] { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-64.png); +} + +%ifdef MOZ_WEBRTC +.popup-notification-icon[popupid="webRTC-sharingDevices"], +.popup-notification-icon[popupid="webRTC-shareDevices"] { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); +} +%endif + +.popup-notification-icon[popupid="pointerLock"] { + list-style-image: url(chrome://browser/skin/pointerLock-64.png); +} + +/* Notification icon box */ +#notification-popup-box { + position: relative; + background-color: #fff; + background-clip: padding-box; + padding-left: 3px; + border-radius: var(--toolbarbutton-border-radius) 0 0 var(--toolbarbutton-border-radius); + border-width: 0 8px 0 0; + border-style: solid; + border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; + -moz-margin-end: -8px; +} + +@conditionalForwardWithUrlbar@[forwarddisabled] + #urlbar-container > #urlbar > #notification-popup-box { + padding-left: 5px; +} + +#notification-popup-box:-moz-locale-dir(rtl), +.notification-anchor-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.notification-anchor-icon { + width: 16px; + height: 16px; + margin: 0 2px; +} + +.notification-anchor-icon:-moz-focusring { + outline: 1px dotted -moz-DialogText; + outline-offset: -3px; +} + +.default-notification-icon, +#default-notification-icon { + list-style-image: url(chrome://global/skin/icons/information-16.png); +} + +.geo-notification-icon, +#geo-notification-icon { + list-style-image: url(chrome://browser/skin/Geolocation-16.png); +} + +#addons-notification-icon { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-16.png); +} + +.indexedDB-notification-icon, +#indexedDB-notification-icon { + list-style-image: url(chrome://global/skin/icons/question-16.png); +} + +#password-notification-icon { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-16.png); +} + +#plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); +} + +#alert-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); +} + +#blocked-plugins-notification-icon { + list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); +} + +#plugins-notification-icon, +#alert-plugins-notification-icon, +#blocked-plugins-notification-icon { + -moz-image-region: rect(0, 16px, 16px, 0); +} + +#plugins-notification-icon:hover, +#alert-plugins-notification-icon:hover, +#blocked-plugins-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#plugins-notification-icon:active, +#alert-plugins-notification-icon:active, +#blocked-plugins-notification-icon:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#notification-popup-box[hidden] { + /* Override display:none to make the pluginBlockedNotification animation work + when showing the notification repeatedly. */ + display: -moz-box; + visibility: collapse; +} + +#blocked-plugins-notification-icon[showing] { + animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; +} + +@keyframes pluginBlockedNotification { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + +.mixed-content-blocked-notification-icon, +#mixed-content-blocked-notification-icon { + list-style-image: url(chrome://browser/skin/mixed-content-blocked-16.png); +} + +%ifdef MOZ_WEBRTC +.webRTC-shareDevices-notification-icon, +#webRTC-shareDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16.png); +} + +.webRTC-sharingDevices-notification-icon, +#webRTC-sharingDevices-notification-icon { + list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16.png); +} +%endif + +.web-notifications-notification-icon, +#web-notifications-notification-icon { + list-style-image: url(chrome://browser/skin/web-notifications-tray.svg); + -moz-image-region: rect(0, 16px, 16px, 0); +} + +.web-notifications-notification-icon:hover, +#web-notifications-notification-icon:hover { + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +.web-notifications-notification-icon:hover:active, +#web-notifications-notification-icon:hover:active { + -moz-image-region: rect(0, 48px, 16px, 32px); +} + +#pointerLock-notification-icon { + list-style-image: url(chrome://browser/skin/pointerLock-16.png); +} +#pointerLock-cancel { + margin: 0px; +} + +#identity-popup-container { + min-width: 280px; +} + +/* Bookmarks roots menu-items */ +#appmenu_subscribeToPage:not([disabled]), +#appmenu_subscribeToPageMenu, +#subscribeToPageMenuitem:not([disabled]), +#subscribeToPageMenupopup, +#BMB_subscribeToPageMenuitem:not([disabled]), +#BMB_subscribeToPageMenupopup { + list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png"); +} + +#appmenu_bookmarksToolbar, +#bookmarksToolbarFolderMenu, +#BMB_bookmarksToolbar { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +#appmenu_unsortedBookmarks, +#menu_unsortedBookmarks, +#BMB_unsortedBookmarks { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* ::::: Keyboard UI Panel ::::: */ + +.KUI-panel { + -moz-appearance: none; + background: rgba(27%,27%,27%,.9) url(KUI-background.png) repeat-x; + color: white; + border-style: none; + border-radius: 20px; +} + +.KUI-panel[level="top"] { + background-color: rgba(27%,27%,27%,.65); +} + +.KUI-panel-closebutton { + list-style-image: url(KUI-close.png); + -moz-appearance: none; + border: none; + padding: 0; + width: 24px; + height: 24px; +} + +.KUI-panel-closebutton:not(:hover) { + opacity: .6; +} + +.KUI-panel-closebutton > .toolbarbutton-icon { + margin: 0; +} + +/* ::::: Ctrl-Tab and All Tabs Panels ::::: */ + +/* Ctrl-Tab */ + +#ctrlTab-panel { + padding: 20px 10px 10px; + font-weight: bold; + text-shadow: 0 0 1px rgb(27%,27%,27%), 0 0 2px rgb(27%,27%,27%); +} + +.ctrlTab-favicon[src] { + background-color: white; + width: 20px; + height: 20px; + padding: 2px; +} + +.ctrlTab-preview-inner > .tabPreview-canvas { + box-shadow: 1px 1px 2px rgb(12%,12%,12%); +} + +.ctrlTab-preview:not(#ctrlTab-showAll) > * > .ctrlTab-preview-inner > .tabPreview-canvas { + margin-bottom: 2px; +} + +.ctrlTab-preview-inner { + padding-bottom: 10px; +} + +#ctrlTab-showAll:not(:focus) > * > .ctrlTab-preview-inner { + padding: 10px; + background-color: rgba(255,255,255,.2); + border-radius: .5em; +} + +.ctrlTab-preview:focus > * > .ctrlTab-preview-inner { + color: white; + background-color: rgba(0,0,0,.6); + text-shadow: none; + padding: 8px; + border: 2px solid white; + border-radius: .5em; +} + +.ctrlTab-preview:not(#ctrlTab-showAll):focus > * > .ctrlTab-preview-inner { + margin: -10px -10px 0; +} + +#ctrlTab-showAll { + margin-top: .5em; +} + +/* All Tabs */ + +#allTabs-panel { + padding-bottom: 10px; + -moz-appearance: none; + border: none; + background: -moz-dialog; + color: -moz-dialogText; +} + +#allTabs-meta { + margin: 10px; +} + +#allTabs-filter { + -moz-margin-start: 24px; + -moz-margin-end: 0; +} + +#allTabs-tab-close-button > .toolbarbutton-icon { + margin: 0; +} + +/* Make sure the allTab previews always have regular close buttons */ +#allTabs-tab-close-button:-moz-lwtheme-brighttext { + list-style-image: url("chrome://global/skin/icons/close.svg"); +} + +.allTabs-favicon[src] { + background-color: -moz-dialog; + width: 22px; + height: 22px; + padding-top: 1px; + padding-bottom: 5px; + -moz-padding-start: 1px; + -moz-padding-end: 5px; + margin-top: -2px; + -moz-margin-start: -2px; + border-bottom-right-radius: 4px; +} + +.allTabs-favicon[src]:-moz-locale-dir(rtl) { + border-bottom-right-radius: 0; + border-bottom-left-radius: 4px; +} + +.allTabs-preview-inner > .tabPreview-canvas { + background-color: rgb(60%,60%,60%); + box-shadow: 0 0 1.5px ThreeDShadow; +} + +.allTabs-preview:not(:hover):not([closebuttonhover]) > html|canvas { + opacity: .8; +} + +.allTabs-preview:focus > * > .allTabs-preview-inner { + outline: 1px dotted -moz-dialogText; +} + +/* Add-on bar */ + +#addon-bar { + -moz-appearance: none; + min-height: 20px; + border-top-style: none; + border-bottom-style: none; + padding-top: 1px; + background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); + background-size: 100% 2px; + background-repeat: no-repeat; +} + +#status-bar { + -moz-appearance: none; + background-color: transparent; + border: none; + min-height: 0; +} + +#addon-bar[customizing] > #status-bar { + opacity: .5; + background-image: repeating-linear-gradient(135deg, + rgba(255,255,255,.3), rgba(255,255,255,.3) 5px, + rgba(0,0,0,.3) 5px, rgba(0,0,0,.3) 10px); +} + +#status-bar > statusbarpanel { + border-width: 0; + -moz-appearance: none; +} + +#addonbar-closebutton { + border: none; + padding: 0 5px; + -moz-appearance: none; +} + +toolbar[brighttext] #addonbar-closebutton { + list-style-image: url("chrome://global/skin/icons/close-inverted.svg"); +} + +/* Status panel */ + +.statuspanel-label { + margin: 0; + padding: 2px 4px; + background: linear-gradient(#fff, #ddd); + border: 1px none #ccc; + border-top-style: solid; + color: #333; + text-shadow: none; +} + +.statuspanel-label:-moz-locale-dir(ltr):not([mirror]), +.statuspanel-label:-moz-locale-dir(rtl)[mirror] { + border-right-style: solid; + /* disabled for triggering grayscale AA (bug 659213) + border-top-right-radius: .3em; + */ + margin-right: 1em; +} + +.statuspanel-label:-moz-locale-dir(rtl):not([mirror]), +.statuspanel-label:-moz-locale-dir(ltr)[mirror] { + border-left-style: solid; + /* disabled for triggering grayscale AA (bug 659213) + border-top-left-radius: .3em; + */ + margin-left: 1em; +} + +#full-screen-warning-message { + background-color: hsl(0,0%,15%); + color: white; + border-radius: 8px; + margin-top: 30px; + padding: 30px 50px; + box-shadow: 0 0 2px white; +} + +.full-screen-description { + font-size: 150%; +} + +#full-screen-domain-text { + font-size: 300%; +} + +%ifdef MOZ_DEVTOOLS +%include ../../../../devtools/client/themes/responsivedesign.inc.css +%include ../../../../devtools/client/themes/commandline.inc.css +%endif +%include ../shared/plugin-doorhanger.inc.css + +%ifdef MOZ_DEVTOOLS +/* Error counter */ + +#developer-toolbar-toolbox-button[error-count]:before { + color: #FDF3DE; + min-width: 16px; + text-shadow: none; + background-image: linear-gradient(#B4211B, #8A1915); + border-radius: 1px; + -moz-margin-end: 5px; +} +%endif + +.toolbarbutton-badge-stack { + margin: 0; + padding: 0; + position: relative; +} + +@navbarLargeIcons@ .toolbarbutton-1 > .toolbarbutton-badge-stack { + padding: 2px 5px; +} + +.toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbar-icon { + position: absolute; + top: 2px; + right: 2px; +} + +.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { + -moz-margin-end: 0; +} + +@navbarLargeIcons@ *|* > .toolbarbutton-badge[badge]:not([badge=""])::after { + top: 1px; + right: 1px; +} + +.toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 0; + right: auto; +} + +@navbarLargeIcons@ *|* > .toolbarbutton-badge[badge]:not([badge=""]):-moz-locale-dir(rtl)::after { + left: 1px; + right: auto; +} + +#main-window[privatebrowsingmode=temporary] #toolbar-menubar { + background-image: url("chrome://browser/skin/privatebrowsing-dark.png"); + background-position: top right; + background-repeat: no-repeat; +} + +#main-window[privatebrowsingmode=temporary] #toolbar-menubar:-moz-locale-dir(rtl) { + background-position: top left; +} + +#main-window[privatebrowsingmode=temporary] #appmenu-button > .button-box > .box-inherit > .button-icon { + list-style-image: url("chrome://browser/skin/privatebrowsing-light.png"); + width: 20px; + height: 16px; +} + +@media not all and (-moz-windows-classic) { + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container { + margin-top: 1px; + } + + #appmenu-button { + border-width: 2px; + -moz-border-left-colors: @appMenuButtonBorderColor@; + -moz-border-bottom-colors: @appMenuButtonBorderColor@; + -moz-border-right-colors: @appMenuButtonBorderColor@; + margin-bottom: 1px; /* compensate white outer border */ + box-shadow: 0 1px 0 rgba(255,255,255,.25) inset, + 0 0 2px 1px rgba(255,255,255,.25) inset; + } + + #main-window[privatebrowsingmode=temporary] #appmenu-button { + -moz-border-left-colors: rgba(255,255,255,.5) rgba(43,8,65,.9); + -moz-border-bottom-colors: rgba(255,255,255,.5) rgba(43,8,65,.9); + -moz-border-right-colors: rgba(255,255,255,.5) rgba(43,8,65,.9); + } + + #appmenu-popup { + margin-top: -1px; + -moz-margin-start: 1px; + } + + .panel-promo-message { + font-style: italic; + } +} + +@media (-moz-windows-default-theme) { + #navigator-toolbox > toolbar:not(:-moz-lwtheme), + #browser-bottombox:not(:-moz-lwtheme) { + background-color: var(--toolbar-custom-color); + } + + .tabbrowser-tab:not(:-moz-lwtheme), + .tabs-newtab-button:not(:-moz-lwtheme) { + background-image: @toolbarShadowOnTab@, var(--tab-background), + linear-gradient(var(--toolbar-custom-color), var(--toolbar-custom-color)); + } + + .tabbrowser-tab:not(:-moz-lwtheme):hover, + .tabs-newtab-button:not(:-moz-lwtheme):hover { + background-image: @toolbarShadowOnTab@, var(--tab-background-hover), + linear-gradient(var(--toolbar-custom-color), var(--toolbar-custom-color)); + } + + .tabbrowser-tab[selected="true"]:not(:-moz-lwtheme) { + background-image: linear-gradient(#fff, var(--toolbar-highlight-top) 50%), + linear-gradient(var(--toolbar-custom-color), var(--toolbar-custom-color)); + } + + #main-window[tabsontop=false]:not([disablechrome]) .tabbrowser-tab[selected=true]:not(:-moz-lwtheme) { + background-image: @toolbarShadowOnTab@, + linear-gradient(#fff, var(--toolbar-highlight-top) 50%), + linear-gradient(var(--toolbar-custom-color), var(--toolbar-custom-color)); + } + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + :root:not(:-moz-lwtheme) { + --toolbox-after-color: #aabccf; + } + } + + @media (-moz-os-version: windows-win8), + (-moz-os-version: windows-win10) { + :root { + --toolbar-custom-color: hsl(210,0%,92%); + } + + :root:not(:-moz-lwtheme) { + --toolbox-after-color: #bcbcbc; + } + } + + #navigator-toolbox[tabsontop=true] #urlbar:not(:-moz-lwtheme), + #navigator-toolbox[tabsontop=true] .searchbar-textbox:not(:-moz-lwtheme) { + border-color: hsla(210,54%,20%,.25) hsla(210,54%,20%,.27) hsla(210,54%,20%,.3); + } + + #navigator-toolbox[tabsontop=true] #urlbar:not(:-moz-lwtheme):not([focused]):hover, + #navigator-toolbox[tabsontop=true] .searchbar-textbox:not(:-moz-lwtheme):not([focused]):hover { + border-color: hsla(210,54%,20%,.35) hsla(210,54%,20%,.37) hsla(210,54%,20%,.4); + } + + #navigator-toolbox[tabsontop=true] #urlbar:not(:-moz-lwtheme)[focused], + #navigator-toolbox[tabsontop=true] .searchbar-textbox:not(:-moz-lwtheme)[focused] { + border-color: hsla(206,100%,60%,.65) hsla(206,100%,55%,.65) hsla(206,100%,50%,.65); + } + + .sidebar-splitter { + border: 0; + -moz-border-end: 1px solid #A9B7C9; + min-width: 0; + width: 3px; + background-color: transparent; + -moz-margin-start: -3px; + position: relative; + } + + #appcontent ~ .sidebar-splitter { + -moz-border-start: 1px solid #A9B7C9; + -moz-border-end: none; + -moz-margin-start: 0; + -moz-margin-end: -3px; + } + + .menu-accel, + .menu-iconic-accel { + color: graytext; + } + + .chatbar-button, + chatbar > chatbox { + border-color: #A9B7C9; + } +} + +@media (-moz-windows-compositor) { + #main-window { + background-color: transparent; + -moz-appearance: -moz-win-glass; + } + + /* On win 10, if we don't set this on the entire browser container, including + * the sidebar, then the accent color bleeds through in the titlebar + * if the sidebar is open. */ + #browser { + -moz-appearance: -moz-win-exclude-glass; + } + +/* ==== Windows 10 styling ==== */ + + @media (-moz-os-version: windows-win10) { + /* Draw XUL caption buttons and background on Win10 */ + @media (-moz-windows-accent-color-applies: 0) { + /* Default styling for when no accent color is applied */ + #main-window:not(:-moz-window-inactive):not(:-moz-lwtheme) { + background-color: white; + } + + :root:not(:-moz-window-inactive):not(:-moz-lwtheme) { + --window-text-color: black; + } + + #titlebar-min:not(:-moz-window-inactive):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize); + } + + #titlebar-max:not(:-moz-window-inactive):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize); + } + + #main-window[sizemode="maximized"] #titlebar-max:not(:-moz-window-inactive):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore); + } + + #titlebar-close:not(:-moz-window-inactive):not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close); + } + + .titlebar-button:not(#titlebar-close):not(:-moz-window-inactive):not(:-moz-lwtheme):hover { + background-color: hsla(0, 0%, 0%, .17); + } + + .titlebar-button:not(#titlebar-close):not(:-moz-window-inactive):not(:-moz-lwtheme):hover:active { + background-color: hsla(0, 0%, 0%, .27); + transition: none; + } + + #titlebar-close:not(:-moz-window-inactive):not(:-moz-lwtheme):hover { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-highlight); + background-color: hsla(0, 86%, 49%, 1); + } + + #titlebar-close:not(:-moz-window-inactive):not(:-moz-lwtheme):hover:active { + background-color: hsla(0, 60%, 49%, 0.6); + transition: none; + } + } + + @media (-moz-windows-accent-color-applies) { + /* Styling for when an accent color is applied to the titlebar */ + #main-window:not(:-moz-window-inactive):not(:-moz-lwtheme) { + background-color: -moz-win-accentcolor; + } + + :root:not(:-moz-window-inactive):not(:-moz-lwtheme) { + --window-text-color: -moz-win-accentcolortext; + } + + #titlebar-min { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize); + } + + #titlebar-max { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize); + } + + #main-window[sizemode="maximized"] #titlebar-max { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore); + } + + #titlebar-close { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close); + } + + .titlebar-button:hover { + background-color: hsla(0, 0%, 0%, .17); + } + + .titlebar-button:hover:active { + background-color: hsla(0, 0%, 0%, .27); + transition: none; + } + + @media (-moz-windows-accent-color-is-dark) { + /* dark accent color */ + #titlebar-min { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize-highlight); + } + + #titlebar-max { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize-highlight); + } + + #main-window[sizemode="maximized"] #titlebar-max { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore-highlight); + } + + #titlebar-close { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-highlight); + } + + .titlebar-button:not(#titlebar-close):not(:-moz-window-inactive):not(:-moz-lwtheme):hover { + background-color: hsla(0, 0%, 100%, .17); + } + + .titlebar-button:not(#titlebar-close):not(:-moz-window-inactive):not(:-moz-lwtheme):hover:active { + background-color: hsla(0, 0%, 100%, .27); + transition: none; + } + + #titlebar-close:not(:-moz-window-inactive):not(:-moz-lwtheme):hover { + background-color: hsla(0, 86%, 49%, 1); + } + + #titlebar-close:not(:-moz-window-inactive):not(:-moz-lwtheme):hover:active { + background-color: hsla(0, 60%, 39%, 1); + transition: none; + } + } + } + + #main-window:-moz-window-inactive:not(:-moz-lwtheme) { + background-color: hsl(0, 0%, 95%); + } + + /* If we don't have [chromemargin], it means the menubar is active; set the + window background to transparent in that case to match it with the dwm + color and prevent a drawing delay between title bar and UI region */ + #main-window:not([chromemargin]):not(:-moz-lwtheme) { + background-color: transparent; + } + + #titlebar-buttonbox, + .titlebar-button { + -moz-appearance: none !important; + } + + .titlebar-button { + border: none; + margin: 0 !important; + padding: 9px 17px; + transition: background-color linear 120ms; + } + + #main-window[sizemode="maximized"][tabsontop=true] #tabbrowser-tabs { + min-height: 28px; + } + + #main-window[sizemode=maximized] .titlebar-button { + padding-top: 8px; + padding-bottom: 8px; + } + + .titlebar-button > .toolbarbutton-icon { + width: 12px; + height: 12px; + } + + .titlebar-button:not(:hover) > .toolbarbutton-icon:-moz-window-inactive { + opacity: 0.5; + } + + #main-window[chromemargin^="0,"][sizemode=normal] #navigator-toolbox { + margin-top: -4px; + } + + #main-window[sizemode="maximized"] #titlebar-close { + padding-right: 19px; + } + + #titlebar-close:hover { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-highlight); + background-color: hsla(0, 86%, 49%, 1); + transition: background-color linear 160ms; + } + + #titlebar-close:hover:active { + background-color: hsla(0, 86%, 49%, 0.6); + transition: none; + } + + /* inactive window */ + + #titlebar-min:-moz-window-inactive:not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize-inactive); + } + + #titlebar-max:-moz-window-inactive:not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize-inactive); + } + + #main-window[sizemode="maximized"] #titlebar-max:-moz-window-inactive:not(:-moz-lwtheme) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore-inactive); + } + + #titlebar-close:-moz-window-inactive:not(:-moz-lwtheme):not(:hover) { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-inactive); + } + + .titlebar-button:-moz-window-inactive:not(:-moz-lwtheme):hover { + background-color: hsla(0, 0%, 0%, .17); + } + + .titlebar-button:-moz-window-inactive:not(:-moz-lwtheme):hover:active { + background-color: hsla(0, 0%, 0%, .27); + transition: none; + } + + /* light persona */ + + .titlebar-button:-moz-lwtheme-darktext:hover { + background-color: hsla(0, 0%, 0%, .17); + } + + .titlebar-button:-moz-lwtheme-darktext:hover:active { + background-color: hsla(0, 0%, 0%, .27); + transition: none; + } + + #titlebar-min:-moz-lwtheme-darktext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize-outline); + } + + #titlebar-max:-moz-lwtheme-darktext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize-outline); + } + + #main-window[sizemode="maximized"]:-moz-lwtheme-darktext #titlebar-max:-moz-lwtheme-darktext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore-outline); + } + + #titlebar-close:-moz-lwtheme-darktext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-outline); + } + #titlebar-close:hover:-moz-lwtheme-darktext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-outline); + } + + /* dark persona */ + + .titlebar-button:-moz-lwtheme-brighttext:hover { + background-color: hsla(0, 0%, 100%, .27); + } + + .titlebar-button:-moz-lwtheme-brighttext:hover:active { + background-color: hsla(0, 0%, 100%, .37); + transition: none; + } + + #titlebar-min:-moz-lwtheme-brighttext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#minimize-outline-inverted); + } + + #titlebar-max:-moz-lwtheme-brighttext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#maximize-outline-inverted); + } + + #main-window[sizemode="maximized"]:-moz-lwtheme-brighttext #titlebar-max:-moz-lwtheme-brighttext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#restore-outline-inverted); + } + + #titlebar-close:-moz-lwtheme-brighttext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-outline-inverted); + } + #titlebar-close:hover:-moz-lwtheme-brighttext { + list-style-image: url(chrome://browser/skin/caption-buttons.svg#close-outline-inverted); + } + + /* the 12px image renders a 10px icon, and the 10px upscaled gets rounded to 12.5, which + * rounds up to 13px, which makes the icon one pixel too big on 1.25dppx. Fix: */ + @media (min-resolution: 1.20dppx) and (max-resolution: 1.45dppx) { + .titlebar-button > .toolbarbutton-icon { + width: 11.5px; + height: 11.5px; + } + } + + /* 175% dpi should result in the same device pixel sizes as 150% dpi. */ + @media (min-resolution: 1.70dppx) and (max-resolution: 1.95dppx) { + .titlebar-button { + padding-left: 14.1px; + padding-right: 14.1px; + } + + .titlebar-button > .toolbarbutton-icon { + width: 10.8px; + height: 10.8px; + } + } + + /* 225% dpi should result in the same device pixel sizes as 200% dpi. */ + @media (min-resolution: 2.20dppx) and (max-resolution: 2.45dppx) { + .titlebar-button { + padding-left: 15.3333px; + padding-right: 15.3333px; + } + + .titlebar-button > .toolbarbutton-icon { + width: 10.8px; + height: 10.8px; + } + } + + /* 275% dpi should result in the same device pixel sizes as 250% dpi. */ + @media (min-resolution: 2.70dppx) and (max-resolution: 2.95dppx) { + .titlebar-button > .toolbarbutton-icon { + width: 10.8px; + height: 10.8px; + } + } + + #appmenu-button { + margin-top: -1px; + margin-bottom: 5px; + } + } + +/* ==== Windows Vista/7/8 styling ==== */ + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7), + (-moz-os-version: windows-win8) { + /* Make sure the native margins are correct on Win Vista/7/8. + * We can't use -moz-win-glass there because the border sizing would + * not be correct. */ + #main-window { + -moz-appearance: -moz-win-borderless-glass; + } + + /* These should be hidden w/ glass enabled. Windows draws its own buttons. */ + .titlebar-button { + display: none; + } + + /* The borders on the glass frame are ours, and inside #browser, and on + * vista and win7 we want to make sure they are "glassy", so we can't use + * #browser as the exclude-glass container. We use #appcontent instead. */ + #browser { + -moz-appearance: none; + } + + #appcontent { + -moz-appearance: -moz-win-exclude-glass; + } + + #main-window[chromemargin^="0,"][sizemode=normal] #navigator-toolbox { + margin-top: -7px; + } + + /* Artificially draw window borders that are covered by lwtheme, see bug 591930. */ + #main-window[sizemode="normal"] > #titlebar > #titlebar-content:-moz-lwtheme { + border-top: 2px solid; + -moz-border-top-colors: @glassActiveBorderColor@ rgba(255,255,255,.6); + } + + #main-window[sizemode="normal"] > #titlebar > #titlebar-content:-moz-lwtheme:-moz-window-inactive { + -moz-border-top-colors: @glassInactiveBorderColor@ rgba(255,255,255,.6); + } + + #main-window[sizemode="normal"] > #titlebar > #titlebar-content > #appmenu-button-container:-moz-lwtheme { + margin-top: -1px; + } + + #main-window[sizemode="normal"] #titlebar-buttonbox:-moz-lwtheme { + margin-top: -2px; + } + + #appmenu-button { + margin-bottom: -1px; /* compensate white outer border */ + } + + } + +/* ==== Windows Vista/7 (true glass) styling ==== */ + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + #toolbar-menubar:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme), + #nav-bar[tabsontop=false]:not(:-moz-lwtheme), + #nav-bar[tabsontop=false]:not(:-moz-lwtheme) .toolbarbutton-text, + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child:not(:-moz-lwtheme) { + text-shadow: 0 0 .5em white, 0 0 .5em white, 0 1px 0 rgba(255,255,255,.4); + } + + #main-menubar:not(:-moz-lwtheme):not(:-moz-window-inactive) { + background-color: rgba(255,255,255,.7); + border-radius: var(--toolbarbutton-border-radius); + color: black; + } + + :-moz-any(#toolbar-menubar, #TabsToolbar[tabsontop=true], #nav-bar[tabsontop=false]) .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:not(:-moz-lwtheme), + :-moz-any(#toolbar-menubar, #TabsToolbar[tabsontop=true], #nav-bar[tabsontop=false]) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child .toolbarbutton-1 > .toolbarbutton-menu-dropmarker:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:not(:-moz-lwtheme) { + list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png"); + } + } + +/* ==== Windows 8/10 (flat color) styling ==== */ + + @media (-moz-os-version: windows-win8) { + /* Use a light text styling on dark window frames */ + :root[darkwindowframe="true"]:not(:-moz-lwtheme):not(:-moz-window-inactive) { + --window-text-color: white; + } + } + + @media (-moz-os-version: windows-win8), + (-moz-os-version: windows-win10) { + /* Fade text stylings on window inactivity */ + :root:not(:-moz-lwtheme):-moz-window-inactive { + --window-text-color: rgba(0, 0, 0, 0.5); + } + } + +/* ==== ==== */ + + #main-window[sizemode=fullscreen]:not(:-moz-lwtheme) { + -moz-appearance: none; + background-color: #556; + } + + #toolbar-menubar:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme), + #nav-bar[tabsontop=false]:not(:-moz-lwtheme), + #nav-bar[tabsontop=false]:not(:-moz-lwtheme) .toolbarbutton-text, + #nav-bar + #customToolbars + #PersonalToolbar:-moz-any([collapsed=true],[moz-collapsed=true]) + #TabsToolbar[tabsontop=false]:last-child:not(:-moz-lwtheme) { + background-color: transparent !important; + color: var(--window-text-color); + border-left-style: none !important; + border-right-style: none !important; + } + + #main-menubar > menu:not(:-moz-lwtheme) { + color: inherit; + } + + :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) :-moz-any(@primaryToolbarButtons@):not(:-moz-any(#alltabs-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme), + :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) :-moz-any(@primaryToolbarButtons@) > toolbarbutton > .toolbarbutton-icon:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true] :-moz-any(@primaryToolbarButtons@):not(:-moz-any(#alltabs-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true] :-moz-any(@primaryToolbarButtons@) > toolbarbutton > .toolbarbutton-icon:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child :-moz-any(@primaryToolbarButtons@):not(:-moz-any(#alltabs-button,#new-tab-button,#sync-button[status])) > .toolbarbutton-icon:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child :-moz-any(@primaryToolbarButtons@) > toolbarbutton > .toolbarbutton-icon:not(:-moz-lwtheme) { + list-style-image: var(--toolbarbutton-glass-image); + } + +/* Show toolbar borders on vista through win8, but not on win10 and later: */ +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7), + (-moz-os-version: windows-win8) { + /* Vertical toolbar border */ + #main-window[sizemode=normal] #navigator-toolbox::after, + #main-window[sizemode=normal] #navigator-toolbox[tabsontop=true] > toolbar:not(#toolbar-menubar):not(#TabsToolbar), + #main-window[sizemode=normal] #navigator-toolbox[tabsontop=false] > toolbar:not(#toolbar-menubar):not(#nav-bar) { + border-left: 1px solid @toolbarShadowColor@; + border-right: 1px solid @toolbarShadowColor@; + background-clip: padding-box; + } + #main-window[sizemode=normal] #navigator-toolbox > toolbar:-moz-lwtheme { + border-color: transparent !important; + } + #main-window[sizemode=normal] #browser-border-start, + #main-window[sizemode=normal] #browser-border-end { + display: -moz-box; + background-color: @toolbarShadowColor@; + width: 1px; + } + #main-window[sizemode=normal] #browser-bottombox { + border: 1px solid @toolbarShadowColor@; + border-top-style: none; + background-clip: padding-box; + } +} + + #main-window[sizemode=normal][tabsontop=false] #PersonalToolbar:not(:-moz-lwtheme) { + border-top-left-radius: var(--toolbarbutton-border-radius); + border-top-right-radius: var(--toolbarbutton-border-radius); + } + + #main-window[sizemode=normal] #nav-bar[tabsontop=true]:not(:-moz-lwtheme), + #main-window[sizemode=normal] #nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + toolbar:not(:-moz-lwtheme), + #main-window[sizemode=normal] #nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme), + #main-window[sizemode=normal][disablechrome] #navigator-toolbox[tabsontop=true]:not(:-moz-lwtheme)::after { + border-top-left-radius: var(--toolbarbutton-border-radius); + border-top-right-radius: var(--toolbarbutton-border-radius); + } + + /* Toolbar shadow behind tabs */ + /* This code is only needed for restored windows (i.e. sizemode=normal) + because of the border radius on the toolbar below the tab bar. */ + #main-window[sizemode=normal] #nav-bar[tabsontop=true]:not(:-moz-lwtheme), + #main-window[sizemode=normal] #nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + toolbar:not(:-moz-lwtheme), + #main-window[sizemode=normal] #nav-bar[tabsontop=true][collapsed=true]:not([customizing]) + #customToolbars + #PersonalToolbar:not(:-moz-lwtheme), + #main-window[sizemode=normal][disablechrome] #navigator-toolbox[tabsontop=true]:not(:-moz-lwtheme)::after { + border-top: 1px solid @toolbarShadowColor@; + background-clip: padding-box; + } + #main-window[sizemode=normal] #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme) { + margin-bottom: -1px; + background-image: none !important; + } + #main-window[sizemode=normal] #tabbrowser-tabs[tabsontop=true] > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox > .scrollbox-innerbox:not(:-moz-lwtheme) { + position: relative; + } + + #navigator-toolbox[tabsontop=false] > #PersonalToolbar { + margin-top: 3px; + } + + #navigator-toolbox[tabsontop=false] > #PersonalToolbar:not(:-moz-lwtheme) { + margin-top: 2px; + border-top: 1px solid @toolbarShadowColor@; + background-image: linear-gradient(var(--toolbar-highlight-top), var(--toolbar-highlight-bottom)); + } + + @media (-moz-os-version: windows-win10) { + /* Remove gradient and make border faded */ + #navigator-toolbox[tabsontop=false] > #PersonalToolbar:not(:-moz-lwtheme) { + border-top: 1px solid rgba(10%,10%,10%,.2); + background-image: none; + } + } + + #main-window[sizemode=normal] #TabsToolbar[tabsontop=true] { + padding-left: 4px; + padding-right: 4px; + } + + #main-window[sizemode=normal] #TabsToolbar[tabsontop=false] { + padding-left: 2px; + padding-right: 2px; + } + + /* Rounded corners for when chrome is disabled */ + #main-window[sizemode=normal][disablechrome] #navigator-toolbox[tabsontop=true]:not(:-moz-lwtheme)::after { + visibility: visible; + background-color: var(--toolbar-custom-color); + background-image: linear-gradient(var(--toolbar-highlight-top), var(--toolbar-highlight-top)); + height: 4px; + } + + /* Make the window draggable by glassed toolbars (bug 555081) */ + #toolbar-menubar:not([autohide="true"]), + #TabsToolbar[tabsontop="true"], + #nav-bar[tabsontop=false], + #nav-bar + #customToolbars + #PersonalToolbar[collapsed="true"] + #TabsToolbar[tabsontop="false"]:last-child, + #navigator-toolbox > toolbar:not(#toolbar-menubar):-moz-lwtheme { + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag"); + } + + #appcontent:not(:-moz-lwtheme) { + background-color: -moz-dialog; + } + + #navigator-toolbox[tabsontop=false] #urlbar:not(:-moz-lwtheme), + #navigator-toolbox[tabsontop=false] .searchbar-textbox:not(:-moz-lwtheme) { + background-color: rgba(255,255,255,.725); + @navbarTextboxCustomBorder@ + color: black; + } + + #navigator-toolbox[tabsontop=false] html|*.urlbar-input:not(:-moz-lwtheme)::-moz-placeholder, + #navigator-toolbox[tabsontop=false] .searchbar-textbox > .autocomplete-textbox-container > .textbox-input-box > html|*.textbox-input:not(:-moz-lwtheme)::-moz-placeholder { + opacity: 1.0; + color: #777; + } + + #navigator-toolbox[tabsontop=false] #urlbar:not(:-moz-lwtheme):hover, + #navigator-toolbox[tabsontop=false] .searchbar-textbox:not(:-moz-lwtheme):hover { + background-color: rgba(255,255,255,.898); + } + + #navigator-toolbox[tabsontop=false] #urlbar:not(:-moz-lwtheme)[focused], + #navigator-toolbox[tabsontop=false] .searchbar-textbox:not(:-moz-lwtheme)[focused] { + background-color: white; + } + + .tabbrowser-tab:not(:-moz-lwtheme) { + text-shadow: none; + } + + #main-window[sizemode=normal] .statuspanel-inner { + /* align with the browser's side borders */ + padding-left: 1px; + padding-right: 1px; + } + + #allTabs-panel, + #ctrlTab-panel { + background: transparent; + -moz-appearance: -moz-win-glass; + border-radius: 0; + border: none; + font: normal 1.2em "Segoe UI"; + color: black; + text-shadow: white -1px -1px .35em, white -1px 1px .35em, white 1px 1px .35em, white 1px -1px .35em; + } +} + +@media not all and (-moz-windows-compositor) { + @media (-moz-windows-default-theme) { + #main-window { + background-color: rgb(185,209,234); + } + #main-window:-moz-window-inactive { + background-color: rgb(215,228,242); + } + + #toolbar-menubar:not([autohide=true]):not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true]:not(:-moz-lwtheme), + #navigator-toolbox[tabsontop=false] > toolbar:not(#toolbar-menubar):not(:-moz-lwtheme) { + -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag"); + background-color: transparent; + } + #toolbar-menubar[autohide=true] { + background-color: transparent !important; + } + } + + #print-preview-toolbar:not(:-moz-lwtheme) { + -moz-appearance: -moz-win-browsertabbar-toolbox; + } +} + +/* ::::: fullscreen window controls ::::: */ + +#window-controls { + -moz-box-align: start; +} + +#minimize-button, +#restore-button, +#close-button { + -moz-appearance: none; + border-style: none; + margin: 0; +} +#close-button { + -moz-image-region: rect(0, 49px, 16px, 32px); +} +#close-button:hover { + -moz-image-region: rect(16px, 49px, 32px, 32px); +} +#close-button:hover:active { + -moz-image-region: rect(32px, 49px, 48px, 32px); +} + +#minimize-button:-moz-locale-dir(rtl), +#restore-button:-moz-locale-dir(rtl), +#close-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +/* ::::: splitmenu highlight style that imitates Windows 7 start menu ::::: */ +@media (-moz-os-version: windows-vista) and (-moz-windows-default-theme), + (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { + .splitmenu-menuitem, + .splitmenu-menu { + -moz-appearance: none; + padding-top: 2px; + padding-bottom: 2px; + border: 1px solid transparent; + } + .splitmenu-menuitem { + -moz-margin-end: 0; + } + .splitmenu-menu { + -moz-margin-start: -1px; + } + .splitmenu-menuitem:-moz-locale-dir(ltr), + .splitmenu-menu:-moz-locale-dir(rtl) { + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; + } + .splitmenu-menu:-moz-locale-dir(ltr), + .splitmenu-menuitem:-moz-locale-dir(rtl) { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + } + + .splitmenu-menuitem > .menu-text { + -moz-margin-start: 1px !important; + -moz-margin-end: 3px !important; + } + .splitmenu-menu > .menu-right { + -moz-margin-end: -3px; + } + + .splitmenu-menuitem[iconic], + .splitmenu-menu[iconic] { + padding-bottom: 1px; + } + .splitmenu-menuitem[iconic] > .menu-iconic-left { + margin-top: -3px; + margin-bottom: -2px; + -moz-margin-start: -1px; + } + .splitmenu-menuitem[iconic] > .menu-iconic-text { + -moz-margin-start: 2px !important; + -moz-margin-end: 3px !important; + } + .splitmenu-menu[iconic] > .menu-right { + margin-top: -1px; + } + + .splitmenu-menuitem[_moz-menuactive], + .splitmenu-menu[_moz-menuactive] { + background-color: transparent; + background-image: linear-gradient(#fafbfd, #ebf3fd); + border-color: #aeccf1; + } + + .splitmenu-menuitem[disabled][_moz-menuactive], + .splitmenu-menu[disabled][_moz-menuactive] { + background-image: linear-gradient(#f8f9f9, #eaeaea); + border-color: #d8d7d7; + } + + .splitmenu-menu[_moz-menuactive]:not(:hover):not([open]) { + background-image: none; + } +} diff --git a/themes/windows/caption-buttons.svg b/themes/windows/caption-buttons.svg new file mode 100644 index 0000000..9342aca --- /dev/null +++ b/themes/windows/caption-buttons.svg @@ -0,0 +1,121 @@ +<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + <style> + g { + stroke: -moz-win-accentcolortext; + stroke-width: 0.9px; + fill: none; + } + + g:not(:target) { + display: none; + } + + use:target > g { + display: initial; + } + + .highlight > g { + stroke: HighlightText; + } + + .inactive > g { + stroke: black; + } + + .bolder { + stroke-width: 1.6px; + stroke: black; + } + + .outline { + stroke-width: 4px; + stroke: white; + opacity: 0.75; + } + + .inverted { + stroke-width: 1.6px; + stroke: white; + } + + .outline-inverted { + stroke-width: 4px; + stroke: black; + opacity: 0.75; + } + + .outline-thinner { + stroke-width: 3.6px; + } + + </style> + + <g id="close"> + <line x1="1" y1="1" x2="11" y2="11" stroke-width="1px"/> + <line x1="11" y1="1" x2="1" y2="11" stroke-width="1px"/> + </g> + <g id="maximize"> + <rect x="1.5" y="1.5" width="9" height="9"/> + </g> + <g id="minimize"> + <line x1="1" y1="5.5" x2="11" y2="5.5"/> + </g> + <g id="restore"> + <rect x="1.5" y="3.5" width="7" height="7"/> + <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5"/> + </g> + + <g id="close-outline"> + <line x1="1" y1="1" x2="11" y2="11" stroke-linecap="round" class="outline"/> + <line x1="11" y1="1" x2="1" y2="11" stroke-linecap="round" class="outline"/> + <line x1="1" y1="1" x2="11" y2="11" class="bolder"/> + <line x1="11" y1="1" x2="1" y2="11" class="bolder"/> + </g> + <g id="maximize-outline"> + <rect x="1.2" y="1.2" width="9.6" height="9.6" stroke-linecap="round" class="outline"/> + <rect x="1.5" y="1.5" width="9" height="9" class="bolder"/> + </g> + <g id="minimize-outline"> + <line x1="1" y1="5.5" x2="11" y2="5.5" stroke-linecap="round" class="outline outline-thinner"/> + <line x1="1" y1="5.5" x2="11" y2="5.5" class="bolder"/> + </g> + <g id="restore-outline"> + <rect x="1.5" y="3.5" width="7" height="7" stroke-linecap="round" class="outline"/> + <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5" stroke-linecap="round" class="outline"/> + <rect x="1.5" y="3.5" width="7" height="7" class="bolder"/> + <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5" class="bolder"/> + </g> + + <g id="close-outline-inverted"> + <line x1="1" y1="1" x2="11" y2="11" stroke-linecap="round" class="outline-inverted"/> + <line x1="11" y1="1" x2="1" y2="11" stroke-linecap="round" class="outline-inverted"/> + <line x1="1" y1="1" x2="11" y2="11" class="inverted"/> + <line x1="11" y1="1" x2="1" y2="11" class="inverted"/> + </g> + <g id="maximize-outline-inverted"> + <rect x="1.2" y="1.2" width="9.6" height="9.6" stroke-linecap="round" class="outline-inverted"/> + <rect x="1.5" y="1.5" width="9" height="9" class="inverted"/> + </g> + <g id="minimize-outline-inverted"> + <line x1="1" y1="5.5" x2="11" y2="5.5" stroke-linecap="round" class="outline-inverted outline-thinner"/> + <line x1="1" y1="5.5" x2="11" y2="5.5" class="inverted"/> + </g> + <g id="restore-outline-inverted"> + <rect x="1.5" y="3.5" width="7" height="7" stroke-linecap="round" class="outline-inverted"/> + <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5" stroke-linecap="round" class="outline-inverted"/> + <rect x="1.5" y="3.5" width="7" height="7" class="inverted"/> + <polyline points="3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5" class="inverted"/> + </g> + + <use id="close-highlight" class="highlight" xlink:href="#close"/> + <use id="maximize-highlight" class="highlight" xlink:href="#maximize"/> + <use id="minimize-highlight" class="highlight" xlink:href="#minimize"/> + <use id="restore-highlight" class="highlight" xlink:href="#restore"/> + <use id="close-inactive" class="inactive" xlink:href="#close"/> + <use id="maximize-inactive" class="inactive" xlink:href="#maximize"/> + <use id="minimize-inactive" class="inactive" xlink:href="#minimize"/> + <use id="restore-inactive" class="inactive" xlink:href="#restore"/> +</svg>
\ No newline at end of file diff --git a/themes/windows/click-to-play-warning-stripes.png b/themes/windows/click-to-play-warning-stripes.png Binary files differnew file mode 100644 index 0000000..29f15f7 --- /dev/null +++ b/themes/windows/click-to-play-warning-stripes.png diff --git a/themes/windows/communicator/communicator.css b/themes/windows/communicator/communicator.css new file mode 100644 index 0000000..0b57574 --- /dev/null +++ b/themes/windows/communicator/communicator.css @@ -0,0 +1,6 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/"); + diff --git a/themes/windows/communicator/jar.mn b/themes/windows/communicator/jar.mn new file mode 100644 index 0000000..612d133 --- /dev/null +++ b/themes/windows/communicator/jar.mn @@ -0,0 +1,7 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin communicator classic/1.0 %skin/classic/communicator/ + skin/classic/communicator/communicator.css diff --git a/themes/windows/communicator/moz.build b/themes/windows/communicator/moz.build new file mode 100644 index 0000000..c97072b --- /dev/null +++ b/themes/windows/communicator/moz.build @@ -0,0 +1,7 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/windows/downloads/allDownloadsViewOverlay.css b/themes/windows/downloads/allDownloadsViewOverlay.css new file mode 100644 index 0000000..bd3b789 --- /dev/null +++ b/themes/windows/downloads/allDownloadsViewOverlay.css @@ -0,0 +1,178 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#downloadsRichListBox { + /** The default listbox appearance comes with an unwanted margin. **/ + -moz-appearance: none; + margin: 0; +} + +#downloadsRichListBox > richlistitem.download { + height: 6em; +} + +.downloadTypeIcon { + -moz-margin-start: 8px; + -moz-margin-end: 8px; + /* explicitly size the icon, so size doesn't vary on hidpi systems */ + height: 32px; + width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +.downloadTarget { + margin-bottom: 3px; + cursor: inherit; +} + +.downloadDetails { + opacity: 0.7; + font-size: 95%; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + background: transparent; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} + +richlistitem.download:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} + +@media not all and (-moz-os-version: windows-vista) and (-moz-windows-default-theme) { + @media not all and (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { + richlistitem.download[selected] > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 80px, 16px, 64px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 96px, 16px, 80px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 112px, 16px, 96px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 128px, 16px, 112px); + } + + richlistitem.download[selected] > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 80px, 32px, 64px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 96px, 32px, 80px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 112px, 32px, 96px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 128px, 32px, 112px); + } + + richlistitem.download[selected] > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 80px, 48px, 64px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 96px, 48px, 80px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 112px, 48px, 96px); + } + + richlistitem.download[selected]:hover > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 128px, 48px, 112px); + } + } +} + +@media (-moz-os-version: windows-vista) and (-moz-windows-default-theme), + (-moz-os-version: windows-win7) and (-moz-windows-default-theme) { + /* + -moz-appearance: menuitem is almost right, but the hover effect is not + transparent and is lighter than desired. + + Copied from the autocomplete richlistbox styling in + toolkit/themes/windows/global/autocomplete.css + + This styling should be kept in sync with the style from the above file. + */ + #downloadsRichListBox > richlistitem.download[selected] { + color: inherit; + background-color: transparent; + /* four gradients for the bevel highlights on each edge, one for blue background */ + background-image: + linear-gradient(to bottom, rgba(255,255,255,0.9) 3px, transparent 3px), + linear-gradient(to right, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to left, rgba(255,255,255,0.5) 3px, transparent 3px), + linear-gradient(to top, rgba(255,255,255,0.4) 3px, transparent 3px), + linear-gradient(to bottom, rgba(163,196,247,0.3), rgba(122,180,246,0.3)); + background-clip: content-box; + border-radius: 6px; + outline: 1px solid rgb(124,163,206); + -moz-outline-radius: 3px; + outline-offset: -2px; + } +} diff --git a/themes/windows/downloads/buttons.png b/themes/windows/downloads/buttons.png Binary files differnew file mode 100644 index 0000000..ca87b40 --- /dev/null +++ b/themes/windows/downloads/buttons.png diff --git a/themes/windows/downloads/contentAreaDownloadsView.css b/themes/windows/downloads/contentAreaDownloadsView.css new file mode 100644 index 0000000..ece99ea --- /dev/null +++ b/themes/windows/downloads/contentAreaDownloadsView.css @@ -0,0 +1,22 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +.downloadButton { + box-shadow: none; +} + +.downloadButton:not([disabled="true"]):hover:active, +.downloadButton:not([disabled]):hover:active { + background: transparent; + border: none; + box-shadow: none; +} + +#downloadsListEmptyDescription { + margin: 1em; + text-align: center; + color: GrayText; +} diff --git a/themes/windows/downloads/download-notification-finish.png b/themes/windows/downloads/download-notification-finish.png Binary files differnew file mode 100644 index 0000000..5194f5d --- /dev/null +++ b/themes/windows/downloads/download-notification-finish.png diff --git a/themes/windows/downloads/download-notification-start.png b/themes/windows/downloads/download-notification-start.png Binary files differnew file mode 100644 index 0000000..bd548b1 --- /dev/null +++ b/themes/windows/downloads/download-notification-start.png diff --git a/themes/windows/downloads/download-summary.png b/themes/windows/downloads/download-summary.png Binary files differnew file mode 100644 index 0000000..67003c7 --- /dev/null +++ b/themes/windows/downloads/download-summary.png diff --git a/themes/windows/downloads/downloads.css b/themes/windows/downloads/downloads.css new file mode 100644 index 0000000..f169896 --- /dev/null +++ b/themes/windows/downloads/downloads.css @@ -0,0 +1,487 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this file, + * You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/*** Panel and outer controls ***/ + +#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent { + padding: 0; +} + +#downloadsListBox { + background-color: transparent; + padding: 4px; + color: inherit; +} + +#downloadsPanel:not([hasdownloads]) > #downloadsListBox { + display: none; +} + +#downloadsPanel[hasdownloads] > #emptyDownloads { + display: none; +} + +#emptyDownloads { + padding: 10px 20px; + max-width: 40ch; +} + +#downloadsHistory { + background: transparent; + cursor: pointer; +} + +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + #downloadsHistory { + color: -moz-nativehyperlinktext; + } +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +#downloadsHistory > .button-box { + border: none; + margin: 1em; +} + +#downloadsFooter { + background-color: hsla(210,4%,10%,.04); + box-shadow: 0 1px 0 hsla(210,4%,10%,.08) inset; + transition-duration: 150ms; + transition-property: background-color; +} + +#downloadsFooter:hover { + background-color: hsla(210,4%,10%,.05); +} + +#downloadsFooter:hover:active { + background-color: hsla(210,4%,10%,.1); + box-shadow: 0 2px 0 0 hsla(210,4%,10%,.1) inset; +} + +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + @media (-moz-windows-default-theme) { + #downloadsFooter { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + transition-duration: 0s; + } + + #downloadsFooter, + #downloadsFooter:hover, + #downloadsFooter:hover:active { + background-color: #f1f5fb; + box-shadow: 0px 1px 2px rgb(204,214,234) inset; + } + } +} + +/*** Downloads Summary and List items ***/ + +#downloadsSummary, +richlistitem[type="download"] { + height: 7em; + -moz-padding-end: 0; + color: inherit; +} + +#downloadsSummary { + padding: 8px 38px 8px 12px; + cursor: pointer; + -moz-user-focus: normal; +} + +#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus { + outline: 1px -moz-dialogtext dotted; + outline-offset: -5px; +} + +#downloadsSummary > .downloadTypeIcon { + list-style-image: url("chrome://browser/skin/downloads/download-summary.png"); +} + +#downloadsSummaryDescription { + color: -moz-nativehyperlinktext; +} + +richlistitem[type="download"] { + margin: 0; + border-top: 1px solid hsla(0,0%,100%,.3); + border-bottom: 1px solid hsla(220,18%,51%,.25); + background: transparent; + padding: 8px; +} + +@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), + (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { + richlistitem[type="download"] { + border: 1px solid transparent; + border-bottom: 1px solid hsl(213,40%,90%); + } +} + +richlistitem[type="download"]:first-child { + border-top: 1px solid transparent; +} + +@media (-moz-windows-default-theme) { + richlistitem[type="download"]:last-child { + border-bottom: 1px solid transparent; + } +} + +#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] { + outline: 1px -moz-dialogtext dotted; + outline-offset: -1px; +} + +.downloadTypeIcon { + -moz-margin-end: 8px; + /* Prevent flickering when changing states. */ + height: 32px; + width: 32px; +} + +.blockedIcon { + list-style-image: url("chrome://global/skin/icons/Error.png"); +} + +/* We hold .downloadDisplayName, .downloadProgress and .downloadDetails + inside of a vbox with class .downloadContainer. We set the font-size of + the entire container to 90% because: + + 1) This is the size that we want .downloadDetails to be + 2) The container's width is set by localizers by &downloadDetails.width;, + which is a ch unit. Since this is the value that should control the + panel width, we apply it to the outer container to constrain + .downloadDisplayName and .downloadProgress. + + Finally, since we want .downloadDisplayName's font-size to be at 100% of + the font-size of .downloadContainer's parent, we use calc to go from the + smaller font-size back to the original font-size. + */ +#downloadsSummaryDetails, +.downloadContainer { + font-size: 90%; +} + +#downloadsSummaryDescription, +.downloadDisplayName { + margin-bottom: 6px; + cursor: inherit; +} + +.downloadDisplayName { + font-size: calc(100%/0.9); +} + +#downloadsSummaryDetails, +.downloadDetails { + opacity: 0.6; + cursor: inherit; +} + +.downloadButton { + -moz-appearance: none; + min-width: 0; + min-height: 0; + margin: 3px; + border: none; + background: transparent; + padding: 5px; + list-style-image: url("chrome://browser/skin/downloads/buttons.png"); +} + +.downloadButton > .button-box { + border: 1px solid transparent; + padding: 0; +} + +#downloadsPanel[keyfocus] .downloadButton:focus > .button-box { + border: 1px dotted ThreeDDarkShadow; +} + +/*** Highlighted list items ***/ + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + background-color: hsla(210,4%,10%,.08); + outline: 1px solid hsla(210,4%,10%,.1); + outline-offset: -1px; + cursor: pointer; +} + +#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active { + background-color: hsla(210,4%,10%,.15); + outline: 1px solid hsla(210,4%,10%,.15); + box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset; +} + +@media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border-radius: 3px; + outline: 0; + border-top: 1px solid hsla(0,0%,100%,.2); + border-bottom: 1px solid hsla(0,0%,0%,.2); + background-color: Highlight; + color: HighlightText; + } + + #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover:active { + background-color: Highlight; + outline: 0; + box-shadow: none; + } +} + +@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), + (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { + #downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover { + border: 1px solid hsl(213,45%,65%); + box-shadow: 0 0 0 1px hsla(0,0%,100%,.5) inset, + 0 1px 0 hsla(0,0%,100%,.3) inset; + background-image: linear-gradient(hsl(212,86%,92%), hsl(212,91%,86%)); + color: black; + } +} + +/*** Button icons ***/ + +.downloadButton.downloadCancel { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active { + -moz-image-region: rect(0px, 64px, 16px, 48px); +} + +.downloadButton.downloadShow { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:hover { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadShow:active { + -moz-image-region: rect(16px, 64px, 32px, 48px); +} + +.downloadButton.downloadRetry { + -moz-image-region: rect(32px, 16px, 48px, 0px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry { + -moz-image-region: rect(32px, 32px, 48px, 16px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover { + -moz-image-region: rect(32px, 48px, 48px, 32px); +} +richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active { + -moz-image-region: rect(32px, 64px, 48px, 48px); +} + +/*** Status and progress indicator ***/ + +#downloads-indicator-anchor { + /* Makes the outermost stack element positioned, so that its contents are + rendered over the main browser window in the Z order. This is required by + the animated event notification. */ + position: relative; +} + +#navigator-toolbox[iconsize=large][mode=icons] > #nav-bar[brighttext] #downloads-indicator[counter] > #downloads-indicator-anchor { + /* Use a dark download button when appropriate to improve text legibility */ + background: hsla(94,56%,18%,.3) padding-box; + background-image: linear-gradient(hsla(0,0%,0%,.1), hsla(0,0%,0%,.4)); + border-color: hsla(29,12%,90%,.2) hsla(29,12%,90%,.2) hsla(29,12%,90%,.2); + box-shadow: 0 1px hsla(0,0%,0%,.05) inset, + 0 1px hsla(29,12%,90%,.05), + 0 0 2px hsla(29,12%,90%,.05); +} + +/*** Main indicator icon ***/ + +#downloads-indicator-icon { + background: -moz-image-rect(var(--toolbarbutton-image), + 0, 108, 18, 90) center no-repeat; + min-width: 18px; + min-height: 18px; +} + +toolbar[brighttext] #downloads-indicator-icon { + background: -moz-image-rect(var(--toolbarbutton-inverted-image), + 0, 108, 18, 90) center no-repeat; +} + +#downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(var(--toolbarbutton-image), + 19, 108, 36, 90) center no-repeat; +} + +@media (-moz-windows-compositor) { + :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) #downloads-indicator-icon:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true] #downloads-indicator-icon:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #downloads-indicator-icon:not(:-moz-lwtheme) { + background: -moz-image-rect(var(--toolbarbutton-glass-image), + 0, 108, 18, 90) center no-repeat; + } + #downloads-indicator[attention] > #downloads-indicator-anchor > #downloads-indicator-icon { + background: -moz-image-rect(var(--toolbarbutton-glass-image), + 19, 108, 36, 90) center no-repeat; +} + + +} + +/* In the next few rules, we use :not([counter]) as a shortcut that is + equivalent to -moz-any([progress], [paused]). */ + +#downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(var(--toolbarbutton-image), + 0, 108, 18, 90) center no-repeat; + background-size: 12px; +} + +toolbar[brighttext] #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(var(--toolbarbutton-inverted-image), + 0, 108, 18, 90) center no-repeat; +} + +@media (-moz-windows-compositor) { + :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true] #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #downloads-indicator:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter:not(:-moz-lwtheme) { + background: -moz-image-rect(var(--toolbarbutton-glass-image), + 0, 108, 18, 90) center no-repeat; + } + #downloads-indicator:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter { + background: -moz-image-rect(var(--toolbarbutton-glass-image), + 19, 108, 36, 90) center no-repeat; + } +} + +/*** Download notifications ***/ + +#downloads-indicator-notification { + opacity: 0; + background-size: 16px; + background-position: center; + background-repeat: no-repeat; +} + +@keyframes downloadsIndicatorNotificationStartRight { + from { opacity: 0; transform: translate(-128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +@keyframes downloadsIndicatorNotificationStartLeft { + from { opacity: 0; transform: translate(128px, 128px) scale(8); } + 20% { opacity: .85; animation-timing-function: ease-out; } + to { opacity: 0; transform: translate(0) scale(1); } +} + +#downloads-indicator[notification="start"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-start.png"); + animation-name: downloadsIndicatorNotificationStartRight; + animation-duration: 1s; +} + +#downloads-indicator[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-anchor > #downloads-indicator-notification { + animation-name: downloadsIndicatorNotificationStartLeft; +} + +@keyframes downloadsIndicatorNotificationFinish { + from { opacity: 0; transform: scale(1); } + 20% { opacity: .65; animation-timing-function: ease-in; } + to { opacity: 0; transform: scale(8); } +} + +#downloads-indicator[notification="finish"] > #downloads-indicator-anchor > #downloads-indicator-notification { + background-image: url("chrome://browser/skin/downloads/download-notification-finish.png"); + animation-name: downloadsIndicatorNotificationFinish; + animation-duration: 1s; +} + +/*** Progress bar and text ***/ + +#downloads-indicator-counter { + height: 9px; + margin: -3px 0px 0px 0px; + color: hsl(0,0%,30%); + text-shadow: hsla(0,0%,100%,.5) 0 1px; + font-size: 9px; + line-height: 9px; + text-align: center; +} + +toolbar[brighttext] #downloads-indicator-counter { + color: white; + text-shadow: 0 0 1px rgba(0,0,0,.7), + 0 1px 1.5px rgba(0,0,0,.5); +} + +#downloads-indicator-progress { + width: 16px; + height: 5px; + min-width: 0; + min-height: 0; + margin-top: 1px; + margin-bottom: 2px; + border-radius: 2px; + box-shadow: 0 1px 0 hsla(0,0%,100%,.4); +} + +#downloads-indicator-progress > .progress-bar { + -moz-appearance: none; + min-width: 0; + min-height: 0; + /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */ + background-clip: padding-box, border-box; + background-color: rgb(90, 201, 66); + background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none; + border: 1px solid; + border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4); + border-radius: 2px 0 0 2px; +} + +#downloads-indicator-progress > .progress-remainder { + -moz-appearance: none; + min-width: 0; + min-height: 0; + background-image: linear-gradient(#505050, #575757); + border: 1px solid; + border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4); + -moz-border-start: none; + border-radius: 0 2px 2px 0; +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar { + background-color: rgb(220, 230, 81); +} + +#downloads-indicator[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder { + background-image: linear-gradient(#4b5000, #515700); +} + +toolbar[mode="full"] > #downloads-indicator > .toolbarbutton-text { + margin: 0; + text-align: center; +} + +#downloads-indicator-counter { + margin-bottom: -1px; +} diff --git a/themes/windows/engineManager.css b/themes/windows/engineManager.css new file mode 100644 index 0000000..18817cd --- /dev/null +++ b/themes/windows/engineManager.css @@ -0,0 +1,16 @@ +%if 0 +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +%endif + +#engineList treechildren::-moz-tree-image(engineName) { + -moz-margin-end: 4px; + -moz-margin-start: 1px; + width: 16px; + height: 16px; +} + +#engineList treechildren::-moz-tree-row { + height: 20px; +} diff --git a/themes/windows/feeds/feed-icons-16.png b/themes/windows/feeds/feed-icons-16.png Binary files differnew file mode 100644 index 0000000..b822aa4 --- /dev/null +++ b/themes/windows/feeds/feed-icons-16.png diff --git a/themes/windows/feeds/feedIcon.png b/themes/windows/feeds/feedIcon.png Binary files differnew file mode 100644 index 0000000..b4d5994 --- /dev/null +++ b/themes/windows/feeds/feedIcon.png diff --git a/themes/windows/feeds/feedIcon16.png b/themes/windows/feeds/feedIcon16.png Binary files differnew file mode 100644 index 0000000..7c3aceb --- /dev/null +++ b/themes/windows/feeds/feedIcon16.png diff --git a/themes/windows/feeds/subscribe-ui.css b/themes/windows/feeds/subscribe-ui.css new file mode 100644 index 0000000..8ca5328 --- /dev/null +++ b/themes/windows/feeds/subscribe-ui.css @@ -0,0 +1,29 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.alwaysUse { + padding: 5px; +} + +.handlersMenuPopup > menuitem { + -moz-padding-start: 23px; +} + +.handlersMenuPopup > menuitem.menuitem-iconic { + -moz-padding-start: 2px; +} + +.handlersMenuPopup > .menuitem-iconic > .menu-iconic-left { + display: -moz-box; + min-width: 16px; + -moz-padding-end: 2px; +} + +.chooseApplicationMenuItem { + list-style-image: url("chrome://browser/skin/preferences/application.png"); +} + +#feedHeader[dir="rtl"] .handlersMenuList > menupopup { + direction: rtl; +} diff --git a/themes/windows/feeds/subscribe.css b/themes/windows/feeds/subscribe.css new file mode 100644 index 0000000..dc9304b --- /dev/null +++ b/themes/windows/feeds/subscribe.css @@ -0,0 +1,163 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +html { + background: -moz-Dialog; + font: 3mm tahoma,arial,helvetica,sans-serif; +} + +#feedBody { + border: 1px solid THreeDShadow; + padding: 3em; + -moz-padding-start: 30px; + margin: 2em auto; + background: -moz-Field; +} + +#feedHeaderContainer { + border: 1px solid ThreeDShadow; + border-radius: 10px; + margin: -4em auto 0 auto; + background-color: InfoBackground; +} + +#feedHeader { + margin-top: 4.9em; + margin-bottom: 1em; + -moz-margin-start: 1.4em; + -moz-margin-end: 1em; + -moz-padding-start: 2.9em; + font-size: 110%; + color: InfoText; +} + +#feedIntroText { + display: none; +} + +.feedBackground { + background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.videoPodcastBackground { + background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +.audioPodcastBackground { + background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground; +} + +#feedHeader[dir="rtl"] { + background-position: 100% 10%; +} + +#feedHeader[firstrun="true"] #feedIntroText { + padding-top: 0.1em; + -moz-padding-start: 0.6em; + display: block; +} + +#feedHeader[firstrun="true"] > #feedSubscribeLine { + -moz-padding-start: 1.8em; +} + +#feedSubscribeLine { + padding-top: 0.2em; +} + +img { + max-width: 100%; +} + +/* Don't print subscription UI */ +@media print { + #feedHeaderContainer { + display: none; + } +} + +body { + margin: 0; + padding: 0 3em; + color: -moz-fieldText; + font: message-box; +} + +h1 { + font-size: 160%; + border-bottom: 2px solid ThreeDLightShadow; + margin: 0 0 .2em 0; +} + +h2 { + color: ThreeDDarkShadow; + font-size: 110%; + font-weight: normal; + margin: 0 0 .6em 0; +} + +#feedTitleLink { + float: right; + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; +} + +a[href] img { + border: none; +} + +#feedTitleContainer { + -moz-margin-start: 0; + -moz-margin-end: .6em; + margin-top: 0; + margin-bottom: 0; +} + +#feedTitleImage { + -moz-margin-start: .6em; + -moz-margin-end: 0; + margin-top: 0; + margin-bottom: 0; + max-width: 300px; + max-height: 150px; +} + +.feedEntryContent { + font-size: 110%; +} + +.link { + color: #0000FF; + text-decoration: underline; + cursor: pointer; +} + +.link:hover:active { + color: #FF0000; +} + +.lastUpdated { + font-size: 85%; + font-weight: normal; +} + +.type-icon { + vertical-align: bottom; + height: 16px; + width: 16px; +} + +.enclosures { + border: 1px solid THreeDShadow; + padding: 1em; + margin: 1em auto; + background: -moz-Dialog; +} + +.enclosure { + vertical-align: middle; + margin-left: 2px; +} diff --git a/themes/windows/icon.png b/themes/windows/icon.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/windows/icon.png diff --git a/themes/windows/identity-icons-generic.png b/themes/windows/identity-icons-generic.png Binary files differnew file mode 100644 index 0000000..a39e493 --- /dev/null +++ b/themes/windows/identity-icons-generic.png diff --git a/themes/windows/identity-icons-https-ev.png b/themes/windows/identity-icons-https-ev.png Binary files differnew file mode 100644 index 0000000..d49be13 --- /dev/null +++ b/themes/windows/identity-icons-https-ev.png diff --git a/themes/windows/identity-icons-https-mixed-active.png b/themes/windows/identity-icons-https-mixed-active.png Binary files differnew file mode 100644 index 0000000..3c77bc8 --- /dev/null +++ b/themes/windows/identity-icons-https-mixed-active.png diff --git a/themes/windows/identity-icons-https.png b/themes/windows/identity-icons-https.png Binary files differnew file mode 100644 index 0000000..ffd6694 --- /dev/null +++ b/themes/windows/identity-icons-https.png diff --git a/themes/windows/identity.png b/themes/windows/identity.png Binary files differnew file mode 100644 index 0000000..0dcccd4 --- /dev/null +++ b/themes/windows/identity.png diff --git a/themes/windows/imagedocument.png b/themes/windows/imagedocument.png Binary files differnew file mode 100644 index 0000000..ff4f21f --- /dev/null +++ b/themes/windows/imagedocument.png diff --git a/themes/windows/jar.mn b/themes/windows/jar.mn new file mode 100644 index 0000000..4422bb6 --- /dev/null +++ b/themes/windows/jar.mn @@ -0,0 +1,168 @@ +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +browser.jar: +% skin browser classic/1.0 %skin/classic/browser/ + skin/classic/browser/sanitizeDialog.css +* skin/classic/browser/aboutPrivateBrowsing.css +* skin/classic/browser/aboutSessionRestore.css + skin/classic/browser/aboutSessionRestore-window-icon.png + skin/classic/browser/aboutCertError.css + skin/classic/browser/aboutCertError_sectionCollapsed.png + skin/classic/browser/aboutCertError_sectionCollapsed-rtl.png + skin/classic/browser/aboutCertError_sectionExpanded.png +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/aboutSyncTabs.css +#endif +* skin/classic/browser/autocomplete.css + skin/classic/browser/actionicon-tab.png + skin/classic/browser/appmenu-icons.png + skin/classic/browser/appmenu-dropmarker.png +* skin/classic/browser/browser.css + skin/classic/browser/caption-buttons.svg + skin/classic/browser/click-to-play-warning-stripes.png +* skin/classic/browser/engineManager.css + skin/classic/browser/Geolocation-16.png + skin/classic/browser/Geolocation-64.png + skin/classic/browser/Info.png + skin/classic/browser/identity.png + skin/classic/browser/imagedocument.png + skin/classic/browser/identity-icons-generic.png + skin/classic/browser/identity-icons-https.png + skin/classic/browser/identity-icons-https-ev.png + skin/classic/browser/identity-icons-https-mixed-active.png + skin/classic/browser/keyhole-forward-mask.svg + skin/classic/browser/KUI-background.png + skin/classic/browser/KUI-close.png + skin/classic/browser/livemark-folder.png + skin/classic/browser/menu-back.png + skin/classic/browser/menu-forward.png + skin/classic/browser/mixed-content-blocked-16.png + skin/classic/browser/mixed-content-blocked-64.png + skin/classic/browser/monitor.png + skin/classic/browser/monitor_16-10.png + skin/classic/browser/pageInfo.css + skin/classic/browser/pageInfo.png + skin/classic/browser/page-livemarks.png (feeds/feedIcon16.png) + skin/classic/browser/pointerLock-16.png + skin/classic/browser/pointerLock-64.png + skin/classic/browser/Privacy-16.png + skin/classic/browser/Privacy-32.png + skin/classic/browser/Privacy-48.png + skin/classic/browser/Privacy-64.png + skin/classic/browser/privatebrowsing-light.png + skin/classic/browser/privatebrowsing-dark.png + skin/classic/browser/reload-stop-go.png + skin/classic/browser/sanitize.png + skin/classic/browser/searchbar.css + skin/classic/browser/searchbar-dropdown-arrow.png + skin/classic/browser/Secure24.png + skin/classic/browser/setDesktopBackground.css + skin/classic/browser/slowStartup-16.png + skin/classic/browser/Toolbar.png + skin/classic/browser/Toolbar-glass.png + skin/classic/browser/Toolbar-inverted.png + skin/classic/browser/Toolbar.svg + skin/classic/browser/Toolbar-glass.svg + skin/classic/browser/Toolbar-inverted.svg + skin/classic/browser/toolbarbutton-dropdown-arrow.png + skin/classic/browser/toolbarbutton-dropdown-arrow-inverted.png + skin/classic/browser/urlbar-arrow.png + skin/classic/browser/urlbar-popup-blocked.png + skin/classic/browser/urlbar-history-dropmarker.png + skin/classic/browser/web-notifications-icon.svg + skin/classic/browser/web-notifications-tray.svg + skin/classic/browser/notification-pluginNormal.png (../shared/plugins/notification-pluginNormal.png) + skin/classic/browser/notification-pluginAlert.png (../shared/plugins/notification-pluginAlert.png) + skin/classic/browser/notification-pluginBlocked.png (../shared/plugins/notification-pluginBlocked.png) +#ifdef MOZ_WEBRTC + skin/classic/browser/webRTC-shareDevice-16.png + skin/classic/browser/webRTC-shareDevice-64.png + skin/classic/browser/webRTC-sharingDevice-16.png +#endif + skin/classic/browser/downloads/buttons.png (downloads/buttons.png) + skin/classic/browser/downloads/download-notification-finish.png (downloads/download-notification-finish.png) + skin/classic/browser/downloads/download-notification-start.png (downloads/download-notification-start.png) + skin/classic/browser/downloads/download-summary.png (downloads/download-summary.png) + skin/classic/browser/downloads/downloads.css (downloads/downloads.css) + skin/classic/browser/downloads/allDownloadsViewOverlay.css (downloads/allDownloadsViewOverlay.css) + skin/classic/browser/downloads/contentAreaDownloadsView.css (downloads/contentAreaDownloadsView.css) + skin/classic/browser/feeds/feedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/feedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/videoFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/videoFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/audioFeedIcon.png (feeds/feedIcon.png) + skin/classic/browser/feeds/audioFeedIcon16.png (feeds/feedIcon16.png) + skin/classic/browser/feeds/feed-icons-16.png (feeds/feed-icons-16.png) + skin/classic/browser/feeds/subscribe.css (feeds/subscribe.css) + skin/classic/browser/feeds/subscribe-ui.css (feeds/subscribe-ui.css) +* skin/classic/browser/newtab/newTab.css (newtab/newTab.css) + skin/classic/browser/newtab/controls.png (../shared/newtab/controls.png) + skin/classic/browser/newtab/noise.png (../shared/newtab/noise.png) + skin/classic/browser/newtab/pinned.png (../shared/newtab/pinned.png) + skin/classic/browser/places/places.css (places/places.css) +* skin/classic/browser/places/organizer.css (places/organizer.css) + skin/classic/browser/places/editBookmark.png (places/editBookmark.png) + skin/classic/browser/places/bookmark.png (places/bookmark.png) + skin/classic/browser/places/query.png (places/query.png) + skin/classic/browser/places/bookmarksMenu.png (places/bookmarksMenu.png) + skin/classic/browser/places/bookmarksToolbar.png (places/bookmarksToolbar.png) + skin/classic/browser/places/calendar.png (places/calendar.png) + skin/classic/browser/places/toolbarDropMarker.png (places/toolbarDropMarker.png) + skin/classic/browser/places/editBookmarkOverlay.css (places/editBookmarkOverlay.css) + skin/classic/browser/places/libraryToolbar.png (places/libraryToolbar.png) + skin/classic/browser/places/starred48.png (places/starred48.png) + skin/classic/browser/places/unstarred48.png (places/unstarred48.png) + skin/classic/browser/places/tag.png (places/tag.png) + skin/classic/browser/places/history.png (places/history.png) + skin/classic/browser/places/allBookmarks.png (places/allBookmarks.png) + skin/classic/browser/places/unsortedBookmarks.png (places/unsortedBookmarks.png) + skin/classic/browser/places/downloads.png (places/downloads.png) + skin/classic/browser/places/livemark-item.png (places/livemark-item.png) + skin/classic/browser/permissions/aboutPermissions.css (permissions/aboutPermissions.css) + skin/classic/browser/preferences/alwaysAsk.png (preferences/alwaysAsk.png) + skin/classic/browser/preferences/application.png (preferences/application.png) + skin/classic/browser/preferences/mail.png (preferences/mail.png) + skin/classic/browser/preferences/Options.png (preferences/Options.png) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/preferences/Options-sync.png (preferences/Options-sync.png) +#endif + skin/classic/browser/preferences/saveFile.png (preferences/saveFile.png) +* skin/classic/browser/preferences/preferences.css (preferences/preferences.css) + skin/classic/browser/preferences/applications.css (preferences/applications.css) + skin/classic/browser/statusbar/dynamic.css (../shared/statusbar/dynamic.css) +* skin/classic/browser/statusbar/overlay.css (statusbar/overlay.css) +* skin/classic/browser/statusbar/prefs.css (statusbar/prefs.css) + skin/classic/browser/statusbar/pulse.png (../shared/statusbar/pulse.png) + skin/classic/browser/statusbar/pms16.png (../shared/statusbar/pms16.png) + skin/classic/browser/statusbar/pms24.png (../shared/statusbar/pms24.png) + skin/classic/browser/statusbar/throbber-idle.png (../shared/statusbar/throbber-idle.png) + skin/classic/browser/statusbar/throbberStatic.png (../shared/statusbar/throbberStatic.png) + skin/classic/browser/tabbrowser/alltabs.png (tabbrowser/alltabs.png) + skin/classic/browser/tabbrowser/alltabs-inverted.png (tabbrowser/alltabs-inverted.png) + skin/classic/browser/tabbrowser/newtab.png (tabbrowser/newtab.png) + skin/classic/browser/tabbrowser/newtab-glass.png (tabbrowser/newtab-glass.png) + skin/classic/browser/tabbrowser/newtab-inverted.png (tabbrowser/newtab-inverted.png) + skin/classic/browser/tabbrowser/connecting.png (tabbrowser/connecting.png) + skin/classic/browser/tabbrowser/loading.png (tabbrowser/loading.png) + skin/classic/browser/tabbrowser/tab-arrow-left.png (tabbrowser/tab-arrow-left.png) + skin/classic/browser/tabbrowser/tab-arrow-left-glass.png (tabbrowser/tab-arrow-left-glass.png) + skin/classic/browser/tabbrowser/tab-arrow-left-inverted.png (tabbrowser/tab-arrow-left-inverted.png) + skin/classic/browser/tabbrowser/tab-overflow-border.png (tabbrowser/tab-overflow-border.png) + skin/classic/browser/tabbrowser/tabDragIndicator.png (tabbrowser/tabDragIndicator.png) + skin/classic/browser/tabbrowser/tab-audio.svg (../shared/tabbrowser/tab-audio.svg) + skin/classic/browser/tabbrowser/tab-audio-small.svg (../shared/tabbrowser/tab-audio-small.svg) +#ifdef MOZ_SERVICES_SYNC + skin/classic/browser/sync-throbber.png + skin/classic/browser/sync-16.png + skin/classic/browser/sync-32.png + skin/classic/browser/sync-128.png + skin/classic/browser/sync-bg.png + skin/classic/browser/sync-desktopIcon.png + skin/classic/browser/sync-mobileIcon.png + skin/classic/browser/syncSetup.css + skin/classic/browser/syncCommon.css + skin/classic/browser/syncQuota.css + skin/classic/browser/syncProgress.css +#endif diff --git a/themes/windows/keyhole-forward-mask.svg b/themes/windows/keyhole-forward-mask.svg new file mode 100644 index 0000000..8355447 --- /dev/null +++ b/themes/windows/keyhole-forward-mask.svg @@ -0,0 +1,15 @@ +<?xml version="1.0"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg xmlns="http://www.w3.org/2000/svg"> + <mask id="mask" maskContentUnits="objectBoundingBox"> + <rect x="0" y="0" width="1" height="1" fill="white"/> + <circle cx="-0.46" cy="0.5" r="0.63"/> + </mask> + <mask id="mask-hover" maskContentUnits="objectBoundingBox"> + <rect x="0" y="0" width="1" height="1" fill="white"/> + <circle cx="-0.35" cy="0.5" r="0.58"/> + </mask> +</svg> diff --git a/themes/windows/livemark-folder.png b/themes/windows/livemark-folder.png Binary files differnew file mode 100644 index 0000000..79e3329 --- /dev/null +++ b/themes/windows/livemark-folder.png diff --git a/themes/windows/menu-back.png b/themes/windows/menu-back.png Binary files differnew file mode 100644 index 0000000..2f99ea7 --- /dev/null +++ b/themes/windows/menu-back.png diff --git a/themes/windows/menu-forward.png b/themes/windows/menu-forward.png Binary files differnew file mode 100644 index 0000000..82cd874 --- /dev/null +++ b/themes/windows/menu-forward.png diff --git a/themes/windows/mixed-content-blocked-16.png b/themes/windows/mixed-content-blocked-16.png Binary files differnew file mode 100644 index 0000000..7cf33ec --- /dev/null +++ b/themes/windows/mixed-content-blocked-16.png diff --git a/themes/windows/mixed-content-blocked-64.png b/themes/windows/mixed-content-blocked-64.png Binary files differnew file mode 100644 index 0000000..cac4415 --- /dev/null +++ b/themes/windows/mixed-content-blocked-64.png diff --git a/themes/windows/monitor.png b/themes/windows/monitor.png Binary files differnew file mode 100644 index 0000000..35e7b20 --- /dev/null +++ b/themes/windows/monitor.png diff --git a/themes/windows/monitor_16-10.png b/themes/windows/monitor_16-10.png Binary files differnew file mode 100644 index 0000000..4195034 --- /dev/null +++ b/themes/windows/monitor_16-10.png diff --git a/themes/windows/moz.build b/themes/windows/moz.build new file mode 100644 index 0000000..6a7af20 --- /dev/null +++ b/themes/windows/moz.build @@ -0,0 +1,9 @@ +# -*- Mode: python; c-basic-offset: 4; indent-tabs-mode: nil; tab-width: 40 -*- +# vim: set filetype=python: +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. + +DIRS += ['communicator'] + +JAR_MANIFESTS += ['jar.mn']
\ No newline at end of file diff --git a/themes/windows/newtab/newTab.css b/themes/windows/newtab/newTab.css new file mode 100644 index 0000000..b8b0fd6 --- /dev/null +++ b/themes/windows/newtab/newTab.css @@ -0,0 +1,29 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +%include ../../shared/newtab/newTab.css.inc + +.newtab-undo-button { + -moz-appearance: none; + color: -moz-nativehyperlinktext; + color: rgb(0,102,204); + cursor: pointer; + padding: 0; + margin: 0 4px; + border: 0; + background: transparent; + text-decoration: none; + min-width: 0; +} + +.newtab-undo-button > .button-box { + padding: 0; +} + +#newtab-undo-close-button { + -moz-appearance: none; + padding: 0; + border: none; + -moz-user-focus: normal; +} diff --git a/themes/windows/pageInfo.css b/themes/windows/pageInfo.css new file mode 100644 index 0000000..ec65cc4 --- /dev/null +++ b/themes/windows/pageInfo.css @@ -0,0 +1,268 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import "chrome://global/skin/"; + +/* View buttons */ +#viewGroup { + -moz-padding-start: 10px; +} + +#viewGroup > radio { + list-style-image: url("chrome://browser/skin/pageInfo.png"); + -moz-box-orient: vertical; + -moz-box-align: center; + -moz-appearance: none; + padding: 5px 3px 1px 3px; + margin: 0 1px; + min-width: 4.5em; +} + +#viewGroup > radio:hover { + background-color: #E0E8F6; + color: black; +} + +#viewGroup > radio[selected="true"] { + background-color: #C1D2EE; + color: black; +} + +#topBar { + border-bottom: 2px groove ThreeDFace; + -moz-padding-start: 10px; + background-color: -moz-Field; + color: -moz-FieldText; +} + +#generalTab { + -moz-image-region: rect(0px, 32px, 32px, 0px) +} + +#generalTab:hover, #generalTab[selected="true"] { + -moz-image-region: rect(32px, 32px, 64px, 0px) +} + +#mediaTab { + -moz-image-region: rect(0px, 64px, 32px, 32px) +} + +#mediaTab:hover, #mediaTab[selected="true"] { + -moz-image-region: rect(32px, 64px, 64px, 32px) +} + +#feedTab { + -moz-image-region: rect(0px, 96px, 32px, 64px) +} + +#feedTab:hover, #feedTab[selected="true"] { + -moz-image-region: rect(32px, 96px, 64px, 64px) +} + +#permTab { + -moz-image-region: rect(0px, 128px, 32px, 96px) +} + +#permTab:hover, #permTab[selected="true"] { + -moz-image-region: rect(32px, 128px, 64px, 96px) +} + +#securityTab { + -moz-image-region: rect(0px, 160px, 32px, 128px) +} + +#securityTab:hover, #securityTab[selected="true"] { + -moz-image-region: rect(32px, 160px, 64px, 128px) +} + +deck { + padding: 10px 10px 10px 10px; +} + +/* Misc */ +tree { + margin: .5em; +} + +.gridSeparator { + width: .5em; +} + +textbox { + background: transparent !important; + border: none; + padding: 0px; + margin-top: 1px; + -moz-appearance: none; +} + +textbox.header { + -moz-margin-start: 0; +} + +.iframe { + margin: .5em; + background: white; + overflow: auto; +} + +.fixedsize { + height: 8.5em; +} + +textbox[disabled] { + font-style: italic; +} + +/* General Tab */ +groupbox.collapsable caption .caption-icon { + width: 9px; + height: 9px; + background-repeat: no-repeat; + background-position: center; + -moz-margin-start: 2px; + -moz-margin-end: 2px; + background-image: url("chrome://global/skin/tree/twisty.svg#open"); +} + +groupbox.collapsable[closed="true"] { + border: none; + margin-bottom: 9px; + -moz-appearance: none; +} + +groupbox.collapsable[closed="true"] caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty.svg#clsd"); +} + +groupbox tree { + margin: 0 3px; + border: none; +} + +#securityBox description { + -moz-margin-start: 10px; +} + +#general-security-identity { + white-space: pre-wrap; + line-height: 2em; +} + +@media (-moz-os-version: windows-win10) { + groupbox.collapsable caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty-10.svg#open"); + } + + groupbox.collapsable[closed="true"] caption .caption-icon { + background-image: url("chrome://global/skin/tree/twisty-10.svg#clsd"); + } +} + +/* Media Tab */ +#imagetree { + min-height: 10em; + margin-bottom: 0; +} + +#mediaSplitter { + border-style: none; + background: none; + height: .8em; +} + +#mediaGrid { + min-height: 9em; +} + +#mediaLabelColumn { + min-width: 10em; +} + +#thepreviewimage { + margin: 1em; +} + +treechildren::-moz-tree-cell-text(broken) { + font-style: italic; + color: graytext; +} + +/* Feeds Tab */ +#feedtree { + margin-bottom: 0px; +} + +#feedListbox richlistitem { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +#feedListbox richlistitem[selected="true"] { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +#feedListbox { + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; +} + +.feedTitle { + font-weight: bold; +} + +/* Permissions Tab */ +#permList { + margin-top: .5em; + overflow: auto; + border: 2px solid; + -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; + -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; + -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; + background-color: -moz-field; +} + +.permission { + padding-top: 6px; + padding-bottom: 6px; + -moz-padding-start: 7px; + -moz-padding-end: 7px; + min-height: 25px; + border-bottom: 1px dotted #C0C0C0; +} + +.permissionLabel { + font-weight: bold; +} + +.permission:hover { + background-color: -moz-dialog; +} + +/* Security Tab */ +#securityPanel .caption-icon { + display: none; +} + +#securityPanel .header { + font-size: 120%; +} + +#securityPanel .fieldLabel { + margin: 2px 10px 3px 10px; +} + +#securityPanel .fieldValue { + font-weight: bold; + margin: 2px 10px 0px 10px; +} diff --git a/themes/windows/pageInfo.png b/themes/windows/pageInfo.png Binary files differnew file mode 100644 index 0000000..fcc713b --- /dev/null +++ b/themes/windows/pageInfo.png diff --git a/themes/windows/permissions/aboutPermissions.css b/themes/windows/permissions/aboutPermissions.css new file mode 100644 index 0000000..60ee816 --- /dev/null +++ b/themes/windows/permissions/aboutPermissions.css @@ -0,0 +1,153 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@import url("chrome://global/skin/inContentUI.css"); + +/* header */ + +#permissions-pagetitle { + font-size: 200%; + font-weight: bold; + padding-bottom: 0.5em; +} + +/* content box */ +#permissions-content { + height: 100%; +} + +/* sites box */ + +#sites-box { + padding: 10px; + width: 25em; +} + +#sites-filter { + margin: 0; +} + +#sites-list { + -moz-appearance: none; + border: 1px solid rgba(0, 0, 0, 0.32); + background-color: rgba(255, 255, 255, 0.4); + margin: 5px 0 0 0; +} + +.site { + padding: 4px; + border-bottom: 1px solid ThreeDLightShadow; +} + +.site-favicon { + height: 16px; + width: 16px; + -moz-margin-end: 4px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); +} + +#all-sites-item > .site-container > .site-favicon { + list-style-image: none; +} + +/* permissions box */ + +#permissions-box { + padding-top: 10px; + overflow-y: auto; +} + +#site-description { + font-size: 125%; + -moz-margin-start: 6px; /* to match button margin */ +} + +#site-label { + font-weight: bold; + margin-top: 0; + margin-bottom: 0; +} + +#defaults-description { + font-size: 125%; + font-weight: bold; + -moz-margin-start: 6px; +} + +.pref-item { + margin-bottom: 10px; +} + +.pref-icon { + width: 48px; + height: 48px; + -moz-margin-end: 10px; +} + +.pref-icon[type="password"] { + list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png); +} +.pref-icon[type="image"] { + list-style-image: url(chrome://global/skin/icons/question-48.png); +} +.pref-icon[type="popup"] { + list-style-image: url(chrome://global/skin/icons/question-48.png); +} +.pref-icon[type="cookie"] { + list-style-image: url(chrome://global/skin/icons/question-48.png); +} +.pref-icon[type="desktop-notification"] { + list-style-image: url(chrome://browser/skin/web-notifications-icon.svg); +} +.pref-icon[type="install"] { + list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric-48.png); +} +.pref-icon[type="geo"] { + list-style-image: url(chrome://browser/skin/Geolocation-64.png); +} +.pref-icon[type="plugins"] { + list-style-image: url(chrome://mozapps/skin/plugins/pluginGeneric-48.png); +} + +.pref-title { + font-size: 125%; + margin-bottom: 0; + font-weight: bold; + margin-right: 0; + padding-right: 0; +} + +.pref-default { + margin-left: 0.5em; + padding-left: 0; +} + +.pref-set-default { + visibility: collapse; +} + +.pref-menulist { + margin-left: 6px; + margin-right: 6px; + min-width: 10em; /* native menulists ellipsize their longest entries by default on many themes */ +} + +.plugins-label { + margin-right: 0; + padding-right: 0; +} + +.plugins-vulnerable { + margin-left: 0; + padding-left: 0; + margin-right: 0; + padding-right: 0; +} + +.plugins-default { + margin-left: 0.5em; + padding-left: 0; + margin-right: 1em; + padding-right: 0; +} diff --git a/themes/windows/places/allBookmarks.png b/themes/windows/places/allBookmarks.png Binary files differnew file mode 100644 index 0000000..177c31c --- /dev/null +++ b/themes/windows/places/allBookmarks.png diff --git a/themes/windows/places/bookmark.png b/themes/windows/places/bookmark.png Binary files differnew file mode 100644 index 0000000..2e9a206 --- /dev/null +++ b/themes/windows/places/bookmark.png diff --git a/themes/windows/places/bookmarksMenu.png b/themes/windows/places/bookmarksMenu.png Binary files differnew file mode 100644 index 0000000..14c9601 --- /dev/null +++ b/themes/windows/places/bookmarksMenu.png diff --git a/themes/windows/places/bookmarksToolbar.png b/themes/windows/places/bookmarksToolbar.png Binary files differnew file mode 100644 index 0000000..5a4a693 --- /dev/null +++ b/themes/windows/places/bookmarksToolbar.png diff --git a/themes/windows/places/calendar.png b/themes/windows/places/calendar.png Binary files differnew file mode 100644 index 0000000..c0d1071 --- /dev/null +++ b/themes/windows/places/calendar.png diff --git a/themes/windows/places/downloads.png b/themes/windows/places/downloads.png Binary files differnew file mode 100644 index 0000000..d37bc40 --- /dev/null +++ b/themes/windows/places/downloads.png diff --git a/themes/windows/places/editBookmark.png b/themes/windows/places/editBookmark.png Binary files differnew file mode 100644 index 0000000..fbca052 --- /dev/null +++ b/themes/windows/places/editBookmark.png diff --git a/themes/windows/places/editBookmarkOverlay.css b/themes/windows/places/editBookmarkOverlay.css new file mode 100644 index 0000000..be3ea83 --- /dev/null +++ b/themes/windows/places/editBookmarkOverlay.css @@ -0,0 +1,80 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/**** folder menulist ****/ +.folder-icon > .menulist-label-box > .menulist-icon { + width: 16px; + height: 16px; +} + +.folder-icon > .menu-iconic-left { + display: -moz-box; +} + +.folder-icon { + list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; + -moz-image-region: rect(0px, 32px, 16px, 16px) !important; +} + + +/**** expanders ****/ + +.expander-up, +.expander-down { + min-width: 0; + margin: 0; + -moz-margin-end: 4px; +} + +.expander-up > .button-box, +.expander-down > .button-box { + padding: 0; +} + +.expander-up { + list-style-image: url("chrome://global/skin/icons/collapse.png"); +} + +.expander-down { + list-style-image: url("chrome://global/skin/icons/expand.png"); +} + +#editBookmarkPanelContent { + min-width: 23em; +} + +#editBMPanel_folderTree { + margin-top: 2px; + margin-bottom: 2px; +} + +/* Hide the value column of the tag autocomplete popup + * leaving only the comment column visible. This is + * so that only the tag being edited is shown in the + * popup. + */ +#editBMPanel_tagsField #treecolAutoCompleteValue { + visibility: collapse; +} + + +/* ::::: bookmark panel dropdown icons ::::: */ + +#editBMPanel_folderMenuList[selectedIndex="0"], +#editBMPanel_toolbarFolderItem { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; + -moz-image-region: auto !important; +} + +#editBMPanel_folderMenuList[selectedIndex="1"], +#editBMPanel_bmRootItem { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important; + -moz-image-region: auto !important; +} + +#editBMPanel_folderMenuList[selectedIndex="2"], +#editBMPanel_unfiledRootItem { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important; + -moz-image-region: auto !important; +} diff --git a/themes/windows/places/history.png b/themes/windows/places/history.png Binary files differnew file mode 100644 index 0000000..cc3b067 --- /dev/null +++ b/themes/windows/places/history.png diff --git a/themes/windows/places/libraryToolbar.png b/themes/windows/places/libraryToolbar.png Binary files differnew file mode 100644 index 0000000..f5f3654 --- /dev/null +++ b/themes/windows/places/libraryToolbar.png diff --git a/themes/windows/places/livemark-item.png b/themes/windows/places/livemark-item.png Binary files differnew file mode 100644 index 0000000..9184b95 --- /dev/null +++ b/themes/windows/places/livemark-item.png diff --git a/themes/windows/places/organizer.css b/themes/windows/places/organizer.css new file mode 100644 index 0000000..45851d0 --- /dev/null +++ b/themes/windows/places/organizer.css @@ -0,0 +1,253 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +:root { + --toolbar-custom-color: hsl(210,75%,92%); + --toolbar-highlight-top: rgba(255,255,255,.5); + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.png"); +} + +/* Use SVG for HiDPI 133%+ */ +@media (min-resolution: 1.33dppx) { + :root { + --toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg"); + } +} + +/* Toolbar */ +#placesToolbar { + padding: 3px; + -moz-padding-end: 6px; +} + +#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon { + opacity: .4; +} + +#back-button, +#forward-button { + list-style-image: var(--toolbarbutton-image); +} + +#back-button { + -moz-image-region: rect(0, 18px, 18px, 0); +} + +#forward-button { + -moz-image-region: rect(0, 36px, 18px, 18px); +} + +#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, +#forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1); +} + +/* Menu */ +#placesMenu { + -moz-margin-start: 6px; + -moz-appearance: none; + border: none; +} + +#placesMenu > menu { + -moz-padding-start: 4px; + -moz-padding-end: 1px; + padding-top: 2px; + padding-bottom: 2px; + -moz-appearance: toolbarbutton; +%ifdef XP_WIN +% use standard menu colors on OS/2 + color: -moz-DialogText; +%endif + border: 1px solid transparent; +} + +#placesMenu > menu[_moz-menuactive="true"] { + background-color: transparent; +} + +#placesMenu > menu:hover { + border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight; +} + +#placesMenu > menu[open="true"] { + border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow; + -moz-padding-start: 5px; + -moz-padding-end: 0px; + padding-top: 3px; + padding-bottom: 1px; +} + +#placesMenu > menu > .menubar-text { + -moz-padding-end: 8px; + background: url(chrome://global/skin/arrow/arrow-dn.gif) right center no-repeat; +} + +#placesMenu > menu > .menubar-text:-moz-locale-dir(rtl) { + background-position: left center; +} + +/* organize, view and maintenance buttons icons */ +#organizeButton, +#viewMenu, +#maintenanceButton { + list-style-image: url("chrome://browser/skin/places/libraryToolbar.png"); +} + +/* organize button */ +#organizeButton { + -moz-image-region: rect(0px, 16px, 16px, 0px); +} +#organizeButton:hover, +#organizeButton[open="true"] { + -moz-image-region: rect(16px, 16px, 32px, 0px); +} + +/* view button */ +#viewMenu { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} +#viewMenu:hover, +#viewMenu[open="true"] { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +/* maintenance button */ +#maintenanceButton { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} +#maintenanceButton:hover, +#maintenanceButton[open="true"] { + -moz-image-region: rect(16px, 48px, 32px, 32px); +} + +/* Root View */ +#placesView { + border-top: 1px solid ThreeDDarkShadow; +} + +/* Info box */ +#detailsDeck { + border-top: 1px solid ThreeDShadow; + padding: 5px; +} + +#infoBoxExpanderLabel { + -moz-padding-start: 2px; +} + +#organizerScopeBar { + padding: 2px 0; + -moz-padding-end: 3px; +} + +#organizerScopeBar > toolbarbutton { + -moz-appearance: none; + border: 1px solid transparent; + border-radius: 2px; + padding: 0 !important; + margin: 0 1px; +} + +#organizerScopeBar > toolbarbutton > .toolbarbutton-icon { + padding: 0; + margin: 0; +} + +#organizerScopeBar > toolbarbutton > .toolbarbutton-text { + margin: 0; + padding: 2px 5px; +} + +#organizerScopeBar > toolbarbutton:not([disabled="true"]):not([checked="true"]):hover { + border-color: ThreeDShadow; +} + +#organizerScopeBar > toolbarbutton[checked="true"] { + border-color: ThreeDDarkShadow !important; +} + +#searchFilter { + margin: 0; +} + +/** + * Downloads pane + */ + +#clearDownloadsButton > .toolbarbutton-icon { + display: none; +} + +#clearDownloadsButton { + -moz-padding-start: 9px; + -moz-padding-end: 9px; +} + +#placesView { + border-top: none; +} + +@media not all and (-moz-windows-classic) { + #placesToolbox { + -moz-appearance: none; + background-color: transparent; + } + + #placesToolbar { + -moz-appearance: none; + background-color: -moz-Dialog; + color: -moz-dialogText; + } +} + +@media (-moz-windows-default-theme) { + #placesView > splitter { + border: 0; + -moz-border-end: 1px solid #A9B7C9; + min-width: 0; + width: 3px; + background-color: transparent; + -moz-margin-start: -3px; + position: relative; + } +} + +@media (-moz-windows-glass) { + #placesToolbox { + border-top: none; + } + + #placesToolbar { + background-image: linear-gradient(var(--toolbar-highlight-top), transparent); + } +} + +@media (-moz-windows-default-theme) and (-moz-os-version: windows-vista), + (-moz-windows-default-theme) and (-moz-os-version: windows-win7) { + #placesView, + #infoPane, + #placesList, + #placeContent { + background-color: #EEF3FA; + } + + #placesToolbar { + background-color: var(--toolbar-custom-color); + color: black; + } + + #detailsDeck { + border-top-color: #A9B7C9; + } + + #searchFilter { + -moz-appearance: none; + padding: 2px; + -moz-padding-start: 4px; + background-clip: padding-box; + border: 1px solid rgba(0,0,0,.32); + border-radius: 2px; + } +} diff --git a/themes/windows/places/places.css b/themes/windows/places/places.css new file mode 100644 index 0000000..bb16046 --- /dev/null +++ b/themes/windows/places/places.css @@ -0,0 +1,172 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* Sidebars */ +.sidebar-placesTree { + -moz-appearance: none; + border: 0; + margin: 0; + border-top: 1px solid ThreeDShadow; +} + +.sidebar-placesTreechildren::-moz-tree-cell(leaf) , +.sidebar-placesTreechildren::-moz-tree-image(leaf) { + cursor: pointer; +} + +.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + cursor: pointer; + text-decoration: underline; +} + +.sidebar-placesTreechildren::-moz-tree-cell(separator) { + cursor: default; +} + +@media (-moz-windows-default-theme) { + .sidebar-placesTree { + background-color: transparent; + border-top: none; + } + + .sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) { + text-decoration: none; + } + + @media (-moz-os-version: windows-vista), + (-moz-os-version: windows-win7) { + #bookmarksPanel, + #history-panel { + background-color: #EEF3FA; + } + } +} + +/* Trees */ +treechildren::-moz-tree-image(title) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); + padding-right: 2px; + margin: 0px 2px; + width: 16px; + height: 16px; +} + +treechildren::-moz-tree-image(title, livemarkItem) { + list-style-image: url("chrome://browser/skin/places/livemark-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); +} + +treechildren::-moz-tree-image(title, livemarkItem, visited) { + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, separator) { + list-style-image: none; + width: 0; + height: 0; +} + +treechildren::-moz-tree-image(title, container) { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, open) { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +treechildren::-moz-tree-image(title, container, livemark) { + list-style-image: url("chrome://browser/skin/livemark-folder.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) { + list-style-image: url("chrome://browser/skin/places/allBookmarks.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) { + list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) { + list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) { + list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); + -moz-image-region: auto; +} + +/* query-nodes should be styled even if they're not expandable */ +treechildren::-moz-tree-image(title, query) { + list-style-image: url("chrome://browser/skin/places/query.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, tagContainer), +treechildren::-moz-tree-image(query, OrganizerQuery_Tags) { + list-style-image: url("chrome://browser/skin/places/tag.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) { + list-style-image: url("chrome://browser/skin/places/downloads.png"); + -moz-image-region: auto; +} + +/* calendar icon for folders grouping items by date */ +treechildren::-moz-tree-image(title, query, dayContainer) { + list-style-image: url("chrome://browser/skin/places/calendar.png"); + -moz-image-region: auto; +} + +treechildren::-moz-tree-image(title, query, hostContainer) { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, query, hostContainer, open) { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +treechildren::-moz-tree-image(title, query, OrganizerQuery_History) { + list-style-image: url("chrome://browser/skin/places/history.png"); +} + +/* We want some queries to look like ordinary folders. This must come + after the (title, query) selector, or it would get overridden. */ +treechildren::-moz-tree-image(title, query, folder) { + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 32px, 16px, 16px); +} + +treechildren::-moz-tree-image(title, query, folder, open) { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +treechildren::-moz-tree-image(cutting) { + opacity: 0.5; +} + +treechildren::-moz-tree-cell-text(cutting) { + opacity: 0.7; +} + +/* Browser Sidebars */ + +/* Default button vert. margins are 1px/2px, and this can cause misalignment */ +#viewButton { + margin-top: 2px; + margin-bottom: 2px; +} + +#viewButton > .button-box > .button-menu-dropmarker { + height: auto; + width: auto; + -moz-margin-end: -3px; +} diff --git a/themes/windows/places/query.png b/themes/windows/places/query.png Binary files differnew file mode 100644 index 0000000..fff0fb0 --- /dev/null +++ b/themes/windows/places/query.png diff --git a/themes/windows/places/starred48.png b/themes/windows/places/starred48.png Binary files differnew file mode 100644 index 0000000..2f7e878 --- /dev/null +++ b/themes/windows/places/starred48.png diff --git a/themes/windows/places/tag.png b/themes/windows/places/tag.png Binary files differnew file mode 100644 index 0000000..da90624 --- /dev/null +++ b/themes/windows/places/tag.png diff --git a/themes/windows/places/toolbarDropMarker.png b/themes/windows/places/toolbarDropMarker.png Binary files differnew file mode 100644 index 0000000..3abb7c2 --- /dev/null +++ b/themes/windows/places/toolbarDropMarker.png diff --git a/themes/windows/places/unsortedBookmarks.png b/themes/windows/places/unsortedBookmarks.png Binary files differnew file mode 100644 index 0000000..d18a501 --- /dev/null +++ b/themes/windows/places/unsortedBookmarks.png diff --git a/themes/windows/places/unstarred48.png b/themes/windows/places/unstarred48.png Binary files differnew file mode 100644 index 0000000..8b82aab --- /dev/null +++ b/themes/windows/places/unstarred48.png diff --git a/themes/windows/pointerLock-16.png b/themes/windows/pointerLock-16.png Binary files differnew file mode 100644 index 0000000..862cd11 --- /dev/null +++ b/themes/windows/pointerLock-16.png diff --git a/themes/windows/pointerLock-64.png b/themes/windows/pointerLock-64.png Binary files differnew file mode 100644 index 0000000..a35ce04 --- /dev/null +++ b/themes/windows/pointerLock-64.png diff --git a/themes/windows/preferences/Options-sync.png b/themes/windows/preferences/Options-sync.png Binary files differnew file mode 100644 index 0000000..89901fb --- /dev/null +++ b/themes/windows/preferences/Options-sync.png diff --git a/themes/windows/preferences/Options.png b/themes/windows/preferences/Options.png Binary files differnew file mode 100644 index 0000000..2cb1f50 --- /dev/null +++ b/themes/windows/preferences/Options.png diff --git a/themes/windows/preferences/alwaysAsk.png b/themes/windows/preferences/alwaysAsk.png Binary files differnew file mode 100644 index 0000000..d12805e --- /dev/null +++ b/themes/windows/preferences/alwaysAsk.png diff --git a/themes/windows/preferences/application.png b/themes/windows/preferences/application.png Binary files differnew file mode 100644 index 0000000..d67993d --- /dev/null +++ b/themes/windows/preferences/application.png diff --git a/themes/windows/preferences/applications.css b/themes/windows/preferences/applications.css new file mode 100644 index 0000000..80699b4 --- /dev/null +++ b/themes/windows/preferences/applications.css @@ -0,0 +1,64 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/** + * Line up the actions menu with action labels above and below it. + * Equalize the distance from the left side of the action box to the left side + * of the icon for both the menu and the non-menu versions of the action box. + * Also make sure the labels are the same distance away from the icons. + */ +.actionsMenu { + margin-top: 0; + margin-bottom: 0; + -moz-margin-start: -2px; + -moz-margin-end: 0; +} + +.typeIcon, +.actionIcon { + -moz-margin-start: 3px; + -moz-margin-end: 3px; +} + +richlistitem label { + -moz-margin-start: 1px; + margin-top: 2px; +} + +richlistitem { + min-height: 22px; +} + +richlistitem[appHandlerIcon="ask"], +menuitem[appHandlerIcon="ask"] { + list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png"); +} + +richlistitem[appHandlerIcon="save"], +menuitem[appHandlerIcon="save"] { + list-style-image: url("chrome://browser/skin/preferences/application.png"); +} + +richlistitem[appHandlerIcon="feed"], +menuitem[appHandlerIcon="feed"] { + list-style-image: url("chrome://browser/skin/page-livemarks.png"); +} + +richlistitem[appHandlerIcon="plugin"], +menuitem[appHandlerIcon="plugin"] { + list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png"); +} + +.actionsMenu .menulist-icon { + -moz-margin-end: 3px; +} + +.actionsMenu > menupopup > menuitem > .menu-iconic-left { + -moz-padding-start: 0px; + -moz-padding-end: 2px; +} + +.actionsMenu > menupopup > menuitem { + -moz-padding-start: 4px; +} diff --git a/themes/windows/preferences/mail.png b/themes/windows/preferences/mail.png Binary files differnew file mode 100644 index 0000000..be1ed4d --- /dev/null +++ b/themes/windows/preferences/mail.png diff --git a/themes/windows/preferences/preferences.css b/themes/windows/preferences/preferences.css new file mode 100644 index 0000000..40be343 --- /dev/null +++ b/themes/windows/preferences/preferences.css @@ -0,0 +1,146 @@ +/* +# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*- +# This Source Code Form is subject to the terms of the Mozilla Public +# License, v. 2.0. If a copy of the MPL was not distributed with this +# file, You can obtain one at http://mozilla.org/MPL/2.0/. +*/ + +/* Global Styles */ +#BrowserPreferences radio[pane] { + list-style-image: url("chrome://browser/skin/preferences/Options.png"); + padding: 5px 3px 1px; +} + +radio[pane=paneMain] { + -moz-image-region: rect(0, 32px, 32px, 0); +} + +radio[pane=paneTabs] { + -moz-image-region: rect(0, 64px, 32px, 32px); +} + +radio[pane=paneContent] { + -moz-image-region: rect(0, 96px, 32px, 64px); +} + +radio[pane=paneApplications] { + -moz-image-region: rect(0, 128px, 32px, 96px); +} + +radio[pane=panePrivacy] { + -moz-image-region: rect(0, 160px, 32px, 128px); +} + +radio[pane=paneSecurity] { + -moz-image-region: rect(0, 192px, 32px, 160px); +} + +radio[pane=paneAdvanced] { + -moz-image-region: rect(0, 224px, 32px, 192px); +} + +%ifdef MOZ_SERVICES_SYNC +radio[pane=paneSync] { + list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important; +} +%endif + +/* Applications Pane */ +#BrowserPreferences[animated="true"] #handlersView { + height: 25em; +} + +#BrowserPreferences[animated="false"] #handlersView { + -moz-box-flex: 1; +} + +/* Privacy Pane */ + +/* styles for the link elements copied from .text-link in global.css */ +.inline-link { + color: -moz-nativehyperlinktext; + text-decoration: none; +} + +.inline-link:hover { + text-decoration: underline; +} + +/* Modeless Window Dialogs */ +.windowDialog, +.windowDialog prefpane { + padding: 0; +} + +#browserHomePage:-moz-locale-dir(rtl) input { + unicode-bidi: plaintext; + direction: rtl; +} + +.contentPane { + margin: 9px 8px 5px; +} + +.actionButtons { + margin: 0 3px 6px !important; +} + +/* Cookies Manager */ +#cookiesChildren::-moz-tree-image(domainCol) { + width: 16px; + height: 16px; + margin: 0 2px; + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png") !important; +} + +#cookiesChildren::-moz-tree-image(domainCol, container) { + list-style-image: url("chrome://global/skin/icons/folder-item.png") !important; + -moz-image-region: rect(0, 32px, 16px, 16px); +} + +#cookiesChildren::-moz-tree-image(domainCol, container, open) { + -moz-image-region: rect(16px, 32px, 32px, 16px); +} + +#cookieInfoBox { + border: 1px solid ThreeDShadow; + border-radius: 0; + margin: 4px; + padding: 0; +} + +/* Advanced Pane */ + +/* Adding padding-bottom prevents the bottom of the tabpanel from being cutoff + when browser.preferences.animateFadeIn = true */ +#advancedPrefs { + padding-bottom: 8px; +} + +/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom + of the groupbox from being cutoff */ +.bottomBox { + padding-bottom: 4px; +} + +%ifdef MOZ_SERVICES_SYNC +/* Sync Pane */ + +#syncDesc { + padding: 0 8em; +} + +.syncGroupBox { + padding: 10px; +} + +#accountCaptionImage { + list-style-image: url("chrome://mozapps/skin/profile/profileicon.png"); +} + +#syncAddDeviceLabel { + margin-top: 1em; + margin-bottom: 1em; +} + +%endif diff --git a/themes/windows/preferences/saveFile.png b/themes/windows/preferences/saveFile.png Binary files differnew file mode 100644 index 0000000..1248dd3 --- /dev/null +++ b/themes/windows/preferences/saveFile.png diff --git a/themes/windows/privatebrowsing-dark.png b/themes/windows/privatebrowsing-dark.png Binary files differnew file mode 100644 index 0000000..9eaf3ae --- /dev/null +++ b/themes/windows/privatebrowsing-dark.png diff --git a/themes/windows/privatebrowsing-light.png b/themes/windows/privatebrowsing-light.png Binary files differnew file mode 100644 index 0000000..c12f507 --- /dev/null +++ b/themes/windows/privatebrowsing-light.png diff --git a/themes/windows/reload-stop-go.png b/themes/windows/reload-stop-go.png Binary files differnew file mode 100644 index 0000000..1017be9 --- /dev/null +++ b/themes/windows/reload-stop-go.png diff --git a/themes/windows/sanitize.png b/themes/windows/sanitize.png Binary files differnew file mode 100644 index 0000000..72eea2c --- /dev/null +++ b/themes/windows/sanitize.png diff --git a/themes/windows/sanitizeDialog.css b/themes/windows/sanitizeDialog.css new file mode 100644 index 0000000..4312eb8 --- /dev/null +++ b/themes/windows/sanitizeDialog.css @@ -0,0 +1,93 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#sanitizeDurationChoice { + -moz-margin-end: 0; +} + +/* Align the duration label with the warning box and item list */ +#sanitizeDurationLabel { + -moz-margin-start: 3px; +} + + +/* Hide the duration dropdown suffix label if it's empty. Otherwise it + takes up a little space, causing the end of the dropdown to not be aligned + with the warning box. */ +#sanitizeDurationSuffixLabel[value=""] { + display: none; +} + + +/* Places tree */ +#placesTreechildren::-moz-tree-row(selected), +#placesTreechildren::-moz-tree-row(grippyRow) { + background: #999; +} + +#placesTreechildren::-moz-tree-cell-text(selected) { + color: #111; +} + + +/* Sanitize everything warning box */ +#sanitizeEverythingWarningBox { + background-color: Window; + border: 1px solid ThreeDDarkShadow; + border-radius: 5px; + padding: 16px; +} + +#sanitizeEverythingWarningIcon { + list-style-image: url("chrome://global/skin/icons/warning-large.png"); + padding: 0; + margin: 0; +} + +#sanitizeEverythingWarningDescBox { + padding: 0 16px; + margin: 0; +} + + +/* Progressive disclosure button */ +#detailsExpanderWrapper { + padding: 0; + margin: 6px 0; +} + +.expander-up, +.expander-down { + min-width: 0; + margin: 0; +} + +.expander-up > .button-box, +.expander-down > .button-box { + padding: 0; +} + +.expander-up { + list-style-image: url("chrome://global/skin/icons/collapse.png"); +} + +.expander-down { + list-style-image: url("chrome://global/skin/icons/expand.png"); +} + + +/* Make the item list the same width as the warning box */ +#itemList { + -moz-margin-start: 0; + -moz-margin-end: 0; +} + + +/* Align the last dialog button with the end of the warning box */ +.prefWindow-dlgbuttons { + -moz-margin-end: 0; +} +.dialog-button[dlgtype="cancel"] { + -moz-margin-end: 0; +} diff --git a/themes/windows/searchbar-dropdown-arrow.png b/themes/windows/searchbar-dropdown-arrow.png Binary files differnew file mode 100644 index 0000000..79d8d61 --- /dev/null +++ b/themes/windows/searchbar-dropdown-arrow.png diff --git a/themes/windows/searchbar.css b/themes/windows/searchbar.css new file mode 100644 index 0000000..86a4855 --- /dev/null +++ b/themes/windows/searchbar.css @@ -0,0 +1,81 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +.searchbar-textbox { + width: 6em; + min-width: 6em; +} + +.autocomplete-textbox-container { + -moz-box-align: stretch; +} + +.textbox-input-box { + margin: 0; +} + +/* ::::: searchbar-engine-button ::::: */ + +.searchbar-engine-image { + height: 16px; + width: 16px; + list-style-image: url("chrome://global/skin/icons/folder-item.png"); + -moz-image-region: rect(0px, 16px, 16px, 0px); + -moz-margin-start: 2px; +} + +.searchbar-engine-button { + -moz-appearance: none; + min-width: 0; + margin: 0; + padding: 0; + -moz-padding-end: 2px; + -moz-box-align: center; + background: none; + border: none; +} + +.searchbar-engine-button > .button-box { + -moz-appearance: none; + padding: 0; + border: 0; +} + +.searchbar-dropmarker-image { + list-style-image: url("chrome://browser/skin/searchbar-dropdown-arrow.png"); + -moz-image-region: rect(0, 13px, 11px, 0); +} + +.searchbar-engine-button[open="true"] > .searchbar-dropmarker-image { + -moz-image-region: rect(0, 26px, 11px, 13px); +} + + +/* ::::: search-go-button ::::: */ + +.search-go-container { + -moz-box-align: center; +} + +.search-go-button { + padding: 1px; + list-style-image: url("chrome://global/skin/icons/Search-glass.png"); + -moz-image-region: rect(0px 16px 16px 0px); +} + +.search-go-button:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.search-go-button:hover { + -moz-image-region: rect(0px 32px 16px 16px); +} + +.search-go-button:hover:active { + -moz-image-region: rect(0px, 48px, 16px, 32px); +} + +.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text { + font-weight: bold; +} diff --git a/themes/windows/setDesktopBackground.css b/themes/windows/setDesktopBackground.css new file mode 100644 index 0000000..585284c --- /dev/null +++ b/themes/windows/setDesktopBackground.css @@ -0,0 +1,18 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); +@namespace html url("http://www.w3.org/1999/xhtml"); + +html|canvas#screen { + margin: 12px 11px 32px; +} + +#monitor { + list-style-image: url("chrome://browser/skin/monitor.png"); +} + +#monitor[aspectratio="16:10"] { + list-style-image: url("chrome://browser/skin/monitor_16-10.png"); +} diff --git a/themes/windows/slowStartup-16.png b/themes/windows/slowStartup-16.png Binary files differnew file mode 100644 index 0000000..5551ef0 --- /dev/null +++ b/themes/windows/slowStartup-16.png diff --git a/themes/windows/statusbar/overlay.css b/themes/windows/statusbar/overlay.css new file mode 100644 index 0000000..7f9a598 --- /dev/null +++ b/themes/windows/statusbar/overlay.css @@ -0,0 +1,104 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/overlay.css + +/* + * General + */ + +#status4evar-status-text, +#status4evar-progress-bar +{ + margin: 0px 3px; +} + +/* + * Download status + */ + +#status4evar-download-progress-bar +{ + height: 4px; +} + +#status4evar-download-button #status4evar-download-icon +{ + min-width: 18px; + min-height: 18px; +} + +#status4evar-download-button #status4evar-download-icon +{ + background: -moz-image-rect(var(--toolbarbutton-image), 0, 108, 18, 90) center no-repeat; +} + +toolbar[brighttext] #status4evar-download-button #status4evar-download-icon +{ + background: -moz-image-rect(var(--toolbarbutton-inverted-image), 0, 108, 18, 90) center no-repeat; +} + +@media (-moz-windows-compositor) +{ + :-moz-any(#toolbar-menubar, #nav-bar[tabsontop=false]) #status4evar-download-button #status4evar-download-icon:not(:-moz-lwtheme), + #TabsToolbar[tabsontop=true] #status4evar-download-button #status4evar-download-icon:not(:-moz-lwtheme), + #nav-bar + #customToolbars + #PersonalToolbar[collapsed=true] + #TabsToolbar[tabsontop=false]:last-child #status4evar-download-button #status4evar-download-icon:not(:-moz-lwtheme) + { + background: -moz-image-rect(var(--toolbarbutton-glass-image), 0, 108, 18, 90) center no-repeat; + } +} + +#status4evar-download-button[attention] #status4evar-download-icon +{ + background: -moz-image-rect(var(--toolbarbutton-glass-image), 19, 108, 36, 90) center no-repeat; +} + +toolbar[mode="icons"] #status4evar-download-button[forcelabel="true"] > label +{ + -moz-margin-start: 5px !important; +} + +/* + * Splitter + */ + +splitter.status4evar-status-splitter +{ + width: 6px; + margin: 0px -3px; +} + +/* + * Location bar + */ + +#urlbar-progress-alt +{ + -moz-margin-end: -2px; +} + +/* + * Status bar + */ + +#browser-bottombox[s4eboarder="true"] :-moz-any(#status4evar-status-bar, #addon-bar) +{ + -moz-appearance: none; +} + +#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) +{ + box-shadow: none !important; + border: none !important; + border-top: 2px solid !important; + -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important; +} + +#browser-bottombox[s4eboarder="true"] > *:not([hidden="true"]):not([collapsed="true"]) ~ * +{ + border: none !important; +} + diff --git a/themes/windows/statusbar/prefs.css b/themes/windows/statusbar/prefs.css new file mode 100644 index 0000000..005088b --- /dev/null +++ b/themes/windows/statusbar/prefs.css @@ -0,0 +1,7 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); + +%include ../../shared/statusbar/prefs.css diff --git a/themes/windows/sync-128.png b/themes/windows/sync-128.png Binary files differnew file mode 100644 index 0000000..1ea3481 --- /dev/null +++ b/themes/windows/sync-128.png diff --git a/themes/windows/sync-16.png b/themes/windows/sync-16.png Binary files differnew file mode 100644 index 0000000..0afb1c7 --- /dev/null +++ b/themes/windows/sync-16.png diff --git a/themes/windows/sync-32.png b/themes/windows/sync-32.png Binary files differnew file mode 100644 index 0000000..7a762cb --- /dev/null +++ b/themes/windows/sync-32.png diff --git a/themes/windows/sync-bg.png b/themes/windows/sync-bg.png Binary files differnew file mode 100644 index 0000000..893a27d --- /dev/null +++ b/themes/windows/sync-bg.png diff --git a/themes/windows/sync-desktopIcon.png b/themes/windows/sync-desktopIcon.png Binary files differnew file mode 100644 index 0000000..d3d1e27 --- /dev/null +++ b/themes/windows/sync-desktopIcon.png diff --git a/themes/windows/sync-mobileIcon.png b/themes/windows/sync-mobileIcon.png Binary files differnew file mode 100644 index 0000000..a3bda57 --- /dev/null +++ b/themes/windows/sync-mobileIcon.png diff --git a/themes/windows/sync-throbber.png b/themes/windows/sync-throbber.png Binary files differnew file mode 100644 index 0000000..d25490b --- /dev/null +++ b/themes/windows/sync-throbber.png diff --git a/themes/windows/syncCommon.css b/themes/windows/syncCommon.css new file mode 100644 index 0000000..f0beae0 --- /dev/null +++ b/themes/windows/syncCommon.css @@ -0,0 +1,49 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +/* The following are used by both sync/setup.xul and sync/genericChange.xul */ +.status { + color: -moz-dialogtext; +} + +.statusIcon { + -moz-margin-start: 4px; + max-height: 16px; + max-width: 16px; +} + +.statusIcon[status="active"] { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +.statusIcon[status="error"] { + list-style-image: url("chrome://global/skin/icons/error-16.png"); +} + +.statusIcon[status="success"] { + list-style-image: url("chrome://global/skin/icons/information-16.png"); +} + +/* .data is only used by sync/genericChange.xul, but it seems unnecessary to have + a separate stylesheet for it. */ +.data { + font-size: 90%; + font-weight: bold; +} + +dialog#change-dialog { + width: 40em; +} + +image#syncIcon { + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#introText { + margin-top: 2px; +} + +#feedback { + height: 2em; +} diff --git a/themes/windows/syncProgress.css b/themes/windows/syncProgress.css new file mode 100644 index 0000000..d7aa599 --- /dev/null +++ b/themes/windows/syncProgress.css @@ -0,0 +1,46 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ +@import url(chrome://global/skin/inContentUI.css); + +:root { + height: 100%; + width: 100%; + padding: 0; +} + +body { + margin: 0; + padding: 0 2em; +} + +#floatingBox { + margin: 4em auto; + max-width: 40em; + min-width: 23em; + padding: 1em 1.5em; + position: relative; + text-align: center; +} + +#successLogo { + margin: 1em 2em; +} + +#loadingText { + margin: 2em 6em; +} + +#progressBar { + margin: 2em 10em; +} + +#uploadProgressBar{ + width: 100%; +} + +#bottomRow { + margin-top: 2em; + padding: 0; + text-align: end; +} diff --git a/themes/windows/syncQuota.css b/themes/windows/syncQuota.css new file mode 100644 index 0000000..1577de8 --- /dev/null +++ b/themes/windows/syncQuota.css @@ -0,0 +1,26 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +#quotaDialog { + width: 33em; + height: 25em; +} + +treechildren::-moz-tree-checkbox { + list-style-image: none; +} +treechildren::-moz-tree-checkbox(checked) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); +} +treechildren::-moz-tree-checkbox(disabled) { + list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); +} + +#treeCaption { + height: 4em; +} + +.captionWarning { + font-weight: bold; +} diff --git a/themes/windows/syncSetup.css b/themes/windows/syncSetup.css new file mode 100644 index 0000000..fff65e9 --- /dev/null +++ b/themes/windows/syncSetup.css @@ -0,0 +1,132 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +wizard { + -moz-appearance: none; + width: 55em; + height: 45em; + padding: 0; + background-color: Window; +} + +.wizard-page-box { + -moz-appearance: none; + padding-left: 0; + padding-right: 0; + margin: 0; +} + +wizardpage { + -moz-box-pack: center; + -moz-box-align: center; + margin: 0; + padding: 0 6em; + background-color: Window; +} + +.wizard-header { + -moz-appearance: none; + border: none; + padding: 2em 0 1em 0; + text-align: center; +} +.wizard-header-label { + font-size: 24pt; + font-weight: normal; +} + +.wizard-buttons { + background-color: rgba(0,0,0,0.1); + padding: 1em; +} + +.wizard-buttons-separator { + visibility: collapse; +} + +.wizard-header-icon { + visibility: collapse; +} + +.accountChoiceButton { + font: menu; +} + +.confirm { + border: 1px solid black; + padding: 1em; + border-radius: 5px; +} + +/* Override the text-link style from global.css */ +description > .text-link, +description > .text-link:focus { + margin: 0px; + padding: 0px; + border: 0px; +} + + +.success, +.error { + padding: 2px; + border-radius: 2px; +} + +.error { + background-color: #FF0000 !important; + color: #FFFFFF !important; +} + +.success { + background-color: #00FF00 !important; +} + +.warning { + font-weight: bold; + font-size: 100%; + color: red; +} + +.mainDesc { + font-weight: bold; + font-size: 100%; +} + +.normal { + font-size: 100%; +} + +.inputColumn { + -moz-margin-end: 2px +} + +.pin { + font-size: 18pt; + width: 4em; + text-align: center; +} + +#passphraseHelpSpacer { + width: 0.5em; +} + +#pairDeviceThrobber > image, +#login-throbber > image { + list-style-image: url("chrome://global/skin/icons/loading_16.png"); +} + +#captchaFeedback { + visibility: hidden; +} + +#successPageIcon { + /* TODO replace this with a 128px version (bug 591122) */ + list-style-image: url("chrome://browser/skin/sync-32.png"); +} + +#tosDesc { + margin-left: -7px; + margin-bottom: 3px; +}
\ No newline at end of file diff --git a/themes/windows/tabbrowser/alltabs-inverted.png b/themes/windows/tabbrowser/alltabs-inverted.png Binary files differnew file mode 100644 index 0000000..002bdd4 --- /dev/null +++ b/themes/windows/tabbrowser/alltabs-inverted.png diff --git a/themes/windows/tabbrowser/alltabs.png b/themes/windows/tabbrowser/alltabs.png Binary files differnew file mode 100644 index 0000000..172d425 --- /dev/null +++ b/themes/windows/tabbrowser/alltabs.png diff --git a/themes/windows/tabbrowser/connecting.png b/themes/windows/tabbrowser/connecting.png Binary files differnew file mode 100644 index 0000000..e564fb5 --- /dev/null +++ b/themes/windows/tabbrowser/connecting.png diff --git a/themes/windows/tabbrowser/loading.png b/themes/windows/tabbrowser/loading.png Binary files differnew file mode 100644 index 0000000..ba54836 --- /dev/null +++ b/themes/windows/tabbrowser/loading.png diff --git a/themes/windows/tabbrowser/newtab-glass.png b/themes/windows/tabbrowser/newtab-glass.png Binary files differnew file mode 100644 index 0000000..15185be --- /dev/null +++ b/themes/windows/tabbrowser/newtab-glass.png diff --git a/themes/windows/tabbrowser/newtab-inverted.png b/themes/windows/tabbrowser/newtab-inverted.png Binary files differnew file mode 100644 index 0000000..4ac1eba --- /dev/null +++ b/themes/windows/tabbrowser/newtab-inverted.png diff --git a/themes/windows/tabbrowser/newtab.png b/themes/windows/tabbrowser/newtab.png Binary files differnew file mode 100644 index 0000000..7cea7bd --- /dev/null +++ b/themes/windows/tabbrowser/newtab.png diff --git a/themes/windows/tabbrowser/tab-arrow-left-glass.png b/themes/windows/tabbrowser/tab-arrow-left-glass.png Binary files differnew file mode 100644 index 0000000..aac93a7 --- /dev/null +++ b/themes/windows/tabbrowser/tab-arrow-left-glass.png diff --git a/themes/windows/tabbrowser/tab-arrow-left-inverted.png b/themes/windows/tabbrowser/tab-arrow-left-inverted.png Binary files differnew file mode 100644 index 0000000..16cd7a2 --- /dev/null +++ b/themes/windows/tabbrowser/tab-arrow-left-inverted.png diff --git a/themes/windows/tabbrowser/tab-arrow-left.png b/themes/windows/tabbrowser/tab-arrow-left.png Binary files differnew file mode 100644 index 0000000..e0fb348 --- /dev/null +++ b/themes/windows/tabbrowser/tab-arrow-left.png diff --git a/themes/windows/tabbrowser/tab-overflow-border.png b/themes/windows/tabbrowser/tab-overflow-border.png Binary files differnew file mode 100644 index 0000000..77f2462 --- /dev/null +++ b/themes/windows/tabbrowser/tab-overflow-border.png diff --git a/themes/windows/tabbrowser/tabDragIndicator.png b/themes/windows/tabbrowser/tabDragIndicator.png Binary files differnew file mode 100644 index 0000000..c67c233 --- /dev/null +++ b/themes/windows/tabbrowser/tabDragIndicator.png diff --git a/themes/windows/toolbarbutton-dropdown-arrow-inverted.png b/themes/windows/toolbarbutton-dropdown-arrow-inverted.png Binary files differnew file mode 100644 index 0000000..f3261f1 --- /dev/null +++ b/themes/windows/toolbarbutton-dropdown-arrow-inverted.png diff --git a/themes/windows/toolbarbutton-dropdown-arrow.png b/themes/windows/toolbarbutton-dropdown-arrow.png Binary files differnew file mode 100644 index 0000000..a7abe73 --- /dev/null +++ b/themes/windows/toolbarbutton-dropdown-arrow.png diff --git a/themes/windows/urlbar-arrow.png b/themes/windows/urlbar-arrow.png Binary files differnew file mode 100644 index 0000000..fcab253 --- /dev/null +++ b/themes/windows/urlbar-arrow.png diff --git a/themes/windows/urlbar-history-dropmarker.png b/themes/windows/urlbar-history-dropmarker.png Binary files differnew file mode 100644 index 0000000..fc8b0be --- /dev/null +++ b/themes/windows/urlbar-history-dropmarker.png diff --git a/themes/windows/urlbar-popup-blocked.png b/themes/windows/urlbar-popup-blocked.png Binary files differnew file mode 100644 index 0000000..e6fd29f --- /dev/null +++ b/themes/windows/urlbar-popup-blocked.png diff --git a/themes/windows/web-notifications-icon.svg b/themes/windows/web-notifications-icon.svg new file mode 100644 index 0000000..f7186c7 --- /dev/null +++ b/themes/windows/web-notifications-icon.svg @@ -0,0 +1,15 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="64" height="64" viewBox="0 0 64 64"> + <defs> + <style> + .icon { + fill: #a6a6a6; + fill-rule: evenodd; + } + </style> + </defs> + <path d="M57,48 L46,48 L46,60.016 L32.482,48 L7,48 C5.343,48 4,46.657 4,45 L4,11.031 C4,9.374 5.343,8.031 7,8.031 L57,8.031 C58.657,8.031 60,9.374 60,11.031 L60,45 C60,46.657 58.657,48 57,48 ZM36,16.031 C36,14.927 35.105,14.031 34,14.031 L30,14.031 C28.895,14.031 28,14.927 28,16.031 L28,30.031 C28,31.136 28.895,32.031 30,32.031 L34,32.031 C35.105,32.031 36,31.136 36,30.031 L36,16.031 ZM36,37.5 C36,36.672 35.328,36 34.5,36 L29.5,36 C28.672,36 28,36.672 28,37.5 L28,40.5 C28,41.328 28.672,42 29.5,42 L34.5,42 C35.328,42 36,41.328 36,40.5 L36,37.5 Z" class="icon"/> +</svg> diff --git a/themes/windows/web-notifications-tray.svg b/themes/windows/web-notifications-tray.svg new file mode 100644 index 0000000..314026a --- /dev/null +++ b/themes/windows/web-notifications-tray.svg @@ -0,0 +1,23 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="16" viewBox="0 0 96 32"> + <defs> + <style> + .style-icon-notification { + fill: #666666; + } + .style-icon-notification.hover { + fill: #808080; + } + .style-icon-notification.active { + fill: #4d4d4d; + } + </style> + <path id="shape-notifcations-push" d="M27,23.969 L24,23.969 L24,29.977 L17.241,23.969 L5,23.969 C3.343,23.969 2,22.626 2,20.969 L2,6.969 C2,5.312 3.343,3.969 5,3.969 L27,3.969 C28.657,3.969 30,5.312 30,6.969 L30,20.969 C30,22.626 28.657,23.969 27,23.969 ZM18,8.969 C18,7.864 17.105,6.969 16,6.969 C14.895,6.969 14,7.864 14,8.969 L14,13.969 C14,15.073 14.895,15.969 16,15.969 C17.105,15.969 18,15.073 18,13.969 L18,8.969 ZM16.5,17.969 L15.5,17.969 C14.672,17.969 14,18.640 14,19.469 C14,20.297 14.672,20.969 15.5,20.969 L16.5,20.969 C17.328,20.969 18,20.297 18,19.469 C18,18.640 17.328,17.969 16.5,17.969 Z"/> + </defs> + <use xlink:href="#shape-notifcations-push" class="style-icon-notification"/> + <use xlink:href="#shape-notifcations-push" transform="translate(32)" class="style-icon-notification hover"/> + <use xlink:href="#shape-notifcations-push" transform="translate(64)" class="style-icon-notification active"/> +</svg> diff --git a/themes/windows/webRTC-shareDevice-16.png b/themes/windows/webRTC-shareDevice-16.png Binary files differnew file mode 100644 index 0000000..df01b33 --- /dev/null +++ b/themes/windows/webRTC-shareDevice-16.png diff --git a/themes/windows/webRTC-shareDevice-64.png b/themes/windows/webRTC-shareDevice-64.png Binary files differnew file mode 100644 index 0000000..d125789 --- /dev/null +++ b/themes/windows/webRTC-shareDevice-64.png diff --git a/themes/windows/webRTC-sharingDevice-16.png b/themes/windows/webRTC-sharingDevice-16.png Binary files differnew file mode 100644 index 0000000..a670676 --- /dev/null +++ b/themes/windows/webRTC-sharingDevice-16.png |