diff options
Diffstat (limited to 'themes/linux/browser.css')
-rw-r--r-- | themes/linux/browser.css | 2210 |
1 files changed, 2210 insertions, 0 deletions
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; +} |