diff options
Diffstat (limited to 'themes/linux/browser.css')
| -rw-r--r-- | themes/linux/browser.css | 2210 |
1 files changed, 0 insertions, 2210 deletions
diff --git a/themes/linux/browser.css b/themes/linux/browser.css deleted file mode 100644 index 4933b40..0000000 --- a/themes/linux/browser.css +++ /dev/null @@ -1,2210 +0,0 @@ -%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; -} |