aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme
diff options
context:
space:
mode:
authorHorst31802015-08-19 19:38:44 +0200
committerHorst31802015-08-19 19:38:44 +0200
commit1d5f9f7aa7ac0bfe6a091b7c1395cafa33d52c43 (patch)
tree99efccaeba25e26aa03bdefcb83fb874b5061acc /arc-firefox-theme
parentc5fee00815d47f0d3970c6c4761ef1c15e5ee16f (diff)
downloadsolarc-firefox-theme-40.20150819.tar.gz
solarc-firefox-theme-40.20150819.tar.xz
solarc-firefox-theme-40.20150819.zip
add firefox theme40.20150819
Diffstat (limited to 'arc-firefox-theme')
-rw-r--r--arc-firefox-theme/chrome.manifest4
-rw-r--r--arc-firefox-theme/chrome/browser/Geolocation-16.pngbin0 -> 606 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Geolocation-64.pngbin0 -> 8056 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Info.pngbin0 -> 767 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Privacy-16.pngbin0 -> 822 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Push-16.pngbin0 -> 606 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Push-64.pngbin0 -> 8056 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Secure.pngbin0 -> 865 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Security-broken.pngbin0 -> 928 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Toolbar-inverted.pngbin0 -> 12572 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Toolbar-small.pngbin0 -> 5955 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/Toolbar.pngbin0 -> 17383 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutCertError.css72
-rw-r--r--arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.pngbin0 -> 791 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.pngbin0 -> 776 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.pngbin0 -> 767 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError.css138
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError_alert.svg15
-rw-r--r--arc-firefox-theme/chrome/browser/aboutNetError_info.svg5
-rw-r--r--arc-firefox-theme/chrome/browser/aboutProviderDirectory.css69
-rw-r--r--arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.pngbin0 -> 405 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/aboutSessionRestore.css33
-rw-r--r--arc-firefox-theme/chrome/browser/aboutSocialError.css40
-rw-r--r--arc-firefox-theme/chrome/browser/aboutSyncTabs.css101
-rw-r--r--arc-firefox-theme/chrome/browser/aboutTabCrashed.css11
-rw-r--r--arc-firefox-theme/chrome/browser/aboutWelcomeBack.css47
-rw-r--r--arc-firefox-theme/chrome/browser/actionicon-tab.pngbin0 -> 236 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/bad-content-blocked-16.pngbin0 -> 346 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.pngbin0 -> 691 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/bad-content-blocked-64.pngbin0 -> 2062 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/bad-content-unblocked-16.pngbin0 -> 462 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/bad-content-unblocked-64.pngbin0 -> 3209 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/badge-add-engine.pngbin0 -> 425 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/browser-lightweightTheme.css34
-rw-r--r--arc-firefox-theme/chrome/browser/browser.css4520
-rw-r--r--arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.pngbin0 -> 1563 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/content-contextmenu.svg73
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg1468
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg59
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.pngbin0 -> 165 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg121
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg89
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg85
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg80
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg76
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.pngbin0 -> 155 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg88
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg84
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg1460
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg182
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg224
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg228
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg182
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg224
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg228
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg89
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg85
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg80
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg76
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg88
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg84
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg1468
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg59
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.pngbin0 -> 165 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg121
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg97
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg89
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg85
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg80
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg76
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.pngbin0 -> 155 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg88
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg84
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg1432
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg220
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg182
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg224
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg228
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg182
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg224
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg228
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/navbar-separator.pngbin0 -> 133 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg1460
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.pngbin0 -> 15601 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.pngbin0 -> 7592 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customize-illustration.pngbin0 -> 7609 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.icobin0 -> 1084 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.pngbin0 -> 118 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.pngbin0 -> 1426 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.pngbin0 -> 1649 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.pngbin0 -> 286 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.pngbin0 -> 236 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.pngbin0 -> 399 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css1575
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.pngbin0 -> 243 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.pngbin0 -> 190 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.pngbin0 -> 307 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.pngbin0 -> 4296 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.pngbin0 -> 11126 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy.pngbin0 -> 6639 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.pngbin0 -> 18370 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devedition.css413
-rw-r--r--arc-firefox-theme/chrome/browser/devedition/search.svg41
-rw-r--r--arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg19
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/add.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/alerticon-warning.pngbin0 -> 613 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.pngbin0 -> 432 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/animationinspector.css256
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css224
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.pngbin0 -> 5208 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/device.css410
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg13
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/help.css40
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg80
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/index.css103
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/noise.pngbin0 -> 6216 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css556
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg30
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg13
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/arrow-e.pngbin0 -> 168 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.pngbin0 -> 417 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.pngbin0 -> 1207 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.pngbin0 -> 259 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.pngbin0 -> 564 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css451
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/close.pngbin0 -> 1466 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/close@2x.pngbin0 -> 272 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-console.pngbin0 -> 548 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-console@2x.pngbin0 -> 1225 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-eyedropper.pngbin0 -> 1049 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.pngbin0 -> 2066 bytes
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/command-frames.pngbin0 -> 522 bytes
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/command-frames@2x.pngbin0 -> 836 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-paintflashing.pngbin0 -> 872 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.pngbin0 -> 1833 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-pick.pngbin0 -> 1237 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-pick@2x.pngbin0 -> 2721 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-responsivemode.pngbin0 -> 951 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.pngbin0 -> 1411 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-rulers.pngbin0 -> 1281 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.pngbin0 -> 1369 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-scratchpad.pngbin0 -> 556 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.pngbin0 -> 898 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-screenshot.pngbin0 -> 1202 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.pngbin0 -> 1631 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-tilt.pngbin0 -> 1344 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.pngbin0 -> 2411 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline-icon.pngbin0 -> 254 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.pngbin0 -> 586 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/commandline.css172
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/common.css264
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/computedview.css208
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/controls.pngbin0 -> 1630 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/controls@2x.pngbin0 -> 2045 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.pngbin0 -> 1184 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.pngbin0 -> 1661 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dark-theme.css1458
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.pngbin0 -> 547 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.pngbin0 -> 988 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-collapse.pngbin0 -> 311 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.pngbin0 -> 338 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-expand.pngbin0 -> 310 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.pngbin0 -> 350 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-pause.pngbin0 -> 150 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.pngbin0 -> 189 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-play.pngbin0 -> 288 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.pngbin0 -> 494 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.pngbin0 -> 639 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.pngbin0 -> 1259 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-in.pngbin0 -> 206 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.pngbin0 -> 355 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-out.pngbin0 -> 214 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.pngbin0 -> 339 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-over.pngbin0 -> 306 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.pngbin0 -> 472 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.pngbin0 -> 886 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.pngbin0 -> 1676 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/debugger.css672
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.pngbin0 -> 154 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dock-side@2x.pngbin0 -> 153 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/dropmarker.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.pngbin0 -> 430 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-debug-location.pngbin0 -> 266 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.pngbin0 -> 462 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/editor-error.pngbin0 -> 3794 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/eyedropper.css45
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/fast-forward.pngbin0 -> 1260 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.pngbin0 -> 1621 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg4
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg4
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filetype-store.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg17
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/filters.svg27
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css10
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css33
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/font-inspector.css77
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/inspector.css155
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg4
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg4
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg4
-rwxr-xr-xarc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg4
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemToggle.pngbin0 -> 571 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.pngbin0 -> 1032 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/layoutview.css60
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/light-theme.css1456
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.pngbin0 -> 186 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.pngbin0 -> 421 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass.pngbin0 -> 192 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.pngbin0 -> 449 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/markup-view.css100
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/netmonitor.css920
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab-inverted.pngbin0 -> 470 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.pngbin0 -> 866 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab.pngbin0 -> 568 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/newtab@2x.pngbin0 -> 1742 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/noise.pngbin0 -> 2118 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/performance-icons.svg42
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/performance.css695
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/power.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/profiler.css400
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css188
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.pngbin0 -> 102 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.pngbin0 -> 129 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.pngbin0 -> 129 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.pngbin0 -> 205 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.pngbin0 -> 105 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.pngbin0 -> 141 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-home.pngbin0 -> 276 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.pngbin0 -> 245 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.pngbin0 -> 438 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.pngbin0 -> 303 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.pngbin0 -> 531 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.pngbin0 -> 470 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.pngbin0 -> 927 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/rewind.pngbin0 -> 1269 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/rewind@2x.pngbin0 -> 1650 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/ruleview.css264
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/scratchpad.css13
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg21
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg21
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg21
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/shadereditor.css123
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/splitview.css152
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/storage.css48
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/styleeditor.css305
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg37
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/toggle-tools.pngbin0 -> 883 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.pngbin0 -> 1834 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-network.svg36
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-options.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg14
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-storage.svg7
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg6
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.pngbin0 -> 1418 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.pngbin0 -> 1796 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.pngbin0 -> 1434 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.pngbin0 -> 1870 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.pngbin0 -> 1401 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.pngbin0 -> 1866 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.pngbin0 -> 1377 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.pngbin0 -> 1752 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tracer-icon.pngbin0 -> 709 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.pngbin0 -> 1323 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/undock@2x.pngbin0 -> 178 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-delete.pngbin0 -> 3229 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.pngbin0 -> 3542 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-edit.pngbin0 -> 3329 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.pngbin0 -> 4062 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-lock.pngbin0 -> 3269 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.pngbin0 -> 3839 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.pngbin0 -> 2942 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.pngbin0 -> 3095 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css257
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole.css592
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole.pngbin0 -> 1943 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole@2x.pngbin0 -> 2633 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css99
-rw-r--r--arc-firefox-theme/chrome/browser/devtools/widgets.css1643
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css133
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/buttons.pngbin0 -> 5091 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css30
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.pngbin0 -> 898 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/download-notification-finish.pngbin0 -> 3887 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/download-notification-start.pngbin0 -> 3166 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/download-summary.pngbin0 -> 691 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/downloads/downloads.css220
-rw-r--r--arc-firefox-theme/chrome/browser/drm-icon.svg55
-rw-r--r--arc-firefox-theme/chrome/browser/engineManager.css11
-rw-r--r--arc-firefox-theme/chrome/browser/feeds/feedIcon.pngbin0 -> 1794 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/feeds/feedIcon16.pngbin0 -> 799 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css29
-rw-r--r--arc-firefox-theme/chrome/browser/feeds/subscribe.css164
-rw-r--r--arc-firefox-theme/chrome/browser/fullscreen-darknoise.pngbin0 -> 3050 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/heartbeat-icon.svg23
-rw-r--r--arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg428
-rw-r--r--arc-firefox-theme/chrome/browser/heartbeat-star-off.svg428
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-generic.pngbin0 -> 965 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-generic@2x.pngbin0 -> 2269 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-ev.pngbin0 -> 708 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.pngbin0 -> 1560 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.pngbin0 -> 984 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.pngbin0 -> 1889 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.pngbin0 -> 535 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.pngbin0 -> 698 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https.pngbin0 -> 672 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity-icons-https@2x.pngbin0 -> 1130 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/identity.pngbin0 -> 9690 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/menuPanel.pngbin0 -> 2834 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/menuPanel@2x.pngbin0 -> 8223 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/toolbar-inverted.pngbin0 -> 2731 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.pngbin0 -> 5637 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/toolbar.pngbin0 -> 4421 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/loop/toolbar@2x.pngbin0 -> 3605 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/magnifier.pngbin0 -> 371 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/magnifier@2x.pngbin0 -> 689 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/mask.pngbin0 -> 1286 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/mask@2x.pngbin0 -> 2438 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-customize.pngbin0 -> 883 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-customize@2x.pngbin0 -> 2193 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-exit.pngbin0 -> 568 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-exit@2x.pngbin0 -> 1139 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-help.pngbin0 -> 1994 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-help@2x.pngbin0 -> 5300 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-small.pngbin0 -> 2088 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel-small@2x.pngbin0 -> 3305 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel.pngbin0 -> 18814 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/menuPanel@2x.pngbin0 -> 47300 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/monitor.pngbin0 -> 6217 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/monitor_16-10.pngbin0 -> 6787 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/controls.svg116
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/newTab.css242
-rw-r--r--arc-firefox-theme/chrome/browser/newtab/whimsycorn.pngbin0 -> 3875 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-16.pngbin0 -> 610 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-64.pngbin0 -> 3373 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-pluginAlert.pngbin0 -> 648 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-pluginBlocked.pngbin0 -> 968 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/notification-pluginNormal.pngbin0 -> 340 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/page-livemarks.pngbin0 -> 830 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/pageInfo.css275
-rw-r--r--arc-firefox-theme/chrome/browser/pageInfo.pngbin0 -> 8849 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/header-small.pngbin0 -> 1333 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.pngbin0 -> 2966 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/header.pngbin0 -> 1952 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/header@2x.pngbin0 -> 4369 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/icons.pngbin0 -> 679 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/panic-panel/icons@2x.pngbin0 -> 1388 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.pngbin0 -> 183 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.pngbin0 -> 2875 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/bookmarksMenu.pngbin0 -> 461 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.pngbin0 -> 700 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/bookmarksToolbar.pngbin0 -> 508 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/calendar.pngbin0 -> 670 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/downloads.pngbin0 -> 599 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css66
-rw-r--r--arc-firefox-theme/chrome/browser/places/livemark-item.pngbin0 -> 863 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/organizer.css99
-rw-r--r--arc-firefox-theme/chrome/browser/places/organizer.xml21
-rw-r--r--arc-firefox-theme/chrome/browser/places/places.css221
-rw-r--r--arc-firefox-theme/chrome/browser/places/query.pngbin0 -> 678 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/star-icons.pngbin0 -> 978 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/starred48.pngbin0 -> 1877 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/tag.pngbin0 -> 877 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/toolbarDropMarker.pngbin0 -> 583 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/unsortedBookmarks.pngbin0 -> 748 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/places/unstarred48.pngbin0 -> 2255 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/pointerLock-16.pngbin0 -> 249 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/pointerLock-64.pngbin0 -> 1119 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/Options-sync.pngbin0 -> 3585 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/Options.pngbin0 -> 12680 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css119
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/alwaysAsk.pngbin0 -> 575 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/applications.css66
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css75
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/favicon.icobin0 -> 933 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg129
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css427
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/in-content/search.css63
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/mail.pngbin0 -> 548 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/preferences.css202
-rw-r--r--arc-firefox-theme/chrome/browser/preferences/search.css45
-rw-r--r--arc-firefox-theme/chrome/browser/privatebrowsing-mask.pngbin0 -> 1355 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/reader-tour.pngbin0 -> 2672 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/reader-tour@2x.pngbin0 -> 6426 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/readerMode.svg34
-rw-r--r--arc-firefox-theme/chrome/browser/readinglist/icons.svg56
-rw-r--r--arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg9
-rw-r--r--arc-firefox-theme/chrome/browser/readinglist/sidebar.css148
-rw-r--r--arc-firefox-theme/chrome/browser/reload-stop-go.pngbin0 -> 1945 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/reload-stop-go@2x.pngbin0 -> 3661 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sanitizeDialog.css107
-rw-r--r--arc-firefox-theme/chrome/browser/sass/Gemfile3
-rw-r--r--arc-firefox-theme/chrome/browser/sass/Gemfile.lock10
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_browser-sass.scss5844
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_colors.scss90
-rw-r--r--arc-firefox-theme/chrome/browser/sass/_drawing.scss141
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.css4520
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-dark.scss7
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.css4520
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-darker.scss7
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.css4520
-rw-r--r--arc-firefox-theme/chrome/browser/sass/browser-light.scss7
-rwxr-xr-xarc-firefox-theme/chrome/browser/sass/parse-sass.sh3
-rw-r--r--arc-firefox-theme/chrome/browser/search-engine-placeholder.pngbin0 -> 252 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/search-history-icon.svg32
-rw-r--r--arc-firefox-theme/chrome/browser/search-indicator-badge-add.pngbin0 -> 1000 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/search-indicator.pngbin0 -> 344 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/search-pref.pngbin0 -> 1350 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/searchbar.css274
-rw-r--r--arc-firefox-theme/chrome/browser/session-restore.svg12
-rw-r--r--arc-firefox-theme/chrome/browser/setDesktopBackground.css18
-rw-r--r--arc-firefox-theme/chrome/browser/slowStartup-16.pngbin0 -> 478 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/chat-icons.svg45
-rw-r--r--arc-firefox-theme/chrome/browser/social/gear_clicked.pngbin0 -> 1262 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/gear_default.pngbin0 -> 1271 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/services-16.pngbin0 -> 937 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/services-64.pngbin0 -> 5613 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/share-button-active.pngbin0 -> 1341 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/social/share-button.pngbin0 -> 1346 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-128.pngbin0 -> 20229 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-16.pngbin0 -> 1847 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-32.pngbin0 -> 3384 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-bg.pngbin0 -> 21309 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-desktopIcon.pngbin0 -> 291 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-horizontalbar.pngbin0 -> 721 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.pngbin0 -> 1376 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-mobileIcon.pngbin0 -> 352 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/sync-notification-24.pngbin0 -> 1565 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncCommon.css49
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.pngbin0 -> 11892 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.pngbin0 -> 9668 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-menuPanel.pngbin0 -> 25426 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.pngbin0 -> 55953 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.pngbin0 -> 14382 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress-toolbar.pngbin0 -> 13293 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/syncProgress.css46
-rw-r--r--arc-firefox-theme/chrome/browser/syncQuota.css26
-rw-r--r--arc-firefox-theme/chrome/browser/syncSetup.css127
-rw-r--r--arc-firefox-theme/chrome/browser/tab-crashed.svg16
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.pngbin0 -> 221 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/alltabs.pngbin0 -> 287 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/connecting.pngbin0 -> 8540 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg11
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/loading.pngbin0 -> 12184 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.pngbin0 -> 158914 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.pngbin0 -> 92 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.pngbin0 -> 250 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.pngbin0 -> 368 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.pngbin0 -> 802 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.pngbin0 -> 122 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.pngbin0 -> 814 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.pngbin0 -> 578 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg51
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg51
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.pngbin0 -> 143 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.pngbin0 -> 652 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.pngbin0 -> 658 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.pngbin0 -> 450 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/edit-light.pngbin0 -> 238 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/search.pngbin0 -> 1445 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/stack-expander.pngbin0 -> 1733 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/tabview.css666
-rw-r--r--arc-firefox-theme/chrome/browser/tabview/tabview.pngbin0 -> 715 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/theme-switcher-icon.pngbin0 -> 2084 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/translating-16.pngbin0 -> 21270 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/translating-16@2x.pngbin0 -> 29889 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/translation-16.pngbin0 -> 889 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/translation-16@2x.pngbin0 -> 2076 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/undoCloseTab.pngbin0 -> 1606 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/update-badge.svg3
-rw-r--r--arc-firefox-theme/chrome/browser/urlbar-arrow.pngbin0 -> 303 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/urlbar-arrow@2x.pngbin0 -> 601 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/warning16.pngbin0 -> 445 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/warning16@2x.pngbin0 -> 583 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-camera-white-16.pngbin0 -> 3781 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-indicator.css116
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.pngbin0 -> 3794 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-screen-white-16.pngbin0 -> 3769 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.pngbin0 -> 224 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.pngbin0 -> 367 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.pngbin0 -> 1097 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.pngbin0 -> 1643 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.pngbin0 -> 1162 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.pngbin0 -> 1359 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.pngbin0 -> 2549 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.pngbin0 -> 5734 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.pngbin0 -> 3829 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.pngbin0 -> 3986 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.pngbin0 -> 4708 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.pngbin0 -> 5732 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.pngbin0 -> 3856 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.pngbin0 -> 4020 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.pngbin0 -> 3877 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.pngbin0 -> 4122 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.pngbin0 -> 3839 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.pngbin0 -> 4005 bytes
-rw-r--r--arc-firefox-theme/chrome/browser/welcome-back.svg17
-rw-r--r--arc-firefox-theme/chrome/communicator/communicator.css6
-rw-r--r--arc-firefox-theme/chrome/global/Filepicker.pngbin0 -> 1028 bytes
-rw-r--r--arc-firefox-theme/chrome/global/about.css62
-rw-r--r--arc-firefox-theme/chrome/global/aboutCache.css66
-rw-r--r--arc-firefox-theme/chrome/global/aboutCacheEntry.css29
-rw-r--r--arc-firefox-theme/chrome/global/aboutMemory.css5
-rw-r--r--arc-firefox-theme/chrome/global/aboutReader.css124
-rw-r--r--arc-firefox-theme/chrome/global/aboutReaderContent.css113
-rw-r--r--arc-firefox-theme/chrome/global/aboutReaderControls.css371
-rw-r--r--arc-firefox-theme/chrome/global/aboutSupport.css118
-rw-r--r--arc-firefox-theme/chrome/global/alerts/alert.css65
-rw-r--r--arc-firefox-theme/chrome/global/alerts/notification-48.pngbin0 -> 2517 bytes
-rw-r--r--arc-firefox-theme/chrome/global/appPicker.css23
-rw-r--r--arc-firefox-theme/chrome/global/arrow.css50
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gifbin0 -> 53 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gifbin0 -> 53 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gifbin0 -> 59 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-dn.gifbin0 -> 53 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-down.pngbin0 -> 170 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gifbin0 -> 47 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gifbin0 -> 64 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gifbin0 -> 60 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-lft.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gifbin0 -> 64 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gifbin0 -> 60 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-rit.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gifbin0 -> 59 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-up.gifbin0 -> 54 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg13
-rw-r--r--arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg13
-rw-r--r--arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg13
-rw-r--r--arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg13
-rw-r--r--arc-firefox-theme/chrome/global/autocomplete.css210
-rw-r--r--arc-firefox-theme/chrome/global/button.css348
-rw-r--r--arc-firefox-theme/chrome/global/checkbox.css99
-rw-r--r--arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gifbin0 -> 60 bytes
-rw-r--r--arc-firefox-theme/chrome/global/checkbox/cbox-check.gifbin0 -> 62 bytes
-rw-r--r--arc-firefox-theme/chrome/global/colorpicker.css47
-rw-r--r--arc-firefox-theme/chrome/global/commonDialog.css22
-rw-r--r--arc-firefox-theme/chrome/global/config.css49
-rw-r--r--arc-firefox-theme/chrome/global/console/console-error-caret.gifbin0 -> 55 bytes
-rw-r--r--arc-firefox-theme/chrome/global/console/console-error-dash.gifbin0 -> 48 bytes
-rw-r--r--arc-firefox-theme/chrome/global/console/console-toolbar.pngbin0 -> 659 bytes
-rw-r--r--arc-firefox-theme/chrome/global/console/console.css156
-rw-r--r--arc-firefox-theme/chrome/global/console/console.pngbin0 -> 516 bytes
-rw-r--r--arc-firefox-theme/chrome/global/console/itemSelected.pngbin0 -> 459 bytes
-rw-r--r--arc-firefox-theme/chrome/global/customizeToolbar.css23
-rw-r--r--arc-firefox-theme/chrome/global/datetimepicker.css147
-rw-r--r--arc-firefox-theme/chrome/global/dialog.css74
-rw-r--r--arc-firefox-theme/chrome/global/dirListing/dirListing.css105
-rw-r--r--arc-firefox-theme/chrome/global/dirListing/folder.pngbin0 -> 572 bytes
-rw-r--r--arc-firefox-theme/chrome/global/dirListing/local.pngbin0 -> 655 bytes
-rw-r--r--arc-firefox-theme/chrome/global/dirListing/remote.pngbin0 -> 653 bytes
-rw-r--r--arc-firefox-theme/chrome/global/dirListing/up.pngbin0 -> 711 bytes
-rw-r--r--arc-firefox-theme/chrome/global/dropmarker.css7
-rw-r--r--arc-firefox-theme/chrome/global/expander.css14
-rw-r--r--arc-firefox-theme/chrome/global/filefield.css36
-rw-r--r--arc-firefox-theme/chrome/global/filepicker.css63
-rw-r--r--arc-firefox-theme/chrome/global/findBar.css155
-rw-r--r--arc-firefox-theme/chrome/global/global.css326
-rw-r--r--arc-firefox-theme/chrome/global/globalBindings.xml55
-rw-r--r--arc-firefox-theme/chrome/global/groupbox.css32
-rw-r--r--arc-firefox-theme/chrome/global/icons/Authentication.pngbin0 -> 2714 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Close.gifbin0 -> 59 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Error.pngbin0 -> 2148 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Landscape.pngbin0 -> 485 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Minimize.gifbin0 -> 53 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Portrait.pngbin0 -> 540 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Print-preview.pngbin0 -> 514 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Question.pngbin0 -> 2257 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Restore.gifbin0 -> 61 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Search-close.pngbin0 -> 685 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Search-glass.pngbin0 -> 1350 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/Warning.pngbin0 -> 1623 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/autocomplete-search.svg33
-rw-r--r--arc-firefox-theme/chrome/global/icons/autoscroll.pngbin0 -> 2305 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/blacklist_favicon.pngbin0 -> 655 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/blacklist_large.pngbin0 -> 3846 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-XPVista7.pngbin0 -> 931 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.pngbin0 -> 2031 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.pngbin0 -> 855 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.pngbin0 -> 1865 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-inverted.pngbin0 -> 598 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close-inverted@2x.pngbin0 -> 1207 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close.pngbin0 -> 572 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/close.svg104
-rw-r--r--arc-firefox-theme/chrome/global/icons/close@2x.pngbin0 -> 1160 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/collapse.pngbin0 -> 238 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/error-16.pngbin0 -> 926 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/error-64.pngbin0 -> 5590 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/expand.pngbin0 -> 240 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/find-arrows.pngbin0 -> 540 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/folder-item.pngbin0 -> 1302 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/information-16.pngbin0 -> 648 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/information-24.pngbin0 -> 1477 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/information-32.pngbin0 -> 2080 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/loading_16.pngbin0 -> 16126 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg13
-rw-r--r--arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg13
-rw-r--r--arc-firefox-theme/chrome/global/icons/question-16.pngbin0 -> 759 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/question-64.pngbin0 -> 5181 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/resizer-rtl.pngbin0 -> 202 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/resizer.pngbin0 -> 190 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/sslWarning.pngbin0 -> 3207 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.pngbin0 -> 1751 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/warning-16.pngbin0 -> 780 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/warning-64.pngbin0 -> 4086 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/warning-large.pngbin0 -> 2603 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/warning.svg12
-rw-r--r--arc-firefox-theme/chrome/global/icons/webapps-16.pngbin0 -> 475 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/webapps-64.pngbin0 -> 2942 bytes
-rw-r--r--arc-firefox-theme/chrome/global/icons/windowControls.pngbin0 -> 3001 bytes
-rw-r--r--arc-firefox-theme/chrome/global/in-content/check-partial.svg31
-rw-r--r--arc-firefox-theme/chrome/global/in-content/check.svg31
-rw-r--r--arc-firefox-theme/chrome/global/in-content/common.css818
-rw-r--r--arc-firefox-theme/chrome/global/in-content/dropdown.svg20
-rw-r--r--arc-firefox-theme/chrome/global/in-content/help-glyph.svg8
-rw-r--r--arc-firefox-theme/chrome/global/in-content/info-pages.css105
-rw-r--r--arc-firefox-theme/chrome/global/in-content/radio.svg20
-rw-r--r--arc-firefox-theme/chrome/global/inContentUI.css41
-rw-r--r--arc-firefox-theme/chrome/global/inContentUI/background-texture.pngbin0 -> 1751 bytes
-rw-r--r--arc-firefox-theme/chrome/global/linkTree.css32
-rw-r--r--arc-firefox-theme/chrome/global/listbox.css133
-rw-r--r--arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css17
-rw-r--r--arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css11
-rw-r--r--arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.pngbin0 -> 1751 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/error.pngbin0 -> 433 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/fullscreenButton.pngbin0 -> 733 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/imagedoc-darknoise.pngbin0 -> 3050 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.pngbin0 -> 4025 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/muteButton.pngbin0 -> 619 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/noAudio.pngbin0 -> 930 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/pauseButton.pngbin0 -> 269 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/playButton.pngbin0 -> 448 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/scrubberThumb.pngbin0 -> 562 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/scrubberThumbWide.pngbin0 -> 563 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/stalled.pngbin0 -> 20763 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/throbber.pngbin0 -> 30718 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/unmuteButton.pngbin0 -> 324 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg79
-rw-r--r--arc-firefox-theme/chrome/global/media/videocontrols.css319
-rw-r--r--arc-firefox-theme/chrome/global/media/volume-empty.pngbin0 -> 295 bytes
-rw-r--r--arc-firefox-theme/chrome/global/media/volume-full.pngbin0 -> 297 bytes
-rw-r--r--arc-firefox-theme/chrome/global/menu.css199
-rw-r--r--arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg6
-rw-r--r--arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg6
-rw-r--r--arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg6
-rw-r--r--arc-firefox-theme/chrome/global/menu/shared-menu-check.pngbin0 -> 197 bytes
-rw-r--r--arc-firefox-theme/chrome/global/menulist.css83
-rw-r--r--arc-firefox-theme/chrome/global/netError.css145
-rw-r--r--arc-firefox-theme/chrome/global/notification.css89
-rw-r--r--arc-firefox-theme/chrome/global/numberbox.css38
-rw-r--r--arc-firefox-theme/chrome/global/passwordmgr.css13
-rw-r--r--arc-firefox-theme/chrome/global/popup.css100
-rw-r--r--arc-firefox-theme/chrome/global/preferences.css62
-rw-r--r--arc-firefox-theme/chrome/global/printPageSetup.css11
-rw-r--r--arc-firefox-theme/chrome/global/printPreview.css47
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-left-end.pngbin0 -> 500 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-left.pngbin0 -> 424 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-right-end.pngbin0 -> 491 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-right.pngbin0 -> 444 bytes
-rw-r--r--arc-firefox-theme/chrome/global/progressmeter.css43
-rw-r--r--arc-firefox-theme/chrome/global/radio.css110
-rw-r--r--arc-firefox-theme/chrome/global/radio/radio-check-dis.gifbin0 -> 46 bytes
-rw-r--r--arc-firefox-theme/chrome/global/radio/radio-check.gifbin0 -> 46 bytes
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg6
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg31
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg6
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg39
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg39
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg46
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg23
-rw-r--r--arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg42
-rw-r--r--arc-firefox-theme/chrome/global/reader/pocket.svg28
-rw-r--r--arc-firefox-theme/chrome/global/resizer.css49
-rw-r--r--arc-firefox-theme/chrome/global/richlistbox.css36
-rw-r--r--arc-firefox-theme/chrome/global/scale.css50
-rw-r--r--arc-firefox-theme/chrome/global/scrollbar/slider.gifbin0 -> 44 bytes
-rw-r--r--arc-firefox-theme/chrome/global/scrollbars.css227
-rw-r--r--arc-firefox-theme/chrome/global/scrollbox.css33
-rw-r--r--arc-firefox-theme/chrome/global/spinbuttons.css65
-rw-r--r--arc-firefox-theme/chrome/global/splitter.css65
-rw-r--r--arc-firefox-theme/chrome/global/splitter/grip-bottom.gifbin0 -> 145 bytes
-rw-r--r--arc-firefox-theme/chrome/global/splitter/grip-left.gifbin0 -> 157 bytes
-rw-r--r--arc-firefox-theme/chrome/global/splitter/grip-right.gifbin0 -> 157 bytes
-rw-r--r--arc-firefox-theme/chrome/global/splitter/grip-top.gifbin0 -> 144 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tabbox.css91
-rw-r--r--arc-firefox-theme/chrome/global/tabprompts.css27
-rw-r--r--arc-firefox-theme/chrome/global/textbox.css147
-rw-r--r--arc-firefox-theme/chrome/global/toolbar.css113
-rw-r--r--arc-firefox-theme/chrome/global/toolbar/chevron-inverted.pngbin0 -> 85 bytes
-rw-r--r--arc-firefox-theme/chrome/global/toolbar/chevron.gifbin0 -> 57 bytes
-rw-r--r--arc-firefox-theme/chrome/global/toolbar/spring.pngbin0 -> 924 bytes
-rw-r--r--arc-firefox-theme/chrome/global/toolbarbutton.css149
-rw-r--r--arc-firefox-theme/chrome/global/tree.css358
-rw-r--r--arc-firefox-theme/chrome/global/tree/columnpicker.gifbin0 -> 74 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/sort-asc-classic.pngbin0 -> 182 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/sort-asc.pngbin0 -> 209 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/sort-dsc-classic.pngbin0 -> 173 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/sort-dsc.pngbin0 -> 215 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.pngbin0 -> 181 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.pngbin0 -> 179 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.pngbin0 -> 227 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-clsd.pngbin0 -> 221 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.pngbin0 -> 180 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-open-hover.pngbin0 -> 179 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-open-rtl.pngbin0 -> 189 bytes
-rw-r--r--arc-firefox-theme/chrome/global/tree/twisty-open.pngbin0 -> 192 bytes
-rw-r--r--arc-firefox-theme/chrome/global/wizard.css54
-rw-r--r--arc-firefox-theme/chrome/mozapps/aboutNetworking.css60
-rw-r--r--arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css44
-rw-r--r--arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.pngbin0 -> 5148 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.pngbin0 -> 1262 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/downloads/downloads.css112
-rw-r--r--arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css31
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/about.css91
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.pngbin0 -> 3402 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.pngbin0 -> 1564 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.pngbin0 -> 1338 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.pngbin0 -> 1567 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/blocklist.css20
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/cancel.pngbin0 -> 115 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-available.pngbin0 -> 1092 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-discover.pngbin0 -> 1482 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-extensions.pngbin0 -> 1862 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-plugins.pngbin0 -> 1172 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-recent.pngbin0 -> 2020 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-search.pngbin0 -> 2600 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.pngbin0 -> 2814 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-service.pngbin0 -> 2063 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/category-themes.pngbin0 -> 1734 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.pngbin0 -> 584 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.pngbin0 -> 1290 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/discover-logo.pngbin0 -> 12007 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/eula.css47
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.pngbin0 -> 822 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.pngbin0 -> 713 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.pngbin0 -> 1862 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/extensions.css1092
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/heart.pngbin0 -> 2949 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.pngbin0 -> 1860 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/navigation.pngbin0 -> 663 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/newaddon.css112
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.pngbin0 -> 1559 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/rating-won.pngbin0 -> 1662 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css162
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/stripes-error.pngbin0 -> 1979 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.pngbin0 -> 2027 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.pngbin0 -> 1852 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.pngbin0 -> 2177 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.pngbin0 -> 638 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.pngbin0 -> 1734 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/update.css26
-rw-r--r--arc-firefox-theme/chrome/mozapps/extensions/utilities.svg25
-rw-r--r--arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css11
-rw-r--r--arc-firefox-theme/chrome/mozapps/handling/handling.css30
-rw-r--r--arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.pngbin0 -> 712 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.pngbin0 -> 4903 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/passwordmgr/key.pngbin0 -> 658 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/places/defaultFavicon.pngbin0 -> 236 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.pngbin0 -> 477 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.pngbin0 -> 3043 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.pngbin0 -> 1514 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.pngbin0 -> 1370 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.pngbin0 -> 1470 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.pngbin0 -> 1620 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.pngbin0 -> 1061 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.pngbin0 -> 1572 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.pngbin0 -> 460 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.pngbin0 -> 3427 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.pngbin0 -> 1573 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.pngbin0 -> 565 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.pngbin0 -> 1295 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.pngbin0 -> 620 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css206
-rw-r--r--arc-firefox-theme/chrome/mozapps/profile/profileSelection.css25
-rw-r--r--arc-firefox-theme/chrome/mozapps/profile/profileicon.pngbin0 -> 736 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/update/downloadButtons.pngbin0 -> 5148 bytes
-rw-r--r--arc-firefox-theme/chrome/mozapps/update/updates.css161
-rw-r--r--arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css122
-rw-r--r--arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css96
-rw-r--r--arc-firefox-theme/install.rdf25
807 files changed, 69351 insertions, 0 deletions
diff --git a/arc-firefox-theme/chrome.manifest b/arc-firefox-theme/chrome.manifest
new file mode 100644
index 0000000..e21f5d5
--- /dev/null
+++ b/arc-firefox-theme/chrome.manifest
@@ -0,0 +1,4 @@
+skin browser arc-firefox-theme chrome/browser/
+skin communicator arc-firefox-theme chrome/communicator/
+skin global arc-firefox-theme chrome/global/
+skin mozapps arc-firefox-theme chrome/mozapps/
diff --git a/arc-firefox-theme/chrome/browser/Geolocation-16.png b/arc-firefox-theme/chrome/browser/Geolocation-16.png
new file mode 100644
index 0000000..082b177
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Geolocation-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Geolocation-64.png b/arc-firefox-theme/chrome/browser/Geolocation-64.png
new file mode 100644
index 0000000..6e09ab9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Geolocation-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Info.png b/arc-firefox-theme/chrome/browser/Info.png
new file mode 100644
index 0000000..d144798
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Info.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Privacy-16.png b/arc-firefox-theme/chrome/browser/Privacy-16.png
new file mode 100644
index 0000000..013cdc4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Privacy-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Push-16.png b/arc-firefox-theme/chrome/browser/Push-16.png
new file mode 100644
index 0000000..082b177
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Push-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Push-64.png b/arc-firefox-theme/chrome/browser/Push-64.png
new file mode 100644
index 0000000..6e09ab9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Push-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Secure.png b/arc-firefox-theme/chrome/browser/Secure.png
new file mode 100644
index 0000000..5ee25e9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Secure.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Security-broken.png b/arc-firefox-theme/chrome/browser/Security-broken.png
new file mode 100644
index 0000000..1ec110b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Security-broken.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Toolbar-inverted.png b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png
new file mode 100644
index 0000000..e2ee578
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Toolbar-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Toolbar-small.png b/arc-firefox-theme/chrome/browser/Toolbar-small.png
new file mode 100644
index 0000000..8f100a5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Toolbar-small.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/Toolbar.png b/arc-firefox-theme/chrome/browser/Toolbar.png
new file mode 100644
index 0000000..d05345d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/Toolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutCertError.css b/arc-firefox-theme/chrome/browser/aboutCertError.css
new file mode 100644
index 0000000..c7caf53
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutCertError.css
@@ -0,0 +1,72 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+html {
+ background: -moz-Dialog;
+}
+
+body {
+ margin: 0;
+ padding: 0 1em;
+ color: -moz-FieldText;
+ font: message-box;
+}
+
+h1 {
+ margin: 0 0 .6em 0;
+ border-bottom: 1px solid ThreeDLightShadow;
+ font-size: 160%;
+}
+
+h2 {
+ font-size: 130%;
+}
+
+#errorPageContainer {
+ position: relative;
+ min-width: 13em;
+ max-width: 52em;
+ margin: 4em auto;
+ border: 1px solid #FFBD09; /* pale yellow extracted from yellow passport icon */
+ border-radius: 10px;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat -moz-Field;
+ background-origin: content-box;
+}
+
+#errorPageContainer:-moz-dir(rtl) {
+ background-position: right 0;
+}
+
+#errorTitle {
+ -moz-margin-start: 80px;
+}
+
+#errorLongContent {
+ -moz-margin-start: 80px;
+}
+
+.expander > button {
+ -moz-padding-start: 20px;
+ -moz-margin-start: -20px;
+ background: url("chrome://browser/skin/aboutCertError_sectionExpanded.png") left center no-repeat;
+ border: none;
+ font: inherit;
+ color: inherit;
+ cursor: pointer;
+}
+
+.expander > button:-moz-dir(rtl) {
+ background-position: right center;
+}
+
+.expander[collapsed] > button {
+ background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed.png");
+}
+
+.expander[collapsed] > button:-moz-dir(rtl) {
+ background-image: url("chrome://browser/skin/aboutCertError_sectionCollapsed-rtl.png");
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png
new file mode 100644
index 0000000..84ba18c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png
new file mode 100644
index 0000000..c9805f6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionCollapsed.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png b/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png
new file mode 100644
index 0000000..128cef9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutCertError_sectionExpanded.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError.css b/arc-firefox-theme/chrome/browser/aboutNetError.css
new file mode 100644
index 0000000..460efd5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutNetError.css
@@ -0,0 +1,138 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/common.css");
+
+body {
+ display: flex;
+ box-sizing: padding-box;
+ min-height: 100vh;
+ padding: 0 48px;
+ align-items: center;
+ justify-content: center;
+}
+
+ul, ol {
+ margin: 0;
+ padding: 0;
+ -moz-margin-start: 1em;
+}
+
+ul > li, ol > li {
+ margin-bottom: .5em;
+}
+
+ul {
+ list-style: disc;
+}
+
+#errorPageContainer {
+ position: relative;
+ min-width: 320px;
+ max-width: 512px;
+}
+
+#errorTitleText {
+ background: url("aboutNetError_info.svg") left 0 no-repeat;
+ background-size: 1.2em;
+ -moz-margin-start: -2em;
+ -moz-padding-start: 2em;
+}
+
+#errorTitleText:-moz-dir(rtl) {
+ background-position: right 0;
+}
+
+#errorTitleText[sslv3=true] {
+ background-image: url("aboutNetError_alert.svg");
+}
+
+#errorTryAgain {
+ margin-top: 1.2em;
+ min-width: 150px
+}
+
+#errorContainer {
+ display: none;
+}
+
+@media (max-width: 675px) {
+ #errorTitleText {
+ padding-top: 0;
+ background-image: none;
+ -moz-padding-start: 0;
+ -moz-margin-start: 0;
+ }
+}
+
+/* Pressing the retry button will cause the cursor to flicker from a pointer to
+ * not-allowed. Override the disabled cursor behaviour since we will never show
+ * the button disabled as the initial state. */
+button:disabled {
+ cursor: pointer;
+}
+
+div#certificateErrorReporting {
+ display: none;
+ float: right;
+ /* Align with the "Try Again" button */
+ margin-top: 24px;
+ -moz-margin-end: 24px;
+}
+
+div#certificateErrorReporting a {
+ text-decoration: none;
+}
+
+div#certificateErrorReporting a:hover {
+ text-decoration: underline;
+}
+
+span.downArrow {
+ display: inline-block;
+ vertical-align: middle;
+ font-size: 0.6em;
+ -moz-margin-start: 0.5em;
+ transform: scaleY(0.7);
+}
+
+div#certificateErrorReportingPanel {
+ /* Hidden until the link is clicked */
+ display: none;
+ background-color: white;
+ border: 1px lightgray solid;
+ /* Don't use top padding because the default p style has top padding, and it
+ * makes the overall div look uneven */
+ padding: 0 12px 12px 12px;
+ box-shadow: 0 0 4px #ddd;
+ font-size: 0.9em;
+ position: absolute;
+ width: 75%;
+ margin-top: 10px;
+}
+
+div#certificateErrorReportingPanel:-moz-dir(ltr) {
+ left: 34%;
+}
+
+div#certificateErrorReportingPanel:-moz-dir(rtl) {
+ right: 0;
+}
+
+#errorStatePanel {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ align-content: space-between;
+ align-items: flex-start;
+}
+
+span#hostname {
+ font-weight: bold;
+}
+
+#automaticallyReportInFuture {
+ cursor: pointer;
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg b/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg
new file mode 100644
index 0000000..7b95d68
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutNetError_alert.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
+<g>
+ <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="20" y1="4" x2="20" y2="36">
+ <stop offset="0" style="stop-color:#E63B2E"/>
+ <stop offset="1" style="stop-color:#C33931"/>
+ </linearGradient>
+ <path fill="url(#SVGID_1_)" d="M13.373,4L4,13.372v13.256L13.373,36h13.255L36,26.628V13.372L26.627,4H13.373z M22.176,8.704 l-0.48,14.304h-3.424L17.76,8.704H22.176z M20,31.296c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592 c1.472,0,2.592,1.152,2.592,2.592C22.592,30.112,21.472,31.296,20,31.296z"/>
+ <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="20" y1="-3.728928e-10" x2="20" y2="40">
+ <stop offset="0" style="stop-color:#E63B2E"/>
+ <stop offset="1" style="stop-color:#C33931"/>
+ </linearGradient>
+ <path fill="url(#SVGID_2_)" d="M28.284,0H11.716L0,11.716v16.569L11.716,40h16.569L40,28.284V11.716L28.284,0z M38,27.456 L27.456,38H12.544L2,27.456V12.544L12.544,2h14.911L38,12.544V27.456z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/aboutNetError_info.svg b/arc-firefox-theme/chrome/browser/aboutNetError_info.svg
new file mode 100644
index 0000000..20010c1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutNetError_info.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="#424E5A">
+ <circle cx="50" cy="50" r="44" stroke="#424E5A" stroke-width="11" fill="none"/>
+ <circle cx="50" cy="24.6" r="6.4"/>
+ <rect x="45" y="39.9" width="10.1" height="41.8"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css
new file mode 100644
index 0000000..ba1a542
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutProviderDirectory.css
@@ -0,0 +1,69 @@
+@import url("chrome://global/skin/in-content/common.css");
+
+#errorPageContainer {
+ min-width: 50%;
+}
+
+#errorTitle {
+ background: url("aboutNetError_info.svg") left 0 no-repeat;
+ background-size: 2em;
+ -moz-padding-start: 3em;
+}
+
+#button-box {
+ text-align: center;
+ width: 75%;
+ margin: 0 auto;
+}
+
+button {
+ width: auto !important;
+ min-width: 150px;
+}
+
+@media all and (max-width: 300px) {
+ body {
+ padding: 0px 10px;
+ }
+ #errorPageContainer {
+ min-width: 100%;
+ }
+ #errorTitle {
+ background: none;
+ -moz-padding-start: 0 !important;
+ }
+ button {
+ width: auto !important;
+ min-width: auto !important;
+ }
+}
+
+
+body {
+ width: 310px;
+ margin: 1em auto;
+}
+
+#message-box {
+ margin-top: 2em;
+ background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px;
+ -moz-padding-start: 30px;
+}
+
+#activation-frame {
+ border: none;
+ margin: 0;
+ width: 310px;
+ height: 200px;
+}
+#activation > p {
+ width: 100%;
+ text-align: center;
+ margin: 0;
+ line-height: 2em;
+}
+.link {
+ text-decoration: none;
+ color: -moz-nativehyperlinktext;
+ cursor: pointer;
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png b/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png
new file mode 100644
index 0000000..a998323
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutSessionRestore-window-icon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/aboutSessionRestore.css b/arc-firefox-theme/chrome/browser/aboutSessionRestore.css
new file mode 100644
index 0000000..6f4036f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutSessionRestore.css
@@ -0,0 +1,33 @@
+
+.title {
+ background-image: url("chrome://browser/skin/session-restore.svg");
+}
+
+treechildren::-moz-tree-image(icon),
+treechildren::-moz-tree-image(noicon) {
+ padding-right: 2px;
+ margin: 0 2px;
+ width: 16px;
+ height: 16px;
+}
+
+treechildren::-moz-tree-image(noicon) {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+treechildren::-moz-tree-image(container, noicon) {
+ list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png");
+}
+
+treechildren::-moz-tree-image(checked) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check");
+}
+treechildren::-moz-tree-image(checked, selected) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted");
+}
+
+treechildren::-moz-tree-image(partial) {
+ list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial");
+}
+treechildren::-moz-tree-image(partial, selected) {
+ list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial-inverted");
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutSocialError.css b/arc-firefox-theme/chrome/browser/aboutSocialError.css
new file mode 100644
index 0000000..cb4a890
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutSocialError.css
@@ -0,0 +1,40 @@
+@import url("chrome://global/skin/in-content/common.css");
+
+#errorPageContainer {
+ min-width: 50%;
+}
+
+#errorTitle {
+ background: url("aboutNetError_info.svg") left 0 no-repeat;
+ background-size: 2em;
+ -moz-padding-start: 3em;
+}
+
+#button-box {
+ text-align: center;
+ width: 75%;
+ margin: 0 auto;
+}
+
+button {
+ width: auto !important;
+ min-width: 150px;
+}
+
+@media all and (max-width: 300px) {
+ body {
+ padding: 0px 10px;
+ }
+ #errorPageContainer {
+ min-width: 100%;
+ }
+ #errorTitle {
+ background: none;
+ -moz-padding-start: 0 !important;
+ }
+ button {
+ width: auto !important;
+ min-width: auto !important;
+ }
+}
+
diff --git a/arc-firefox-theme/chrome/browser/aboutSyncTabs.css b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css
new file mode 100644
index 0000000..4f21a9d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutSyncTabs.css
@@ -0,0 +1,101 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#tabs-display,
+#tabsList {
+ background-color: transparent;
+ -moz-appearance: none;
+ margin: 0;
+}
+
+#tabsList {
+ width: 100%;
+}
+
+#tabs-display {
+ background: #fff url(chrome://browser/skin/sync-bg.png) repeat-x center -80px;
+}
+
+#headers {
+ background: url(chrome://browser/skin/sync-32.png) no-repeat;
+ margin-top: 4px;
+ width: 45em;
+ height: 32px;
+ -moz-margin-start: 2em;
+ -moz-margin-end: 2em;
+}
+
+#tabsListHeading {
+ font-size: 140%;
+ font-weight: bold;
+ -moz-margin-start: 40px;
+}
+
+richlistitem {
+ -moz-margin-end: 2em;
+}
+
+richlistitem[selected="true"],
+richlistitem:focus {
+ outline-style: none;
+}
+
+richlistitem[type="tab"] {
+ min-height: 3em;
+ border: #999999 1px solid !important;
+ padding: 2px 5px;
+ margin-bottom: 4px;
+ -moz-margin-start: 4em;
+ border-radius: 6px;
+ background-color: menu;
+ width: 44em;
+ opacity: 0.9;
+ box-shadow:
+ inset rgba(255, 255, 255, 0.5) 0 1px 0px,
+ inset rgba(0, 0, 0, 0.1) 0 -2px 0px,
+ rgba(0, 0, 0, 0.1) 0px 1px 0px;
+}
+
+richlistitem[type="tab"][selected="true"] {
+ background-color: -moz-MenuHover;
+}
+
+richlistitem[type="client"] {
+ min-height: 2em;
+ color: #000000;
+ -moz-margin-start: 2em;
+ margin-top: 2px;
+ margin-bottom: 3px;
+ width: 42em;
+ border-radius: 6px;
+ background-color: transparent;
+ -moz-user-focus: ignore !important;
+}
+richlistitem.mobile[type="client"] {
+ list-style-image: url("chrome://browser/skin/sync-mobileIcon.png");
+}
+richlistitem.desktop[type="client"] {
+ list-style-image: url("chrome://browser/skin/sync-desktopIcon.png");
+}
+
+.title,
+.clientName {
+ color: #000000;
+ font-size: 1.1em;
+}
+
+.title[selected="true"],
+.url[selected="true"] {
+ color: inherit;
+}
+
+.url {
+ color: -moz-nativehyperlinktext;
+ font-size: 0.95em;
+}
+
+.tabIcon {
+ -moz-padding-start: 2px;
+ padding-top: 2px;
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutTabCrashed.css b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
new file mode 100644
index 0000000..2ef767e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutTabCrashed.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.title {
+ background-image: url("chrome://browser/skin/tab-crashed.svg");
+}
+
+#reportSent {
+ font-weight: bold;
+}
diff --git a/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css b/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css
new file mode 100644
index 0000000..815ad46
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/aboutWelcomeBack.css
@@ -0,0 +1,47 @@
+/* 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/. */
+
+.title {
+ background-image: url("chrome://browser/skin/welcome-back.svg");
+}
+
+.radioRestoreContainer:not(:last-child) {
+ margin-bottom: 0.2em;
+}
+
+/* tablist starts out hidden, but JS may make it visible in response to
+ clicks on the radio buttons by setting an "available" attribute.
+*/
+.tree-container:not([available]) {
+ display: none;
+}
+
+treechildren::-moz-tree-image(icon),
+treechildren::-moz-tree-image(noicon) {
+ padding-right: 2px;
+ margin: 0 2px;
+ width: 16px;
+ height: 16px;
+}
+
+treechildren::-moz-tree-image(noicon) {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+treechildren::-moz-tree-image(container, noicon) {
+ list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png");
+}
+
+treechildren::-moz-tree-image(checked) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check");
+}
+treechildren::-moz-tree-image(checked, selected) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted");
+}
+
+treechildren::-moz-tree-image(partial) {
+ list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial");
+}
+treechildren::-moz-tree-image(partial, selected) {
+ list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial-inverted");
+}
diff --git a/arc-firefox-theme/chrome/browser/actionicon-tab.png b/arc-firefox-theme/chrome/browser/actionicon-tab.png
new file mode 100644
index 0000000..433c25e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/actionicon-tab.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png
new file mode 100644
index 0000000..7cf33ec
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png
new file mode 100644
index 0000000..c2e49b3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png b/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png
new file mode 100644
index 0000000..75cf7f9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/bad-content-blocked-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png b/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png
new file mode 100644
index 0000000..2bf0868
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/bad-content-unblocked-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png b/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png
new file mode 100644
index 0000000..54eb9f3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/bad-content-unblocked-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/badge-add-engine.png b/arc-firefox-theme/chrome/browser/badge-add-engine.png
new file mode 100644
index 0000000..226b7bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/badge-add-engine.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css
new file mode 100644
index 0000000..8bc1b45
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/browser-lightweightTheme.css
@@ -0,0 +1,34 @@
+/* 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/. */
+
+/* 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/. */
+
+
+
+/*
+ * LightweightThemeListener will append the current lightweight theme's header
+ * image to the background-image for each of the following rulesets.
+ */
+
+/* Lightweight theme on tabs */
+#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-attachment: scroll, fixed;
+ background-color: transparent;
+ background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*, lwtHeader;*/
+ background-position: 0 0, right top;
+ background-repeat: repeat-x, no-repeat;
+}
+
+#tabbrowser-tabs:not([movingtab]) > .tabbrowser-tab > .tab-stack > .tab-background > .tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-attachment: scroll, scroll, fixed;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png),
+ linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*,
+ lwtHeader;*/
+ background-position: 0 0, 0 0, right top;
+ background-repeat: repeat-x, repeat-x, no-repeat;
+}
diff --git a/arc-firefox-theme/chrome/browser/browser.css b/arc-firefox-theme/chrome/browser/browser.css
new file mode 100644
index 0000000..4b453d7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/browser.css
@@ -0,0 +1,4520 @@
+@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");
+@namespace svg url("http://www.w3.org/2000/svg");
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+:root {
+ --toolbarbutton-hover-background: #3d414b;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: #5294E2;
+ --toolbarbutton-active-background: #5294E2;
+ --toolbarbutton-checkedhover-backgroundcolor: #5294E2;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px);
+ --verified-identity-box-backgroundcolor: transparent; }
+
+#menubar-items {
+ -moz-box-orient: vertical;
+ /* for flex hack */ }
+
+#main-menubar {
+ -moz-box-flex: 1;
+ /* make menu items expand to fill toolbar height */ }
+
+#navigator-toolbox {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-top: none; }
+
+#navigator-toolbox::after {
+ content: "";
+ display: -moz-box;
+ -moz-box-ordinal-group: 101;
+ /* tabs toolbar is 100 */
+ height: 1px;
+ background-color: #2d3036; }
+
+#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
+ -moz-appearance: none;
+ border-style: none;
+ background-color: -moz-Dialog; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
+ padding-top: 1px;
+ padding-bottom: 1px; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
+ overflow: -moz-hidden-unscrollable;
+ max-height: 4em;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
+ min-height: 0.1px;
+ max-height: 0;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
+
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top: 1px solid rgba(29, 32, 36, 0.97) !important;
+ background-clip: padding-box;
+ margin-top: -1px;
+ /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
+ /* Position the toolbar above the bottom of background tabs */
+ position: relative;
+ z-index: 1; }
+
+#main-window[htitlemode=always] #TabsToolbar {
+ box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; }
+
+#nav-bar {
+ background-image: none !important;
+ background-color: #444852 !important;
+ box-shadow: none;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(-5px, 12px, 11px, -4px); }
+
+/* This only has an effect when this element is placed on the bookmarks toolbar.
+ * It's 30px to make sure buttons with 18px icons fit along with the default 16px
+ * icons, without changing the size of the toolbar.
+ */
+#personal-bookmarks {
+ min-height: 30px; }
+
+#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:not(.subviewbutton),
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
+ margin: 1px;
+ padding: 2px 3px; }
+
+toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
+ color: inherit; }
+
+.bookmark-item:not(#home-button) > .toolbarbutton-icon,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+/* Force the display of the label for bookmarks */
+.bookmark-item > .toolbarbutton-text,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .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; }
+
+#bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; }
+
+toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
+#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; }
+
+toolbarbutton.bookmark-item {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ background: none;
+ color: #D3DAE3; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):hover {
+ -moz-appearance: none;
+ color: #D3DAE3;
+ background-color: #3d414b;
+ border: 1px solid #5294E2; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ -moz-appearance: none;
+ color: #ffffff;
+ background-color: #5294E2;
+ border: 1px solid #5294E2; }
+
+/* ----- BOOKMARK STAR ANIMATION ----- */
+@keyframes animation-bookmarkAdded {
+ from {
+ transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1);
+ opacity: 0; }
+ 60% {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2);
+ opacity: 1; }
+ 80% {
+ opacity: 1; }
+ to {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1);
+ opacity: 0; } }
+@keyframes animation-bookmarkPulse {
+ from {
+ transform: scale(1); }
+ 50% {
+ transform: scale(1.3); }
+ to {
+ transform: scale(1); } }
+#bookmarked-notification-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ z-index: 5;
+ position: relative; }
+
+#bookmarked-notification {
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ opacity: 0; }
+
+#bookmarked-notification-dropmarker-anchor {
+ z-index: -1;
+ position: relative; }
+
+#bookmarked-notification-dropmarker-icon {
+ width: 18px;
+ height: 18px;
+ visibility: hidden; }
+
+#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
+ background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
+ animation: animation-bookmarkAdded 800ms;
+ animation-timing-function: ease, ease, ease; }
+
+#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: none !important; }
+
+#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
+ visibility: visible;
+ animation: animation-bookmarkPulse 300ms;
+ animation-delay: 600ms;
+ animation-timing-function: ease-out; }
+
+/* Bookmark menus */
+menu.bookmark-item,
+menuitem.bookmark-item {
+ min-width: 0;
+ max-width: 32em; }
+
+.bookmark-item:not(.subviewbutton) > .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"); }
+
+#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); }
+
+#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); }
+
+#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"); }
+
+#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"); }
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
+
+#menu_print,
+#context-printframe {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
+
+#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"); }
+
+#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"); }
+
+#menu_preferences {
+ list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
+
+#placesContext_reload,
+#context-reloadframe {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
+
+#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"); }
+
+#menu_showAllHistory {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px); }
+
+#bookmarksShowAll {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px); }
+
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup,
+#BMB_subscribeToPageMenuitem:not([disabled]),
+#BMB_subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
+
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
+
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); }
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); }
+
+#menu_openDownloads {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 16px 16px 0px); }
+
+#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"); }
+
+#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"); }
+
+#sanitizeItem {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
+
+#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 */
+.findbar-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
+ -moz-appearance: none; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+.findbar-button > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ padding: 3px 7px; }
+
+/* Help SDK icons fit: */
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 16px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
+ /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
+ width: 32px; }
+
+#nav-bar #PanelUI-menu-button {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px; }
+
+#nav-bar #PanelUI-button,
+#nav-bar[brighttext] #PanelUI-button {
+ background: none;
+ border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; }
+
+.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background: var(--toolbarbutton-hover-background);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-hover-bordercolor);
+ box-shadow: var(--toolbarbutton-hover-boxshadow); }
+
+#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background-color: none;
+ color: rgba(207, 218, 231, 0.8);
+ border-color: rgba(29, 32, 36, 0.97);
+ background-color: rgba(40, 44, 50, 0.87); }
+
+.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: var(--toolbarbutton-active-background);
+ box-shadow: var(--toolbarbutton-active-boxshadow);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-active-bordercolor);
+ transition-duration: 10ms; }
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: none;
+ color: #ffffff;
+ border-color: #5294E2;
+ background-color: #5294E2; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
+ background-color: var(--toolbarbutton-checkedhover-backgroundcolor);
+ transition: background-color 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: var(--toolbarbutton-combined-backgroundimage);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: var(--toolbarbutton-combined-boxshadow); }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: -4px; }
+
+#back-button > menupopup {
+ margin-top: -1px; }
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#forward-button {
+ margin-left: 2px;
+ margin-right: 2px;
+ padding: 0; }
+
+/* tabview menu item */
+#menu_tabview {
+ list-style-image: url(chrome://browser/skin/tabview/tabview.png);
+ -moz-image-region: rect(0, 80px, 16px, 64px); }
+
+#menu_tabview[groups="0"] {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#menu_tabview[groups="1"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#menu_tabview[groups="2"] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+#menu_tabview[groups="3"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px); }
+
+/* undo close tab menu item */
+#alltabs_undoCloseTab {
+ list-style-image: url(chrome://browser/skin/undoCloseTab.png); }
+
+.unified-nav-back[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; }
+
+.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
+
+/* Menu panel buttons */
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); }
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); }
+
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#back-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#forward-button {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#home-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 144px, 18px, 126px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
+ -moz-image-region: rect(0, 162px, 18px, 144px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ -moz-image-region: rect(0, 630px, 18px, 612px); }
+
+#history-panelmenu[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 180px, 18px, 162px); }
+
+#downloads-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 198px, 18px, 180px); }
+
+#add-ons-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 216px, 18px, 198px); }
+
+#open-file-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 234px, 18px, 216px); }
+
+#save-page-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 252px, 18px, 234px); }
+
+#sync-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 270px, 18px, 252px); }
+
+#sync-button[cui-areatype="toolbar"][status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
+ -moz-image-region: rect(0, 18px, 18px, 0px); }
+
+toolbar[brighttext] #sync-button[status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); }
+
+#feed-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 288px, 18px, 270px); }
+
+#social-share-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0px, 306px, 18px, 288px); }
+
+#characterencoding-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 324px, 18px, 306px); }
+
+#new-window-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button > .toolbarbutton-icon {
+ transform: scaleY(-1); }
+
+#new-tab-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 360px, 18px, 342px); }
+
+#privatebrowsing-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 378px, 18px, 360px); }
+
+#find-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 396px, 18px, 378px); }
+
+#print-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 414px, 18px, 396px); }
+
+#fullscreen-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 432px, 18px, 414px); }
+
+#developer-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 450px, 18px, 432px); }
+
+#preferences-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#PanelUI-menu-button {
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
+ -moz-image-region: rect(0, 504px, 18px, 486px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button {
+ -moz-image-region: rect(0, 522px, 18px, 504px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button {
+ -moz-image-region: rect(0, 540px, 18px, 522px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button {
+ -moz-image-region: rect(0, 558px, 18px, 540px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button {
+ -moz-image-region: rect(0, 576px, 18px, 558px); }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(0, 612px, 18px, 594px); }
+
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#tabview-button {
+ -moz-image-region: rect(0, 648px, 18px, 630px); }
+
+#email-link-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 666px, 18px, 648px); }
+
+#sidebar-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 684px, 18px, 666px); }
+
+#panic-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 702px, 18px, 684px); }
+
+#panic-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 702px, 36px, 684px); }
+
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#web-apps-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 720px, 18px, 702px); }
+
+#loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+ -moz-image-region: rect(0, 18px, 18px, 0); }
+
+toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+
+#loop-button[state="disabled"] > .toolbarbutton-badge-container,
+#loop-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px); }
+
+#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px); }
+
+#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px); }
+
+#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px); }
+
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px); }
+
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px); }
+
+/* Menu panel and palette styles */
+:root {
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png);
+ --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); }
+
+@media not all and (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 192px, 64px, 160px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 224px, 32px, 192px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 224px, 64px, 192px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 416px, 64px, 384px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 480px, 64px, 448px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 608px, 32px, 576px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 736px, 64px, 704px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 800px, 32px, 768px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0, 864px, 32px, 832px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 864px, 64px, 832px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 896px, 32px, 864px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 896px, 64px, 864px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 928px, 32px, 896px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 832px, 32px, 800px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px); }
+
+ /* Wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 80px, 16px, 64px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 96px, 16px, 80px); }
+
+ #add-share-provider {
+ list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ -moz-image-region: rect(0px, 96px, 16px, 80px); } }
+/* Menu panel and palette styles */
+@media (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image-2x); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 256px, 64px, 192px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 384px, 64px, 320px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 384px, 128px, 320px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 448px, 64px, 384px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 448px, 128px, 384px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 512px, 64px, 448px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 576px, 64px, 512px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 640px, 64px, 576px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 704px, 64px, 640px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 768px, 64px, 704px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
+ -moz-image-region: rect(0px, 64px, 64px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 832px, 64px, 768px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 832px, 128px, 768px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 896px, 64px, 832px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0, 960px, 64px, 896px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 960px, 128px, 896px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 1920px, 64px, 1856px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 1984px, 64px, 1920px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1984px, 128px, 1920px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+ -moz-image-region: rect(0, 64px, 64px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 64px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 64px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 64px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 256px, 64px, 192px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 320px, 64px, 256px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 384px, 64px, 320px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 448px, 64px, 384px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 1088px, 64px, 1024px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 1152px, 64px, 1088px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 1216px, 64px, 1152px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 1280px, 64px, 1216px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 1344px, 64px, 1280px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 1408px, 64px, 1344px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 1472px, 64px, 1408px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1472px, 128px, 1408px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 1536px, 64px, 1472px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0px, 1600px, 64px, 1536px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0px, 1728px, 64px, 1664px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1728px, 128px, 1664px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 1792px, 64px, 1728px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1792px, 128px, 1728px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 1856px, 64px, 1792px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 1664px, 64px, 1600px); }
+
+ /* Footer and wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image-2x); }
+
+ /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons
+ are 16x16 when in the panel, but 18x18 when in a toolbar. */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 160px, 32px, 128px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); } }
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+ opacity: 0.4; }
+
+/* Fullscreen window controls */
+#window-controls {
+ -moz-box-align: start;
+ -moz-margin-start: 10px; }
+
+#close-button, #restore-button, #minimize-button {
+ padding: 2px 4px;
+ -moz-appearance: none; }
+
+#close-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); }
+ #close-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); }
+ #close-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); }
+
+#restore-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); }
+ #restore-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); }
+ #restore-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); }
+
+#minimize-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); }
+ #minimize-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); }
+ #minimize-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); }
+
+/* Location bar */
+#urlbar,
+.searchbar-textbox {
+ -moz-appearance: none;
+ padding: 3px 5px;
+ border-radius: 20px;
+ margin: 0 3px;
+ box-shadow: inset 0 0 rgba(56, 60, 69, 0);
+ color: #D3DAE3;
+ background-color: #383c45;
+ border: 1px solid #2d3036; }
+
+#urlbar[focused],
+.searchbar-textbox[focused] {
+ box-shadow: inset 0 0 rgba(56, 60, 69, 0);
+ color: #D3DAE3;
+ background-color: #383c45;
+ border: 1px solid #5294E2; }
+
+.urlbar-textbox-container {
+ -moz-appearance: none;
+ -moz-box-align: center; }
+
+.urlbar-input-box {
+ -moz-margin-start: 0; }
+
+.urlbar-history-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown; }
+
+#urlbar-container {
+ -moz-box-align: center; }
+
+#urlbar-icons {
+ -moz-box-align: center; }
+
+#urlbar-search-splitter {
+ -moz-appearance: none;
+ width: 8px; }
+
+#urlbar-display-box {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-border-end: 1px solid red;
+ -moz-margin-end: 3px; }
+
+.urlbar-display {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ color: GrayText; }
+
+#search-container {
+ min-width: calc(54px + 11ch); }
+
+/* identity box */
+#identity-box {
+ padding: 1px;
+ font-size: .9em; }
+
+#identity-box:-moz-locale-dir(ltr) {
+ border-top-left-radius: 1.5px;
+ border-bottom-left-radius: 1.5px; }
+
+#identity-box:-moz-locale-dir(rtl) {
+ border-top-right-radius: 1.5px;
+ border-bottom-right-radius: 1.5px; }
+
+#notification-popup-box:not([hidden]) + #identity-box {
+ border-radius: 0; }
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
+ border-radius: 0; }
+
+/* forward button hiding is delayed when hovered */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ -moz-margin-end: 4px; }
+
+#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
+ background-color: var(--verified-identity-box-backgroundcolor); }
+
+#identity-box:-moz-focusring {
+ outline: 1px dotted #000;
+ outline-offset: -3px; }
+
+#identity-icon-labels {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 5px; }
+
+:root {
+ --identity-box-verified-color: #479900;
+ --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%);
+ --identity-box-chrome-color: #e57300;
+ --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ background-position: right;
+ background-size: 1px;
+ background-repeat: no-repeat; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+ background-position: left; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ color: var(--identity-box-verified-color);
+ background-image: var(--identity-box-verified-background-image); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ background-image: var(--identity-box-chrome-background-image); }
+
+/* page proxy icon */
+#page-proxy-favicon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png); }
+
+.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.png); }
+
+.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); }
+
+.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+#page-proxy-favicon[pageproxystate="invalid"] {
+ opacity: 0.3; }
+
+#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon64.png"); }
+
+#identity-popup-brandName {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-top: .5em;
+ margin-bottom: .5em; }
+
+#identity-popup-content-box {
+ max-width: 50ch; }
+
+@media not all and (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+ #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); } }
+@media (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); }
+
+ .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); }
+
+ .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); }
+
+ .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); }
+
+ .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ #identity-box:hover > #page-proxy-favicon {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #identity-box:hover:active > #page-proxy-favicon,
+ #identity-box[open=true] > #page-proxy-favicon {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon128.png");
+ -moz-image-region: rect(0, 128px, 128px, 0); } }
+#page-proxy-favicon {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 1px; }
+
+/* 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-help-icon {
+ -moz-appearance: none;
+ margin-left: 0px;
+ border: none;
+ background: none;
+ min-width: 0;
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16");
+ cursor: pointer; }
+
+#identity-popup-help-icon > .button-box > .button-text {
+ display: none; }
+
+#identity-popup-help-icon > .button-box > .button-icon {
+ height: 16px;
+ width: 16px; }
+
+#identity-popup-help-icon:-moz-focusring {
+ outline: 1px dotted;
+ outline-offset: 1px; }
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#identity-popup-container {
+ min-width: 280px;
+ padding: 10px; }
+
+#identity-popup-button-container {
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent);
+ padding: 10px;
+ margin-top: 5px; }
+
+.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-blocked"],
+.popup-notification-icon[popupid="addon-install-failed"],
+.popup-notification-icon[popupid="addon-install-confirmation"],
+.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); }
+
+.popup-notification-icon[popupid="indexedDB-permissions-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="webapps-install-progress"],
+.popup-notification-icon[popupid="webapps-install"] {
+ list-style-image: url(chrome://global/skin/icons/webapps-64.png); }
+
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); }
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingScreen"],
+.popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); }
+
+.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: transparent;
+ background-clip: padding-box;
+ padding-left: 1px;
+ border-width: 0 8px 0 0;
+ border-style: solid;
+ border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+
+#notification-popup-box:-moz-locale-dir(rtl),
+.notification-anchor-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+.notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
+ width: 16px;
+ height: 16px;
+ margin: 0 2px; }
+
+.identity-notification-icon,
+#identity-notification-icon {
+ list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
+ /* XXX: need HiDPI version */ }
+
+.geo-notification-icon,
+#geo-notification-icon {
+ list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
+
+#push-notification-icon {
+ list-style-image: url(chrome://browser/skin/Push-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); }
+
+.webapps-notification-icon,
+#webapps-notification-icon {
+ list-style-image: url(chrome://global/skin/icons/webapps-16.png); }
+
+#plugins-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); }
+
+#plugins-notification-icon.plugin-hidden {
+ list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); }
+
+#plugins-notification-icon.plugin-blocked {
+ list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); }
+
+#plugins-notification-icon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#plugins-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#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; }
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; }
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); }
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); }
+
+.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); }
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); }
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); }
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); }
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); }
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-16.png); }
+
+.pointerLock-notification-icon,
+#pointerLock-notification-icon {
+ list-style-image: url(chrome://browser/skin/pointerLock-16.png); }
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url(chrome://browser/skin/social/services-64.png); }
+
+#servicesInstall-notification-icon {
+ list-style-image: url(chrome://browser/skin/social/services-16.png); }
+
+/* EME notifications */
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); }
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal; }
+
+@keyframes emeTeachingMoment {
+ 0% {
+ transform: translateX(0); }
+ 25% {
+ transform: translateX(3px); }
+ 75% {
+ transform: translateX(-3px); }
+ 100% {
+ transform: translateX(0); } }
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+ #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
+
+ .notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } }
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em; }
+
+.addon-install-confirmation-name {
+ font-weight: bold; }
+
+/* Notification icon box */
+#notification-popup-box {
+ border-radius: 2.5px 0 0 2.5px;
+ margin-top: -1px;
+ margin-bottom: -1px; }
+
+.notification-anchor-icon:-moz-focusring {
+ outline: 1px dotted -moz-DialogText; }
+
+.indexedDB-notification-icon,
+#indexedDB-notification-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); }
+
+#pointerLock-cancel {
+ margin: 0px; }
+
+/* Translation infobar */
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); } }
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16.png);
+ -moz-image-region: auto; }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16@2x.png); } }
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-appearance: none;
+ border-width: 1px;
+ -moz-border-top-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ border-radius: 2px;
+ min-width: 0;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+ border: none;
+ background-color: transparent;
+ margin: auto;
+ padding: 5px 0; }
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0; }
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small; }
+
+.translation-attribution > label {
+ margin-bottom: 0; }
+
+.translation-attribution > image {
+ width: 70px; }
+
+.translation-welcome-panel {
+ width: 305px; }
+
+.translation-welcome-logo {
+ height: 32px;
+ width: 32px;
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+.translation-welcome-content {
+ -moz-margin-start: 16px; }
+
+.translation-welcome-headline {
+ font-size: larger;
+ font-weight: bold; }
+
+.translation-welcome-body {
+ padding: 1em 0;
+ margin: 0 0; }
+
+notification[value="translation"] {
+ min-height: 40px; }
+
+notification[value="translation"],
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-height: 30px;
+ color: #5A5959; }
+
+notification[value="translation"] {
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-padding-end: 1ch; }
+
+notification[value="translation"] menulist {
+ border: 1px solid #C1C1C1;
+ background-color: #FFF; }
+
+notification[value="translation"] button {
+ border: 1px solid #C1C1C1;
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+ -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; }
+
+notification[value="translation"] button:hover,
+notification[value="translation"] button:active,
+notification[value="translation"] menulist:hover,
+notification[value="translation"] menulist:active {
+ background-color: #E2E1E0; }
+
+notification[value="translation"] button[anonid="translate"] {
+ color: #FFF;
+ background-image: linear-gradient(#9FB938, #8DA726);
+ box-shadow: none;
+ border: 1px solid #829C1C; }
+
+notification[value="translation"] button[anonid="translate"]:hover,
+notification[value="translation"] button[anonid="translate"]:active {
+ background-image: linear-gradient(#8DA726, #8DA726); }
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+ -moz-margin-start: 3ch; }
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+ -moz-margin-end: 3ch; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ display: block; }
+
+/* Loop/ Hello browser styles */
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0; }
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.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),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px; }
+
+.ac-result-type-keyword[selected="true"],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
+
+.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 */
+#urlbar > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 2px;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); }
+
+#urlbar-reload-button {
+ -moz-image-region: rect(0, 14px, 14px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent);
+ -moz-image-region: rect(14px, 14px, 28px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent);
+ -moz-image-region: rect(28px, 14px, 42px, 0); }
+
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px); }
+
+#urlbar-go-button:hover {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent);
+ -moz-image-region: rect(14px, 42px, 28px, 28px); }
+
+#urlbar-go-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent);
+ -moz-image-region: rect(28px, 42px, 42px, 28px); }
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-stop-button {
+ -moz-image-region: rect(0, 28px, 14px, 14px); }
+
+#urlbar-stop-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent);
+ -moz-image-region: rect(14px, 28px, 28px, 14px); }
+
+#urlbar-stop-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent);
+ -moz-image-region: rect(28px, 28px, 42px, 14px); }
+
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px); }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px); }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px); }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0); }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px); }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px); }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px); }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px; } }
+/* Popup blocker button */
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/Info.png"); }
+
+/* Reading List button */
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px; }
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px; }
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); }
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); }
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); }
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); }
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); }
+
+/* Reader mode button */
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+/* social share panel */
+.social-share-frame {
+ border-top: 1px solid #f8f8f8;
+ width: 756px;
+ height: 150px; }
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center; }
+
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); }
+
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1; }
+
+#share-container[loading] > browser {
+ opacity: 0; }
+
+.social-share-toolbar {
+ border-bottom: 1px solid #dedede;
+ padding: 2px; }
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0; }
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px; }
+
+.share-provider-button > .toolbarbutton-text {
+ display: none; }
+
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px; }
+
+/* social recommending panel */
+#social-mark-button {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* bookmarks menu-button */
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ -moz-box-align: center; }
+
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
+ opacity: .4; }
+
+#BMB_bookmarksPopup[side="top"],
+#BMB_bookmarksPopup[side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px; }
+
+#BMB_bookmarksPopup[side="left"],
+#BMB_bookmarksPopup[side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px; }
+
+#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
+#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
+ margin-top: -4px; }
+
+/* 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; }
+
+.panel-promo-box {
+ margin: 8px -10px -10px -10px;
+ padding: 8px 10px;
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); }
+
+.panel-promo-icon {
+ list-style-image: url("chrome://browser/skin/sync-notification-24.png");
+ -moz-margin-end: 10px;
+ vertical-align: middle; }
+
+.panel-promo-closebutton {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px; }
+
+.panel-promo-closebutton > .toolbarbutton-text {
+ padding: 0; }
+
+/* Content area */
+#sidebar {
+ background-color: Window; }
+
+/* Findbar */
+.browserContainer > findbar {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+ border-top: 1px solid;
+ -moz-border-top-colors: #2d3036;
+ text-shadow: none; }
+
+.browserContainer > findbar .findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid #2d3036;
+ box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ width: 14em; }
+ .browserContainer > findbar .findbar-textbox[focused="true"] {
+ border-color: #5294E2; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 20px 0 0 20px;
+ border-right-width: 0; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 20px 20px 0;
+ border-left-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous,
+.browserContainer > findbar .findbar-find-next {
+ background: #3d414b;
+ border: 1px solid #2d3036;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous {
+ border-right-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous:focus,
+.browserContainer > findbar .findbar-find-next:focus {
+ border-color: #5294E2;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
+.browserContainer > findbar .findbar-find-next:not([disabled]):active {
+ background: #5294E2;
+ border-color: #5294E2;
+ box-shadow: none; }
+
+/* Tabstrip */
+:root {
+ --tab-toolbar-navbar-overlap: 1px;
+ --tab-min-height: 31px; }
+
+#TabsToolbar {
+ --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
+ --tab-separator-size: 3px 100%;
+ --tab-separator-opacity: 1; }
+
+/* image preloading hack */
+#tabbrowser-tabs::before {
+ /* Because of bug 853415, we need to ordinal this to the first position: */
+ -moz-box-ordinal-group: 0;
+ content: '';
+ display: block; }
+
+#tabbrowser-tabs {
+ min-height: var(--tab-min-height); }
+
+.tabbrowser-tab,
+.tabs-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-radius: 0;
+ border-width: 0;
+ margin: 0;
+ padding: 0; }
+
+.tabbrowser-tab {
+ -moz-box-align: stretch; }
+
+/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
+.tabbrowser-tab[visuallyselected=true] {
+ position: relative;
+ z-index: 2; }
+
+.tab-background-middle {
+ -moz-box-flex: 1;
+ background-clip: padding-box;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ margin: 0 -15px; }
+
+.tab-content {
+ -moz-padding-end: 9px;
+ -moz-padding-start: 9px; }
+
+.tab-content[pinned] {
+ -moz-padding-end: 3px; }
+
+.tab-throbber,
+.tab-icon-image,
+.tab-close-button {
+ margin-top: 1px; }
+
+.tab-throbber,
+.tab-icon-image {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 6px; }
+
+.tab-icon-image {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: 10px;
+ -moz-margin-start: -16px;
+ display: none; }
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
+
+.tab-throbber[busy] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); }
+
+.tab-throbber[progress] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); }
+
+.tab-label {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0; }
+
+.tab-close-button {
+ -moz-margin-start: 4px;
+ -moz-margin-end: -2px;
+ padding: 0; }
+
+.tab-background,
+.tabs-newtab-button {
+ /* overlap the tab curves */
+ -moz-margin-end: -15px;
+ -moz-margin-start: -15px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 15px;
+ -moz-padding-start: 15px; }
+
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png);
+ background-size: 100% 100%;
+ width: 14px;
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+ pointer-events: none;
+ position: relative;
+ z-index: 3;
+ /* the selected tab's z-index + 1 */ }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+ -moz-margin-start: -2px;
+ -moz-margin-end: -12px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ -moz-margin-start: -12px;
+ -moz-margin-end: -2px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+ opacity: 0; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+ transition: opacity 150ms ease; }
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ min-height: var(--tab-min-height);
+ width: 30px; }
+
+.tabbrowser-tab:not([visuallyselected=true]),
+.tabbrowser-tab:-moz-lwtheme {
+ color: inherit; }
+
+.tabbrowser-tab:not([selected="true"]) {
+ color: rgba(207, 218, 231, 0.6); }
+
+/* Selected tab */
+/*
+ Tab background pseudo-elements which are positioned above .tab-background-start/end:
+ - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where
+ pointer events go for the curve.
+ - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer
+ events go through to ::before to get the proper shape.
+ */
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ /* position ::after on top of its parent */
+ -moz-margin-start: -30px;
+ background-size: 100% 100%;
+ content: "";
+ display: -moz-box;
+ position: relative; }
+
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-end[visuallyselected=true]::before {
+ /* all ::before pseudo elements */
+ content: "";
+ display: -moz-box; }
+
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start.svg);
+ background-size: 100% 100%; }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-end.svg);
+ background-size: 100% 100%; }
+
+/* For lightweight themes, clip the header image on start, middle, and end. */
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); }
+
+.tab-background-middle[visuallyselected=true] {
+ background-clip: padding-box, padding-box, content-box;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-middle.svg);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+ /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
+ background-color doesn't extend above the top border. */
+ padding-top: 2px; }
+
+/* Selected tab lightweight theme styles.
+ See browser-lightweightTheme.css for information about run-time changes to LWT styles. */
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3));
+ /*,
+lwtHeader;*/
+ /* Don't stretch the LWT header images */
+ background-size: auto 100%, auto 100%, auto auto; }
+
+/* These LWT styles are normally overridden by browser-lightweightTheme.css */
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); }
+
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent; }
+
+/* End selected tab */
+/* new tab button border and gradient on hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
+.tabs-newtab-button:hover {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-end-hover.svg);
+ background-position: left bottom, 30px bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+
+/* Tab pointer-events */
+.tabbrowser-tab {
+ pointer-events: none; }
+
+.tab-background-middle,
+.tabs-newtab-button,
+.tab-close-button {
+ pointer-events: auto; }
+
+/* Pinned tabs */
+/* Pinned tab separators need position: absolute when positioned (during overflow). */
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before {
+ height: 100%;
+ position: absolute; }
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
+ background-position: center bottom var(--tab-toolbar-navbar-overlap);
+ background-repeat: no-repeat;
+ background-size: 85% 100%; }
+
+/* New tab button */
+.tabs-newtab-button {
+ width: calc(36px + 30px); }
+
+#tabbrowser-tabs {
+ /* override the global style to allow the selected tab to be above the nav-bar */
+ z-index: auto; }
+
+#TabsToolbar {
+ min-height: 0;
+ padding: 0;
+ margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); }
+
+#TabsToolbar:not(:-moz-lwtheme) {
+ -moz-appearance: menubar;
+ color: -moz-menubartext; }
+
+#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
+#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); }
+
+.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
+ outline: 1px dotted; }
+
+#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: -9px;
+ z-index: 3; }
+
+/* Tab close button */
+.close-icon {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close.svg"); }
+ .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); }
+ .close-icon:active:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:active {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); }
+
+/* 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; }
+
+.tabs-newtab-button > .toolbarbutton-icon,
+#new-tab-button > .toolbarbutton-icon {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png");
+ -moz-image-region: auto; }
+
+/* Tabbrowser arrowscrollbox arrows */
+.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
+.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg");
+ margin: 0 0 var(--tab-toolbar-navbar-overlap); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
+.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
+ opacity: .4; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ transition: 1s background-color ease-out; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+ background-color: Highlight;
+ transition: none; }
+
+#TabsToolbar .toolbarbutton-1 {
+ margin-bottom: var(--tab-toolbar-navbar-overlap); }
+
+#alltabs-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); }
+
+#alltabs-button > .toolbarbutton-icon {
+ padding: 9px 6px 6px; }
+
+#alltabs-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+/* All tabs menupopup */
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.alltabs-item[selected="true"] {
+ font-weight: bold; }
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+/* Sidebar */
+#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; }
+
+toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !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; }
+
+/* Ctrl-Tab */
+.ctrlTab-preview {
+ -moz-appearance: toolbarbutton; }
+
+.tabPreview-canvas {
+ box-shadow: 0 0 5px ThreeDShadow; }
+
+.ctrlTab-preview:focus .tabPreview-canvas,
+.ctrlTab-preview:hover .tabPreview-canvas {
+ box-shadow: none; }
+
+.ctrlTab-favicon[src] {
+ background-color: white;
+ width: 20px;
+ height: 20px;
+ padding: 2px; }
+
+#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; }
+
+/* Sync Panel */
+.sync-panel-icon {
+ height: 32px;
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; }
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px; }
+
+.sync-panel-button-box {
+ margin-top: 1em; }
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-size: 120%;
+ font-weight: bold;
+ margin-bottom: 5px; }
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0; }
+
+/* Status panel */
+.statuspanel-label {
+ margin: 0;
+ padding: 2px 4px;
+ background: #5294E2;
+ border: 1px none #5294E2;
+ border-top-style: solid;
+ color: #ffffff;
+ 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-image: url("chrome://browser/skin/fullscreen-darknoise.png");
+ color: white;
+ border-radius: 4px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px white; }
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.full-screen-description {
+ font-size: 150%; }
+
+#full-screen-domain-text {
+ font-size: 300%; }
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%; }
+
+/* Responsive Mode */
+.browserContainer[responsivemode] {
+ background-color: #222;
+ padding: 0 20px 20px 20px; }
+
+.browserStack[responsivemode] {
+ box-shadow: 0 0 7px black; }
+
+.devtools-responsiveui-toolbar {
+ -moz-appearance: none;
+ background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: #cdd9e4;
+ margin: 10px 0;
+ padding: 0;
+ box-shadow: none;
+ border-bottom-width: 0; }
+
+.devtools-responsiveui-menulist,
+.devtools-responsiveui-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 22px;
+ text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45);
+ border: 1px solid rgba(12, 13, 14, 0.45);
+ border-radius: 0;
+ background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box;
+ box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15);
+ margin: 0 3px;
+ color: inherit; }
+
+.devtools-responsiveui-menulist .menulist-editable-box {
+ -moz-appearance: none;
+ background-color: transparent; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input {
+ -moz-appearance: none;
+ color: inherit;
+ text-align: center; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection {
+ background: rgba(138, 145, 153, 0.35); }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal; }
+
+.devtools-responsiveui-menulist:-moz-focusring,
+.devtools-responsiveui-toolbarbutton:-moz-focusring {
+ outline: 1px dotted rgba(205, 217, 228, 0.7);
+ outline-offset: -4px; }
+
+.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none; }
+
+.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active {
+ border-color: rgba(12, 13, 14, 0.6);
+ background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3));
+ box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-menulist[open=true],
+.devtools-responsiveui-toolbarbutton[open=true],
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ border-color: rgba(12, 13, 14, 0.6) !important;
+ background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4));
+ box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ color: #33a0ff; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover {
+ background-color: transparent !important; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover:active {
+ background-color: rgba(12, 13, 14, 0.2) !important; }
+
+.devtools-responsiveui-menulist > .menulist-label-box {
+ text-align: center; }
+
+.devtools-responsiveui-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ background-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ border-width: 0;
+ min-width: 16px; }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-border-end: 1px solid rgba(12, 13, 14, 0.45);
+ box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+ box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch; }
+
+.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px; }
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+ margin-left: 0; }
+
+.devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+
+.devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+.devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ .devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); } }
+.devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+.devtools-responsiveui-resizebarV {
+ width: 7px;
+ height: 24px;
+ cursor: ew-resize;
+ transform: translate(12px, -12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+
+.devtools-responsiveui-resizebarH {
+ width: 24px;
+ height: 7px;
+ cursor: ns-resize;
+ transform: translate(-12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+
+.devtools-responsiveui-resizehandle {
+ width: 16px;
+ height: 16px;
+ cursor: se-resize;
+ transform: translate(12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+
+/* FxOS custom mode with additional buttons and phone look'n feel */
+/* Hide devtools manual resizer */
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV {
+ display: none; }
+
+/* Gives responsive mode a phone look'n feel */
+.browserStack[responsivemode].fxos-mode {
+ padding: 60px 15px 0;
+ border-radius: 25px / 20px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: 1px solid #FFFFFF;
+ border-bottom-width: 0;
+ background-color: #353535;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+ min-width: 320px; }
+
+.devtools-responsiveui-hardware-buttons {
+ -moz-appearance: none;
+ padding: 20px;
+ border: 1px solid #FFFFFF;
+ border-bottom-left-radius: 25px;
+ border-bottom-right-radius: 25px;
+ border-top-width: 0;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-home-button {
+ width: 40px;
+ height: 30px;
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+
+.devtools-responsiveui-sleep-button {
+ -moz-appearance: none;
+ /* compensate browserStack top padding */
+ margin-top: -67px;
+ margin-right: 10px;
+ min-width: 10px;
+ width: 50px;
+ height: 5px;
+ border: 1px solid #444;
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-color: transparent;
+ background-image: linear-gradient(to top, #111 11%, #333 56%); }
+
+.devtools-responsiveui-sleep-button:hover:active {
+ background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-buttons {
+ margin-left: -29px; }
+
+.devtools-responsiveui-volume-up-button,
+.devtools-responsiveui-volume-down-button {
+ -moz-appearance: none;
+ border: 1px solid red;
+ min-width: 8px;
+ height: 40px;
+ border: 1px solid #444;
+ border-right-color: transparent;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-volume-up-button:hover:active,
+.devtools-responsiveui-volume-down-button:hover:active {
+ background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-up-button {
+ border-top-left-radius: 12px; }
+
+.devtools-responsiveui-volume-down-button {
+ border-bottom-left-radius: 12px; }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+/* Developer toolbar */
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within browser.css). */
+:root[devtoolstheme="light"] #developer-toolbar {
+ --gcli-background-color: #ebeced;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-background: #f0f1f2;
+ /* --theme-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7;
+ /* --theme-sidebar-background */
+ --gcli-input-color: #18191a;
+ /* --theme-body-color */
+ --gcli-border-color: #aaaaaa;
+ /* --theme-splitter-color */
+ --selection-background: #4c9ed9;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+:root[devtoolstheme="dark"] #developer-toolbar {
+ --gcli-background-color: #343c45;
+ /* --theme-toolbar-background */
+ --gcli-input-background: rgba(37, 44, 51, 0.6);
+ /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #252c33;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf;
+ /* --theme-body-color-alt */
+ --gcli-border-color: black;
+ /* --theme-splitter-color */
+ --selection-background: #1d4f73;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+#developer-toolbar {
+ -moz-appearance: none;
+ padding: 0;
+ min-height: 32px;
+ background-color: var(--gcli-background-color);
+ border-top: 1px solid var(--gcli-border-color); }
+
+#developer-toolbar > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ margin: 0;
+ padding: 0 10px;
+ width: 32px; }
+
+.developer-toolbar-button > image {
+ margin: auto 10px; }
+
+:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
+:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+ filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+#developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+#developer-toolbar-toolbox-button > label {
+ display: none; }
+
+#developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+#developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+#developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); } }
+#developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.6; }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+#developer-toolbar-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: -4px; }
+
+#developer-toolbar-closebutton > .toolbarbutton-text {
+ display: none; }
+
+#developer-toolbar-closebutton:hover {
+ opacity: 0.8; }
+
+#developer-toolbar-closebutton:hover:active {
+ opacity: 1; }
+
+/* GCLI */
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
+ padding: 0;
+ border-width: 0;
+ background-color: transparent; }
+
+#gcli-output,
+#gcli-tooltip {
+ border-width: 0;
+ background-color: transparent;
+ -moz-appearance: none; }
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node {
+ margin: 0;
+ -moz-box-align: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 8px;
+ text-shadow: none;
+ box-shadow: none;
+ border-width: 0;
+ background-color: transparent;
+ border-radius: 0; }
+
+.gclitoolbar-input-node {
+ -moz-appearance: none;
+ color: var(--gcli-input-color);
+ background-color: var(--gcli-input-background);
+ background-repeat: no-repeat;
+ background-position: 4px center;
+ box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset;
+ line-height: 32px;
+ outline-style: none;
+ padding: 0; }
+
+.gclitoolbar-input-node[focused="true"] {
+ background-color: var(--gcli-input-focused-background); }
+
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px; }
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center; }
+
+@media (min-resolution: 1.25dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: var(--selection-background);
+ color: var(--selection-color);
+ text-shadow: none; }
+
+.gclitoolbar-complete-node {
+ padding-left: 21px;
+ background-color: transparent;
+ color: transparent;
+ z-index: 100;
+ pointer-events: none; }
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0; }
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #999; }
+
+.gcli-in-error {
+ border-bottom: 2px dotted #F00; }
+
+.gcli-in-ontab {
+ color: #595959; }
+
+.gcli-in-todo {
+ color: #2d5986; }
+
+.gcli-in-closebrace {
+ color: #cccccc; }
+
+#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0px; }
+
+.click-to-play-plugins-notification-center-box {
+ border: 1px solid ThreeDShadow;
+ margin: 10px; }
+
+.plugin-popupnotification-centeritem:nth-child(odd) {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.center-item-label {
+ -moz-margin-start: 6px;
+ margin-bottom: 0;
+ text-overflow: ellipsis; }
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ -moz-margin-start: 6px; }
+
+.click-to-play-plugins-notification-button-container {
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.12);
+ padding: 10px;
+ margin-top: 5px; }
+
+.click-to-play-popup-button {
+ width: 50%; }
+
+.click-to-play-plugins-notification-description-box {
+ padding: 10px; }
+
+.click-to-play-plugins-outer-description {
+ margin-top: 8px; }
+
+.click-to-play-plugins-notification-link,
+.center-item-link {
+ margin: 0; }
+
+.messageImage[value="plugin-hidden"] {
+ list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* Keep any changes to this style in sync with pluginProblem.css */
+notification.pluginVulnerable {
+ background-color: #484848;
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+ color: white; }
+
+notification.pluginVulnerable .messageImage {
+ list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); }
+
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold; }
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em; }
+
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+ color: GrayText; }
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #d74345;
+ font-style: italic; }
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em; }
+
+#login-fill-testing {
+ color: #b33;
+ font-weight: bold; }
+
+#login-fill-list {
+ border: 1px solid black;
+ max-height: 20em; }
+
+.login-hostname {
+ margin: 4px;
+ font-weight: bold; }
+
+.login-username {
+ margin: 4px;
+ color: #888; }
+
+/* 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/. */
+/*** Status and progress indicator ***/
+#downloads-animation-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ /* Makes the outermost animation container element positioned, so that its
+ contents are rendered over the main browser window in the Z order.
+ This is required by the animated event notification. */
+ position: relative;
+ /* The selected tab may overlap #downloads-indicator-notification */
+ z-index: 5; }
+
+/*** Main indicator icon ***/
+#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ min-width: 18px;
+ min-height: 18px; }
+
+#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto; }
+
+/* In the next few rules, we use :not([counter]) as a shortcut that is
+ equivalent to -moz-any([progress], [paused]). */
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
+ background-size: 12px; }
+
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+/*** Download notifications ***/
+#downloads-indicator-notification {
+ opacity: 0;
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px; }
+
+@keyframes downloadsIndicatorNotificationStartRight {
+ from {
+ opacity: 0;
+ transform: translate(-128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+@keyframes downloadsIndicatorNotificationStartLeft {
+ from {
+ opacity: 0;
+ transform: translate(128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
+ animation-name: downloadsIndicatorNotificationStartRight;
+ animation-duration: 1s; }
+
+#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification {
+ animation-name: downloadsIndicatorNotificationStartLeft; }
+
+@keyframes downloadsIndicatorNotificationFinish {
+ from {
+ opacity: 0;
+ transform: scale(1); }
+ 20% {
+ opacity: .65;
+ animation-timing-function: ease-in; }
+ to {
+ opacity: 0;
+ transform: scale(8); } }
+#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+ animation-name: downloadsIndicatorNotificationFinish;
+ animation-duration: 1s; }
+
+/*** Progress bar and text ***/
+#downloads-indicator-counter {
+ height: 10px;
+ margin: 0;
+ color: #4d4d4d;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ font-size: 10px;
+ line-height: 10px;
+ text-align: center; }
+
+toolbar[brighttext] #downloads-indicator-counter {
+ color: white;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); }
+
+#downloads-indicator-progress {
+ width: 18px;
+ height: 6px;
+ min-width: 0;
+ min-height: 0;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
+
+#downloads-indicator-progress > .progress-bar {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */
+ background-clip: padding-box, border-box;
+ background-color: #ff875e;
+ background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none;
+ border: 1px solid;
+ border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4);
+ border-radius: 2px 0 0 2px; }
+
+#downloads-indicator-progress > .progress-remainder {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ background-image: linear-gradient(#505050, #575757);
+ border: 1px solid;
+ border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
+ -moz-border-start: none;
+ border-radius: 0 2px 2px 0; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+ background-color: #dce651; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+ background-image: linear-gradient(#4b5000, #515700); }
+
+.gcli-panel {
+ padding: 0; }
+
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ color: #24292d; }
+
+/* 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; }
+
+/* Social toolbar item */
+#social-undoactivation-button {
+ -moz-margin-start: 0;
+ /* override default label margin to match description margin */ }
+
+.social-activation-icon {
+ width: auto;
+ height: auto;
+ max-height: 64px;
+ max-width: 64px; }
+
+#social-activation-message {
+ max-width: 250px; }
+
+#social-activation-message > label {
+ margin: 0; }
+
+/* social toolbar provider menu */
+#social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px; }
+
+.social-statusarea-user {
+ list-style-image: url("chrome://global/skin/icons/information-32.png"); }
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px; }
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#social-sidebar-header {
+ padding: 3px; }
+
+#manage-share-providers,
+#social-sidebar-button {
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#social-sidebar-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ margin: 2px; }
+
+#manage-share-providers > .toolbarbutton-icon,
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px; }
+
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+#social-sidebar-button[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+#social-sidebar-favico {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+ margin: 2px; }
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0; }
+
+.chat-toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 3px;
+ margin: 0;
+ background: none; }
+
+.chat-toolbarbutton:hover {
+ background-color: rgba(255, 255, 255, 0.35); }
+
+.chat-toolbarbutton:hover:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+
+.chat-toolbarbutton > .toolbarbutton-text {
+ display: none; }
+
+.chat-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.chat-close-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); }
+
+.chat-close-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); }
+
+.chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); }
+
+.chat-minimize-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); }
+
+.chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+ transform: rotate(180deg); }
+
+.chat-swap-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); }
+
+chatbar > chatbox > .chat-titlebar > .chat-swap-button {
+ transform: none; }
+
+.chat-title {
+ font-weight: bold;
+ color: black;
+ text-shadow: none;
+ cursor: inherit; }
+
+.chat-titlebar {
+ height: 30px;
+ min-height: 30px;
+ width: 100%;
+ margin: 0;
+ padding: 7px 6px;
+ border: none;
+ border-bottom: 1px solid #ccc;
+ cursor: pointer; }
+
+.chat-titlebar > .notification-anchor-icon {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+.chat-titlebar[minimized="true"] {
+ border-bottom: none; }
+
+.chat-titlebar[activity] {
+ background-image: radial-gradient(ellipse closest-side at center, white, transparent);
+ background-repeat: no-repeat;
+ background-size: 100% 20px;
+ background-position: 0 -10px; }
+
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+ border-bottom: none;
+ background-color: #000;
+ background-image: none; }
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+ font-weight: normal;
+ color: #c1c1c1; }
+
+.chat-frame {
+ padding: 0;
+ margin: 0;
+ overflow: hidden; }
+
+.chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+ margin: 0;
+ padding: 2px;
+ height: 21px;
+ width: 21px;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+@media (min-resolution: 2dppx) {
+ .chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } }
+.chatbar-button > .toolbarbutton-icon {
+ width: 16px; }
+
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px; }
+
+.chatbar-button[open="true"] {
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); }
+
+.chatbar-button > .toolbarbutton-text,
+.chatbar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+.chatbar-button > menupopup > menuitem[activity] {
+ font-weight: bold; }
+
+.chatbar-innerbox {
+ background: transparent;
+ margin: -285px 0 0;
+ overflow: hidden; }
+
+chatbar {
+ -moz-margin-end: 20px; }
+
+chatbox {
+ -moz-margin-start: 4px;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+window > chatbox {
+ -moz-margin-start: 0px;
+ margin: 0px;
+ border: none;
+ padding: 0px; }
+
+.chat-titlebar {
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chat-titlebar[selected] {
+ background-color: #f0f0f0; }
+
+.chatbar-button {
+ -moz-appearance: none;
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chatbar-button > .toolbarbutton-icon {
+ -moz-margin-end: 0; }
+
+.chatbar-button:hover,
+.chatbar-button[open="true"] {
+ background-color: #f0f0f0; }
+
+.chatbar-button[activity] {
+ background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); }
+
+chatbox {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px; }
+
+/* Customization mode */
+/* 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/. */
+/* Customization mode */
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox {
+ margin-bottom: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck,
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox {
+ margin-left: 2em;
+ margin-right: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck {
+ pointer-events: none; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#PanelUI-contents > .panel-customization-placeholder {
+ -moz-outline-radius: 2.5px;
+ outline: 1px dashed transparent; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before {
+ /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */
+ -moz-box-ordinal-group: 0;
+ content: "";
+ display: -moz-box;
+ height: 100%;
+ left: 0;
+ outline-offset: -2px;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%; }
+
+/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the
+ #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the
+ offset from the bottom effectively the same as other targets (-2px). */
+#main-window[customize-entered] #TabsToolbar.customization-target::before {
+ top: -2px; }
+
+/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)),
+#main-window[customize-entered] #nav-bar-customization-target.customization-target {
+ position: relative; }
+
+/* Most target outlines are shown on hover and drag over but the panel menu uses
+ placeholders instead. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ outline-color: #666666; }
+
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ transition: outline-color 250ms linear; }
+
+#PanelUI-contents[showoutline=true] > .panel-customization-placeholder {
+ transition: outline-color 250ms linear;
+ outline-color: #bbb; }
+
+#PanelUI-contents > .panel-customization-placeholder {
+ cursor: auto;
+ outline-offset: -5px; }
+
+#main-window[customizing] .customization-target:not(#PanelUI-contents) {
+ min-width: 100px;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#customization-container {
+ background-color: #f7f7f7;
+ color: black;
+ text-shadow: none; }
+
+#customization-palette,
+#customization-empty {
+ padding: 0 25px 25px; }
+
+#customization-header {
+ font-size: 1.75em;
+ line-height: 1.75em;
+ color: #666;
+ font-weight: 200;
+ margin: 25px 25px 12px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #e5e5e5; }
+
+#customization-panel-container {
+ padding: 15px 25px 25px;
+ background-image: linear-gradient(to bottom, #3e86ce, #3878ba); }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#customization-footer {
+ background-color: #ececec; }
+
+#customization-footer {
+ border-top: 1px solid #dddddd;
+ padding: 10px; }
+
+.customizationmode-button {
+ border: 1px solid silver;
+ border-radius: 3px;
+ margin: 5px;
+ padding: 2px 12px;
+ background-color: #fbfbfb;
+ color: #474747;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5);
+ -moz-appearance: none; }
+
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: #dadada;
+ border-color: #a8a8a8;
+ text-shadow: 0 1px #ececec;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; }
+
+.customizationmode-button[disabled="true"] {
+ opacity: .5; }
+
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+ height: 24px; }
+
+#customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
+ -moz-image-region: rect(0, 24px, 24px, 0); }
+
+#customization-lwtheme-button,
+#customization-titlebar-visibility-button {
+ padding: 2px 7px; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
+#customization-titlebar-visibility-button > .button-box > .button-text {
+ /* Sadly, button.css thinks its margins are perfect for everyone. */
+ -moz-margin-start: 6px !important; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ background-size: contain; }
+
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle; }
+
+#customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 48px, 24px, 24px); }
+
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0); }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px); } }
+#main-window[customize-entered] #customization-panel-container {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
+ background-position: center top, left center, left top, left top, left top;
+ background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
+ background-size: auto 12px, 12px 100%, auto, auto, auto;
+ background-attachment: scroll, scroll, fixed, fixed, scroll; }
+
+toolbarpaletteitem[place="toolbar"] {
+ transition: border-width 250ms ease-in-out; }
+
+toolbarpaletteitem[mousedown] {
+ cursor: -moz-grabbing; }
+
+.panel-customization-placeholder,
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"] {
+ transition: transform .3s ease-in-out; }
+
+#customization-palette {
+ transition: opacity .3s ease-in-out;
+ opacity: 0; }
+
+#customization-palette[showing="true"] {
+ opacity: 1; }
+
+toolbarpaletteitem[notransition].panel-customization-placeholder,
+toolbarpaletteitem[notransition][place="toolbar"],
+toolbarpaletteitem[notransition][place="palette"],
+toolbarpaletteitem[notransition][place="panel"] {
+ transition: none; }
+
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem > toolbaritem.panel-wide-item,
+toolbarpaletteitem > toolbarbutton[type="menu-button"] {
+ transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; }
+
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ transform: scale(1.3); }
+
+toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item,
+toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] {
+ transform: scale(1.1); }
+
+/* Override the toolkit styling for items being dragged over. */
+toolbarpaletteitem[place="toolbar"] {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin-right: 0;
+ margin-left: 0; }
+
+#customization-palette:not([hidden]) {
+ margin-bottom: 25px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
+ margin-top: 20px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 24px;
+ min-width: 24px;
+ max-height: 24px;
+ min-height: 24px;
+ padding: 4px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon {
+ opacity: 1;
+ /* To ensure these buttons always look enabled in customize mode */ }
+
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator {
+ display: none; }
+
+#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks {
+ -moz-box-pack: center;
+ min-height: 48px; }
+
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 5px; }
+
+#customization-palette > toolbarpaletteitem > label {
+ text-align: center;
+ margin-left: 0;
+ margin-right: 0; }
+
+#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent {
+ -moz-box-orient: vertical;
+ /* Make the panel padding uniform across all platforms due to the
+ styling of the section headers and footer. */
+ padding: 10px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px; }
+
+.customization-lwtheme-menu-theme {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ margin: 0 -5px 5px;
+ padding-top: 0;
+ -moz-padding-end: 5px;
+ padding-bottom: 0;
+ -moz-padding-start: 0; }
+
+.customization-lwtheme-menu-theme[defaulttheme] {
+ list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover {
+ background-color: rgba(24, 26, 27, 0.08);
+ border-color: rgba(24, 26, 27, 0.11); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover:active {
+ background-color: rgba(24, 26, 27, 0.15); }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ margin: 5px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-text {
+ text-align: start; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended {
+ padding: 10px;
+ margin-bottom: 5px; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended,
+#customization-lwtheme-menu-footer {
+ background-color: rgba(24, 26, 27, 0.05);
+ color: gray;
+ margin-right: -10px;
+ margin-left: -10px; }
+
+#customization-lwtheme-menu-header {
+ margin-top: -10px;
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-recommended {
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-footer {
+ background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box;
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ margin-bottom: -10px; }
+
+.customization-lwtheme-menu-footeritem {
+ -moz-appearance: none;
+ -moz-box-flex: 1;
+ color: gray;
+ border-style: none;
+ padding: 10px;
+ margin-left: 0;
+ margin-right: 0; }
+
+.customization-lwtheme-menu-footeritem:hover {
+ background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; }
+
+.customization-lwtheme-menu-footeritem:first-child {
+ -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); }
+
+/* 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/. */
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ margin: 0;
+ min-width: 400px;
+ max-width: 1000px;
+ min-height: 200px;
+ border-radius: 3px;
+ background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
+ border: 0px solid rgba(0, 148, 221, 0.5);
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff;
+ color: #333333; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
+ background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); }
+
+.customization-tipPanel-infoBox {
+ margin: 20px 25px 25px;
+ width: 25px;
+ background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
+ background-repeat: no-repeat; }
+
+.customization-tipPanel-content {
+ margin: 25px 0;
+ font-size: 12px;
+ line-height: 18px; }
+
+.customization-tipPanel-em {
+ margin: 0;
+ font-weight: bold; }
+
+.customization-tipPanel-contentImage {
+ margin-top: 25px;
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
+ min-width: 300px;
+ max-width: 300px;
+ min-height: 190px;
+ max-height: 190px;
+ display: -moz-box; }
+
+.customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); }
+
+.customization-tipPanel-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: #1952ab;
+ margin: 0;
+ cursor: pointer; }
+
+.customization-tipPanel-link > .button-box > .button-text {
+ margin: 0 !important; }
+
+.customization-tipPanel-closeBox > .close-icon {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-end: -25px; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); }
+
+#main-window[customize-entered] > #tab-view-deck {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-attachment: fixed; }
+
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent; }
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-color: #b5b5b5;
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top; }
+
+#main-window[customize-entered] #browser-bottombox,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
+#main-window[customize-entered] #customization-container {
+ border: 3px solid rgba(0, 0, 0, 0.1);
+ border-top-width: 0;
+ background-clip: padding-box;
+ background-origin: padding-box;
+ -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); }
+
+#main-window[customize-entered] #customization-container,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+ border-bottom-width: 0; }
+
+#main-window[customize-entered] #TabsToolbar {
+ -moz-appearance: none;
+ background-clip: padding-box;
+ border-right: 3px solid transparent;
+ border-left: 3px solid transparent; }
+
+/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
+.customization-tipPanel-closeBox > .close-icon:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); }
+
+/* End customization mode */
+#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
+ background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
+ width: 40px; }
+
+/* UI Tour */
+#UITourHighlightContainer {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ /* This is a buffer to compensate for the movement in the "wobble" effect */
+ padding: 4px; }
+
+#UITourHighlight {
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%);
+ border-radius: 40px;
+ border: 1px solid white;
+ /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
+ on Linux without an X compositor where opacity is either 0 or 1. */
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49);
+ min-height: 32px;
+ min-width: 32px; }
+
+#UITourTooltipBody {
+ -moz-margin-end: 14px; }
+
+#UITourTooltipBody > vbox {
+ padding-top: 4px; }
+
+#UITourTooltipIconContainer {
+ -moz-margin-start: -16px; }
+
+#UITourTooltipIcon {
+ width: 48px;
+ height: 48px;
+ -moz-margin-start: 28px;
+ -moz-margin-end: 28px; }
+
+#UITourTooltipTitle,
+#UITourTooltipDescription {
+ max-width: 20rem; }
+
+#UITourTooltipTitle {
+ font-size: 1.45rem;
+ font-weight: bold;
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ margin: 0 0 9px 0; }
+
+#UITourTooltipDescription {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ font-size: 1.15rem;
+ line-height: 1.8rem;
+ margin-bottom: 0;
+ /* Override global.css */ }
+
+#UITourTooltipClose {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ -moz-margin-start: 4px;
+ margin-top: -2px; }
+
+#UITourTooltipClose > .toolbarbutton-text {
+ display: none; }
+
+#UITourTooltipButtons {
+ -moz-box-pack: end;
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.14);
+ margin: 24px -16px -16px;
+ padding: 2em 15px; }
+
+#UITourTooltipButtons > button {
+ margin: 0 15px; }
+
+#UITourTooltipButtons > button:first-child {
+ -moz-margin-start: 0; }
+
+#UITourTooltipButtons > button[image] > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 5px; }
+
+#UITourTooltipButtons > button .button-text {
+ font-size: 1.15rem; }
+
+#UITourTooltipButtons > button:not(.button-link) {
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ border-radius: 3px;
+ border: 1px solid;
+ border-color: silver;
+ color: #474747;
+ padding: 4px 30px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
+ background-color: rgba(24, 26, 27, 0.15);
+ border-color: rgba(24, 26, 27, 0.15);
+ box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; }
+
+#UITourTooltipButtons > button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.35);
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#UITourTooltipButtons > button.button-link:hover {
+ color: black; }
+
+/* The primary button gets the same color as the customize button. */
+#UITourTooltipButtons > button.button-primary {
+ background-color: #74bf43;
+ color: white;
+ padding-left: 30px;
+ padding-right: 30px; }
+
+#UITourTooltipButtons > button.button-primary:not(:active):hover {
+ background-color: #69ad3d; }
+
+/* Notification overrides for Heartbeat UI */
+notification.heartbeat {
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+ height: 40px; }
+
+/* In themes/osx/global/notification.css the close icon is inverted because notifications
+ on OSX are usually dark. Heartbeat is light, so override that behaviour. */
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1); }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(1); }
+ 75% {
+ transform: scale(1.1); }
+ 100% {
+ transform: scale(1); } }
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(0.8); }
+ 100% {
+ transform: scale(1); } }
+.messageText.heartbeat {
+ color: #333333;
+ text-shadow: none;
+ -moz-margin-start: 0px;
+ /* The !important is required to override OSX default style. */
+ -moz-margin-end: 12px !important; }
+
+.messageImage.heartbeat {
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px; }
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); }
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear; }
+
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #0095DD;
+ -moz-margin-start: 0px; }
+
+.heartbeat > .text-link:hover {
+ color: #008ACB;
+ text-decoration: none; }
+
+.heartbeat > .text-link:hover:active {
+ color: #006B9D; }
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+ margin-bottom: 4px; }
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5; }
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4; }
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3; }
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2; }
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px; }
+
+.heartbeat > #star-rating-container > .star-x:hover,
+.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-lit.svg"); }
+
+#UITourHighlight {
+ /* Below are some fixes for people without an X compositor on Linux.
+ This is why we can't have nice things: */
+ /* Animations don't repaint properly without an X compositor. */
+ animation-name: none !important;
+ /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
+ background be transparent in that case by having all alpha values < 0.5 */
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%);
+ /* The highlight isn't anti-aliased without an X compositor so make it thicker.
+ Make it a darker color since we don't have the box-shadow in this case. */
+ border: 4px solid #0095dc; }
+
+#UITourTooltipDescription {
+ font-size: 1.05rem; }
+
+#UITourTooltipClose {
+ -moz-margin-end: -4px;
+ height: 16px;
+ width: 16px; }
+
+#UITourTooltipButtons {
+ margin-bottom: -10px; }
+
+#context-navigation > .menuitem-iconic {
+ -moz-box-flex: 1;
+ -moz-box-pack: center;
+ -moz-box-align: center; }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ -moz-appearance: none; }
+
+#context-back {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); }
+
+#context-back[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); }
+
+#context-back[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); }
+
+#context-forward {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); }
+
+#context-forward[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); }
+
+#context-forward[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); }
+
+#context-reload {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); }
+
+#context-reload[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); }
+
+#context-reload[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); }
+
+#context-stop {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); }
+
+#context-stop[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); }
+
+#context-stop[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); }
+
+#context-bookmarkpage {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); }
+
+#context-bookmarkpage[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); }
+
+#context-bookmarkpage[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); }
+
+#context-back:-moz-locale-dir(rtl),
+#context-forward:-moz-locale-dir(rtl),
+#context-reload:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+ margin: 7px; }
+
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ visibility: visible;
+ /* override toolkit/themes/linux/global/menu.css */
+ -moz-padding-end: 0 !important;
+ -moz-margin-end: 0 !important; }
diff --git a/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png b/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png
new file mode 100644
index 0000000..29f15f7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/click-to-play-warning-stripes.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/content-contextmenu.svg b/arc-firefox-theme/chrome/browser/content-contextmenu.svg
new file mode 100644
index 0000000..f3b4376
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/content-contextmenu.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<style>
+use:not(:target) {
+ display: none;
+}
+
+use {
+ fill: menutext;
+}
+
+use[id$="-active"] {
+ fill: -moz-menuhovertext;
+}
+
+use[id$="-disabled"] {
+ fill: graytext;
+}
+</style>
+<defs style="display:none">
+ <path id="back-shape" fill-rule="evenodd" clip-rule="evenodd" d="M1.192,8.893L2.21,9.964c0.064,0.065,0.136,0.117,0.214,0.159
+ l5.199,5.301c0.607,0.63,1.465,0.764,1.915,0.297l1.02-1.082c0.449-0.467,0.32-1.357-0.288-1.99l-2.116-2.158h5.705
+ c0.671,0,1.215-0.544,1.215-1.215v-2.43c0-0.671-0.544-1.215-1.215-1.215H8.094l2.271-2.309c0.609-0.626,0.737-1.512,0.288-1.974
+ L9.635,0.278C9.184-0.188,8.327-0.055,7.718,0.575L2.479,5.901C2.38,5.946,2.289,6.008,2.21,6.089L1.192,7.171
+ c-0.21,0.219-0.293,0.53-0.26,0.864C0.899,8.367,0.981,8.676,1.192,8.893z"/>
+ <path id="forward-shape" fill-rule="evenodd" clip-rule="evenodd" d="M14.808,7.107L13.79,6.036c-0.064-0.065-0.136-0.117-0.214-0.159
+ L8.377,0.576C7.77-0.054,6.912-0.189,6.461,0.278L5.441,1.36c-0.449,0.467-0.32,1.357,0.288,1.99l2.116,2.158H2.14
+ c-0.671,0-1.215,0.544-1.215,1.215v2.43c0,0.671,0.544,1.215,1.215,1.215h5.765l-2.271,2.309c-0.609,0.626-0.737,1.512-0.288,1.974
+ l1.019,1.072c0.451,0.465,1.308,0.332,1.917-0.297l5.238-5.326c0.1-0.045,0.191-0.107,0.269-0.188l1.019-1.082
+ c0.21-0.219,0.293-0.53,0.26-0.864C15.101,7.633,15.019,7.324,14.808,7.107z"/>
+ <path id="reload-shape" fill-rule="evenodd" clip-rule="evenodd" d="M15.429,8h-8l3.207-3.207C9.889,4.265,8.986,3.947,8,3.947
+ c-2.554,0-4.625,2.071-4.625,4.625S5.446,13.196,8,13.196c1.638,0,3.069-0.857,3.891-2.141l2.576,1.104
+ C13.199,14.439,10.794,16,8,16c-4.103,0-7.429-3.326-7.429-7.429S3.897,1.143,8,1.143c1.762,0,3.366,0.624,4.631,1.654L15.429,0V8z"/>
+ <polygon id="stop-shape" fill-rule="evenodd" clip-rule="evenodd" points="16,2.748 13.338,0.079 8.038,5.391 2.661,0 0,2.669
+ 5.377,8.059 0.157,13.292 2.819,15.961 8.039,10.728 13.298,16 15.959,13.331 10.701,8.06"/>
+ <path id="bookmark-shape" d="M8.008,3.632l0.986,2.012l0.452,0.922l1.014,0.169l2.326,0.389l-1.719,1.799l-0.676,0.708l0.145,0.967
+ L10.896,13l-1.959-1.039l-0.937-0.497l-0.937,0.497l-1.957,1.038L5.468,10.6l0.146-0.968L4.937,8.924L3.219,7.126l2.351-0.39
+ l1.023-0.17l0.45-0.934L8.008,3.632 M8,0C7.72,0,7.44,0.217,7.228,0.65L5.242,4.766L0.907,5.485c-0.958,0.159-1.195,0.861-0.53,1.56
+ l3.113,3.258l-0.69,4.583c-0.105,0.689,0.172,1.092,0.658,1.092c0.185,0,0.399-0.058,0.635-0.181l3.906-2.072l3.906,2.072
+ c0.236,0.123,0.45,0.181,0.635,0.181c0.486,0,0.762-0.403,0.659-1.092l-0.687-4.583l3.109-3.255c0.666-0.702,0.428-1.404-0.53-1.564
+ l-4.303-0.719L8.772,0.65C8.56,0.217,8.28,0,8,0L8,0z"/>
+ <path id="bookmarked-shape" d="M8,0C7.719,0,7.438,0.217,7.225,0.651L5.233,4.773l-4.35,0.72c-0.961,0.159-1.199,0.862-0.531,1.562
+ l3.124,3.262l-0.692,4.589C2.679,15.596,2.957,16,3.444,16c0.185,0,0.401-0.058,0.637-0.181L8,13.744l3.919,2.075
+ C12.156,15.942,12.372,16,12.557,16c0.487,0,0.764-0.404,0.661-1.094l-0.69-4.589l3.12-3.259c0.668-0.703,0.43-1.406-0.532-1.566
+ l-4.317-0.72L8.775,0.651C8.562,0.217,8.281,0,8,0L8,0z"/>
+</defs>
+<use id="back" xlink:href="#back-shape"/>
+<use id="back-active" xlink:href="#back-shape"/>
+<use id="back-disabled" xlink:href="#back-shape"/>
+<use id="forward" xlink:href="#forward-shape"/>
+<use id="forward-active" xlink:href="#forward-shape"/>
+<use id="forward-disabled" xlink:href="#forward-shape"/>
+<use id="reload" xlink:href="#reload-shape"/>
+<use id="reload-active" xlink:href="#reload-shape"/>
+<use id="reload-disabled" xlink:href="#reload-shape"/>
+<use id="stop" xlink:href="#stop-shape"/>
+<use id="stop-active" xlink:href="#stop-shape"/>
+<use id="stop-disabled" xlink:href="#stop-shape"/>
+<use id="bookmark" xlink:href="#bookmark-shape"/>
+<use id="bookmark-active" xlink:href="#bookmark-shape"/>
+<use id="bookmark-disabled" xlink:href="#bookmark-shape"/>
+<use id="bookmarked" xlink:href="#bookmarked-shape"/>
+<use id="bookmarked-active" xlink:href="#bookmarked-shape"/>
+<use id="bookmarked-disabled" xlink:href="#bookmarked-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg
new file mode 100644
index 0000000..dffaa8f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabbar-icons.svg
@@ -0,0 +1,1468 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="774"
+ height="36"
+ viewBox="0 0 774 36"
+ sodipodi:docname="tabbar-icons.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <inkscape:path-effect
+ effect="spiro"
+ id="path-effect4386-3"
+ is_visible="true" />
+ </defs>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ showguides="false"
+ inkscape:guide-bbox="true"
+ inkscape:zoom="16"
+ inkscape:cx="9.4650557"
+ inkscape:cy="28.375735"
+ inkscape:current-layer="layer2"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:object-nodes="true"
+ inkscape:snap-bbox-midpoints="true"
+ inkscape:snap-nodes="true"
+ inkscape:snap-global="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ <sodipodi:guide
+ position="18,27"
+ orientation="1,0"
+ id="guide4140" />
+ <sodipodi:guide
+ position="36,27"
+ orientation="1,0"
+ id="guide4144" />
+ <sodipodi:guide
+ position="54,27"
+ orientation="1,0"
+ id="guide4165" />
+ <sodipodi:guide
+ position="72,27"
+ orientation="1,0"
+ id="guide4167" />
+ <sodipodi:guide
+ position="90,27"
+ orientation="1,0"
+ id="guide4169" />
+ <sodipodi:guide
+ position="108,27"
+ orientation="1,0"
+ id="guide4171" />
+ <sodipodi:guide
+ position="126,27"
+ orientation="1,0"
+ id="guide4173" />
+ <sodipodi:guide
+ position="144,26"
+ orientation="1,0"
+ id="guide4175" />
+ <sodipodi:guide
+ position="162,26"
+ orientation="1,0"
+ id="guide4177" />
+ <sodipodi:guide
+ position="180,26"
+ orientation="1,0"
+ id="guide4179" />
+ <sodipodi:guide
+ position="198,26"
+ orientation="1,0"
+ id="guide4181" />
+ <sodipodi:guide
+ position="216,26"
+ orientation="1,0"
+ id="guide4183" />
+ <sodipodi:guide
+ position="234,26"
+ orientation="1,0"
+ id="guide4185" />
+ <sodipodi:guide
+ position="252,26"
+ orientation="1,0"
+ id="guide4187" />
+ <sodipodi:guide
+ position="270,27"
+ orientation="1,0"
+ id="guide4189" />
+ <sodipodi:guide
+ position="288,27"
+ orientation="1,0"
+ id="guide4191" />
+ <sodipodi:guide
+ position="306,27"
+ orientation="1,0"
+ id="guide4193" />
+ <sodipodi:guide
+ position="324,27"
+ orientation="1,0"
+ id="guide4195" />
+ <sodipodi:guide
+ position="342,27"
+ orientation="1,0"
+ id="guide4197" />
+ <sodipodi:guide
+ position="360,27"
+ orientation="1,0"
+ id="guide4199" />
+ <sodipodi:guide
+ position="378,27"
+ orientation="1,0"
+ id="guide4201" />
+ <sodipodi:guide
+ position="396,27"
+ orientation="1,0"
+ id="guide4203" />
+ <sodipodi:guide
+ position="414,27"
+ orientation="1,0"
+ id="guide4205" />
+ <sodipodi:guide
+ position="432,27"
+ orientation="1,0"
+ id="guide4207" />
+ <sodipodi:guide
+ position="450,27"
+ orientation="1,0"
+ id="guide4209" />
+ <sodipodi:guide
+ position="468,27"
+ orientation="1,0"
+ id="guide4211" />
+ <sodipodi:guide
+ position="486,27"
+ orientation="1,0"
+ id="guide4213" />
+ <sodipodi:guide
+ position="504,27"
+ orientation="1,0"
+ id="guide4215" />
+ <sodipodi:guide
+ position="522,27"
+ orientation="1,0"
+ id="guide4217" />
+ <sodipodi:guide
+ position="540,27"
+ orientation="1,0"
+ id="guide4219" />
+ <sodipodi:guide
+ position="558,27"
+ orientation="1,0"
+ id="guide4221" />
+ <sodipodi:guide
+ position="576,27"
+ orientation="1,0"
+ id="guide4223" />
+ <sodipodi:guide
+ position="594,27"
+ orientation="1,0"
+ id="guide4225" />
+ <sodipodi:guide
+ position="612,27"
+ orientation="1,0"
+ id="guide4227" />
+ <sodipodi:guide
+ position="630,27"
+ orientation="1,0"
+ id="guide4229" />
+ <sodipodi:guide
+ position="648,27"
+ orientation="1,0"
+ id="guide4231" />
+ <sodipodi:guide
+ position="666,27"
+ orientation="1,0"
+ id="guide4233" />
+ <sodipodi:guide
+ position="684,27"
+ orientation="1,0"
+ id="guide4235" />
+ <sodipodi:guide
+ position="702,27"
+ orientation="1,0"
+ id="guide4237" />
+ <sodipodi:guide
+ position="720,27"
+ orientation="1,0"
+ id="guide4239" />
+ <sodipodi:guide
+ position="738,27"
+ orientation="1,0"
+ id="guide4241" />
+ <sodipodi:guide
+ position="756,27"
+ orientation="1,0"
+ id="guide4243" />
+ <sodipodi:guide
+ position="0,18"
+ orientation="0,1"
+ id="guide4245" />
+ <sodipodi:guide
+ position="59.720667,21.020803"
+ orientation="0,1"
+ id="guide4691" />
+ <sodipodi:guide
+ position="63,33"
+ orientation="0,1"
+ id="guide4693" />
+ <sodipodi:guide
+ position="450,18"
+ orientation="1,0"
+ id="guide4716" />
+ </sodipodi:namedview>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer 2"
+ style="display:inline">
+ <g
+ id="g4295"
+ transform="translate(17.984,-0.01700159)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-3"
+ transform="matrix(-1,0,0,1,72.037527,0.01274702)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-2"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-0"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-0"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-2"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-0">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-6"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-0"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-1"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-7"
+ transform="translate(35.962473,0.01274702)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-6"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-3"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-4"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-3"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-9">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-68"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-3"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-4"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4492"
+ transform="matrix(0.98812264,0,0,1,2.0927143,0)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ transform="matrix(-1,0,0,1,105.03753,-0.00212728)"
+ id="g4295-3-4"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ id="layer9-9-7"
+ inkscape:label="status"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-8"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer11-0-6"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer13-0-0"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer14-2-8"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer15-5-0"
+ inkscape:label="emblems"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-3"
+ inkscape:label="emotes"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-0"
+ inkscape:label="categories"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-4"
+ inkscape:label="actions"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-8"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-3"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-1"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.0257"
+ y="758.00214" />
+ </g>
+ </g>
+ <g
+ transform="translate(91.106717,-0.00212728)"
+ id="g4295-3-0"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ id="layer9-9-9"
+ inkscape:label="status"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-1"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer11-0-2"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer13-0-8"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer14-2-3"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <g
+ id="layer15-5-04"
+ inkscape:label="emblems"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-9"
+ inkscape:label="emotes"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-3"
+ inkscape:label="categories"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-2"
+ inkscape:label="actions"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-2"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-5"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-18"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="758.00214" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="g4559"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ id="path4520"
+ d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ id="rect4541"
+ d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ id="g4577"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ id="rect4563"
+ d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ sodipodi:nodetypes="cccc"
+ inkscape:connector-curvature="0"
+ id="rect4571"
+ d="m 117,2 7,7 -14,0 z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4687"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(0,18)"
+ id="g4687-5"
+ style="fill:#5294e2;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685-1"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(289.02527,-31)"
+ inkscape:label="Layer 1"
+ id="layer1-2"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path6400"
+ d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none;enable-background:new" />
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ inkscape:label="Calque 1"
+ id="layer1-5"
+ transform="translate(612.125,7.75)">
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z"
+ id="rect3836"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4644"
+ transform="translate(487,1.0062451)">
+ <g
+ id="layer1-8"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ id="path2397"
+ d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4662"
+ transform="translate(523,1.0000004)">
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss"
+ id="Symbol"
+ d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4698"
+ transform="translate(396.98917,1)">
+ <g
+ id="layer1-4"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc"
+ id="Symbol-7"
+ d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4716"
+ transform="translate(505,1)">
+ <g
+ id="layer1-1"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccc"
+ id="Symbol-6"
+ d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4680"
+ transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)">
+ <g
+ id="layer1-7"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:label="#path3766"
+ sodipodi:nodetypes="cscsccsccscsccssssc"
+ id="Symbol-8"
+ d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <path
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z"
+ id="rect4570"
+ inkscape:connector-curvature="0" />
+ <g
+ style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4575"
+ transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)">
+ <path
+ d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z"
+ id="path4580"
+ inkscape:connector-curvature="0"
+ style="fill:#afb8c5;fill-opacity:1" />
+ <path
+ d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z"
+ id="path4582"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs"
+ style="fill:#afb8c5;fill-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z"
+ id="path4643" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4650"
+ width="2"
+ height="5"
+ x="170"
+ y="4.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z"
+ id="rect4650-7" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695"
+ sodipodi:sides="5"
+ sodipodi:cx="135"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695-1"
+ sodipodi:sides="5"
+ sodipodi:cx="153.00044"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <g
+ id="g4739"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4733"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4735"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4737"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z"
+ id="rect4744"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" />
+ <g
+ id="g4297"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="633"
+ height="5.979197"
+ width="4"
+ id="rect4289"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="638"
+ height="5.979197"
+ width="7"
+ id="rect4291"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="642"
+ height="5"
+ width="3"
+ id="rect4293"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="633"
+ height="5"
+ width="8"
+ id="rect4295"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z"
+ id="rect4294" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4325"
+ width="10"
+ height="2"
+ x="544"
+ y="7.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <g
+ id="g4331"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="566"
+ height="10"
+ width="2"
+ id="rect4327"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="562"
+ height="2"
+ width="10"
+ id="rect4329"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4352"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ id="rect4294-9"
+ d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="6"
+ x="676"
+ height="7"
+ width="2"
+ id="rect4350"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z"
+ id="rect4356"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ id="g4388"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4365"
+ d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ inkscape:original-d="m 243.64645,3.3535534 4,4"
+ inkscape:path-effect="#path-effect4386-3"
+ id="path4384"
+ d="m 243.64645,3.3535534 4,4"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4396"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="578"
+ height="10"
+ width="10"
+ id="rect4392"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="ccccc"
+ inkscape:connector-curvature="0"
+ id="path4394"
+ d="m 588,7 4,-2 0,8 -4,-2 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4436"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4400"
+ d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407"
+ d="m 423,5 3,0 -3,-3 -3,3 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-0"
+ d="m 423,13 3,0 -3,3 -3,-3 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-4"
+ d="m 427,9 0,3 3,-3 -3,-3 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-1"
+ d="m 419,9 0,-3 -3,3 3,3 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4463"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443"
+ d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443-5"
+ d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z"
+ id="path4467" />
+ <g
+ id="g4503"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4503-2"
+ transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-7"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4-5"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1-3"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13-8"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z"
+ id="rect4356-9"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="g4734"
+ transform="translate(343,0.99999957)">
+ <g
+ id="layer1-92"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#afb8c5;fill-opacity:1">
+ <path
+ id="path3015"
+ d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z"
+ style="display:inline;fill:#afb8c5;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ id="g4377"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccc"
+ inkscape:connector-curvature="0"
+ id="path4766"
+ d="m 435,15 2,0 6,-6 -2,-2 -6,6 z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4768"
+ d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z"
+ id="rect4744-3" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z"
+ id="path4408" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z"
+ id="path4408-6" />
+ <g
+ id="g4497"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccsssssss"
+ inkscape:connector-curvature="0"
+ id="path4490"
+ d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <rect
+ ry="0.5"
+ rx="0.5"
+ y="14.5"
+ x="710"
+ height="1"
+ width="2"
+ id="rect4492"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4566"
+ transform="matrix(0,1,-1,0,247.2144,-263.81249)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-4"
+ d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-85-4"
+ d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ </g>
+ <g
+ id="g4668"
+ style="fill:#afb8c5;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4584"
+ d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="1"
+ y="3"
+ x="727"
+ height="12"
+ width="1"
+ id="rect4589"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="3"
+ x="730"
+ height="12"
+ width="1"
+ id="rect4589-8"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2568936"
+ x="724"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2998734"
+ x="733"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-4"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="4"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-8"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="13"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-2"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="10"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-9"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="7"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-22"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <circle
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4679"
+ cx="274"
+ cy="14"
+ r="2" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z"
+ id="path4683" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z"
+ id="path4688" />
+ <path
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z"
+ id="rect4708"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccc" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4711"
+ width="13"
+ height="2"
+ x="219"
+ y="3.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4713"
+ width="6"
+ height="3"
+ x="219"
+ y="2.9999995"
+ rx="1"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4979"
+ width="10"
+ height="10"
+ x="200.00009"
+ y="6"
+ rx="1"
+ ry="1" />
+ <ellipse
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4981"
+ cx="205.00009"
+ cy="3.625"
+ rx="2.0000014"
+ ry="1.625" />
+ <rect
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4983"
+ width="2"
+ height="3.6273403"
+ x="204.00009"
+ y="4"
+ rx="1"
+ ry="1" />
+ <g
+ id="g5003"
+ transform="matrix(0,1,-1.0333195,0,213.64476,-194)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <ellipse
+ ry="1.5"
+ rx="2.0000014"
+ cy="1.1550797"
+ cx="205"
+ id="path4981-3"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="0.9677549"
+ y="1.6550797"
+ x="204"
+ height="3.6273403"
+ width="2"
+ id="rect4983-7"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z"
+ id="path5021" />
+ <g
+ id="g5070"
+ style="fill:#afb8c5;fill-opacity:1">
+ <circle
+ r="7"
+ cy="9"
+ cx="9"
+ id="path5059"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect5061"
+ d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5066"
+ d="m 6,6 6,6"
+ style="fill:#afb8c5;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5068"
+ d="M 12,6 6,12"
+ style="fill:#afb8c5;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg
new file mode 100644
index 0000000..e7a83f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/alltabs.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="9"
+ height="7"
+ viewBox="0 0 9 7"
+ sodipodi:docname="alltabs.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6" />
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:zoom="32"
+ inkscape:cx="-1.2535023"
+ inkscape:cy="3.1550663"
+ inkscape:current-layer="svg2">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ </sodipodi:namedview>
+ <path
+ style="fill:#afb8c5;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+ d="M 1,1 8,1 4.4835443,5 Z"
+ id="path4142"
+ inkscape:connector-curvature="0" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png
new file mode 100644
index 0000000..802a873
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/new-tab.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg
new file mode 100644
index 0000000..1d4d745
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-arrow-left.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ viewBox="0 0 15 17"
+ height="17"
+ width="15"
+ version="1.1"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-arrow-left.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview18"
+ showgrid="true"
+ inkscape:zoom="23.235294"
+ inkscape:cx="9.3506329"
+ inkscape:cy="10.221519"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4145" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6" />
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="matrix(0.53737965,0,0,0.66501805,1.9938983,3.0134228)"
+ id="g4295">
+ <g
+ id="layer9"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#afb8c5;fill-opacity:1"
+ id="layer10"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#afb8c5;fill-opacity:1"
+ id="layer11"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#afb8c5;fill-opacity:1"
+ id="layer13"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#afb8c5;fill-opacity:1"
+ id="layer14"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer15"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12"
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ id="path6040"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ inkscape:connector-curvature="0" />
+ <rect
+ height="1"
+ id="rect6046"
+ rx="1.8608819"
+ ry="1.5037185"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="112.00065"
+ y="748.00073" />
+ <rect
+ height="1"
+ id="rect6050"
+ rx="1.8608819"
+ ry="1.5037185"
+ style="fill:#afb8c5;fill-opacity:1;stroke:none"
+ width="1"
+ x="112.00065"
+ y="759.00073" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg
new file mode 100644
index 0000000..eccc5e1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-active.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-active.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-9.3321424"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#5294e2;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#5294e2;fill-opacity:1">
+ <g
+ style="display:inline;fill:#5294e2;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#5294e2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg
new file mode 100644
index 0000000..c1a7b12
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-hover.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-hover.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-9.3321424"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#f37076;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#f37076;fill-opacity:1">
+ <g
+ style="display:inline;fill:#f37076;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#f37076;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg
new file mode 100644
index 0000000..36ab764
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close-inactive.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-inactive.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-3.6372275"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg
new file mode 100644
index 0000000..f9afd1e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-close.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-13.298244"
+ inkscape:cy="7.2933496"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#afb8c5;fill-opacity:1">
+ <g
+ style="display:inline;fill:#afb8c5;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#afb8c5;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg
new file mode 100644
index 0000000..36c4251
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end-hover.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="10.766271"
+ inkscape:cx="-9.9304967"
+ inkscape:cy="10.808825"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.5">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-27.999998"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-28.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="16"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg
new file mode 100644
index 0000000..7b0e1f8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-end.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="10.766271"
+ inkscape:cx="6.5561773"
+ inkscape:cy="10.808825"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-27.999998"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-28.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="16"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg
new file mode 100644
index 0000000..edd78fc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle-hover.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-middle-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="5.3831355"
+ inkscape:cx="-26.527046"
+ inkscape:cy="9.9647005"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4135"
+ style="opacity:0.5">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-6.999999"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-7.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg
new file mode 100644
index 0000000..9f94872
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-middle.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-middle.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="5.3831355"
+ inkscape:cx="6.4463018"
+ inkscape:cy="9.9647005"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-6.999999"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-7.5"
+ y="1.5"
+ ry="1" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png
new file mode 100644
index 0000000..aa8d701
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-overflow-indicator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg
new file mode 100644
index 0000000..0236837
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start-hover.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="7.6129032"
+ inkscape:cx="-10.453684"
+ inkscape:cy="11.931441"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.5">
+ <rect
+ ry="0.5"
+ y="2"
+ x="14"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="13.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="13"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg
new file mode 100644
index 0000000..6a280d5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/tabs/tab-start.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="7.6129032"
+ inkscape:cx="-10.453684"
+ inkscape:cy="11.931441"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#444852;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="14"
+ y="2"
+ ry="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1d2125;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="13.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#444852;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="13"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg
new file mode 100644
index 0000000..d794bdf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/toolbar-icons.svg
@@ -0,0 +1,1460 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="774"
+ height="36"
+ viewBox="0 0 774 36"
+ sodipodi:docname="toolbar-icons.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <inkscape:path-effect
+ effect="spiro"
+ id="path-effect4386-3"
+ is_visible="true" />
+ </defs>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ showguides="false"
+ inkscape:guide-bbox="true"
+ inkscape:zoom="2"
+ inkscape:cx="655.4002"
+ inkscape:cy="-12.158216"
+ inkscape:current-layer="layer2"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:object-nodes="true"
+ inkscape:snap-bbox-midpoints="true"
+ inkscape:snap-nodes="true"
+ inkscape:snap-global="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ <sodipodi:guide
+ position="18,27"
+ orientation="1,0"
+ id="guide4140" />
+ <sodipodi:guide
+ position="36,27"
+ orientation="1,0"
+ id="guide4144" />
+ <sodipodi:guide
+ position="54,27"
+ orientation="1,0"
+ id="guide4165" />
+ <sodipodi:guide
+ position="72,27"
+ orientation="1,0"
+ id="guide4167" />
+ <sodipodi:guide
+ position="90,27"
+ orientation="1,0"
+ id="guide4169" />
+ <sodipodi:guide
+ position="108,27"
+ orientation="1,0"
+ id="guide4171" />
+ <sodipodi:guide
+ position="126,27"
+ orientation="1,0"
+ id="guide4173" />
+ <sodipodi:guide
+ position="144,26"
+ orientation="1,0"
+ id="guide4175" />
+ <sodipodi:guide
+ position="162,26"
+ orientation="1,0"
+ id="guide4177" />
+ <sodipodi:guide
+ position="180,26"
+ orientation="1,0"
+ id="guide4179" />
+ <sodipodi:guide
+ position="198,26"
+ orientation="1,0"
+ id="guide4181" />
+ <sodipodi:guide
+ position="216,26"
+ orientation="1,0"
+ id="guide4183" />
+ <sodipodi:guide
+ position="234,26"
+ orientation="1,0"
+ id="guide4185" />
+ <sodipodi:guide
+ position="252,26"
+ orientation="1,0"
+ id="guide4187" />
+ <sodipodi:guide
+ position="270,27"
+ orientation="1,0"
+ id="guide4189" />
+ <sodipodi:guide
+ position="288,27"
+ orientation="1,0"
+ id="guide4191" />
+ <sodipodi:guide
+ position="306,27"
+ orientation="1,0"
+ id="guide4193" />
+ <sodipodi:guide
+ position="324,27"
+ orientation="1,0"
+ id="guide4195" />
+ <sodipodi:guide
+ position="342,27"
+ orientation="1,0"
+ id="guide4197" />
+ <sodipodi:guide
+ position="360,27"
+ orientation="1,0"
+ id="guide4199" />
+ <sodipodi:guide
+ position="378,27"
+ orientation="1,0"
+ id="guide4201" />
+ <sodipodi:guide
+ position="396,27"
+ orientation="1,0"
+ id="guide4203" />
+ <sodipodi:guide
+ position="414,27"
+ orientation="1,0"
+ id="guide4205" />
+ <sodipodi:guide
+ position="432,27"
+ orientation="1,0"
+ id="guide4207" />
+ <sodipodi:guide
+ position="450,27"
+ orientation="1,0"
+ id="guide4209" />
+ <sodipodi:guide
+ position="468,27"
+ orientation="1,0"
+ id="guide4211" />
+ <sodipodi:guide
+ position="486,27"
+ orientation="1,0"
+ id="guide4213" />
+ <sodipodi:guide
+ position="504,27"
+ orientation="1,0"
+ id="guide4215" />
+ <sodipodi:guide
+ position="522,27"
+ orientation="1,0"
+ id="guide4217" />
+ <sodipodi:guide
+ position="540,27"
+ orientation="1,0"
+ id="guide4219" />
+ <sodipodi:guide
+ position="558,27"
+ orientation="1,0"
+ id="guide4221" />
+ <sodipodi:guide
+ position="576,27"
+ orientation="1,0"
+ id="guide4223" />
+ <sodipodi:guide
+ position="594,27"
+ orientation="1,0"
+ id="guide4225" />
+ <sodipodi:guide
+ position="612,27"
+ orientation="1,0"
+ id="guide4227" />
+ <sodipodi:guide
+ position="630,27"
+ orientation="1,0"
+ id="guide4229" />
+ <sodipodi:guide
+ position="648,27"
+ orientation="1,0"
+ id="guide4231" />
+ <sodipodi:guide
+ position="666,27"
+ orientation="1,0"
+ id="guide4233" />
+ <sodipodi:guide
+ position="684,27"
+ orientation="1,0"
+ id="guide4235" />
+ <sodipodi:guide
+ position="702,27"
+ orientation="1,0"
+ id="guide4237" />
+ <sodipodi:guide
+ position="720,27"
+ orientation="1,0"
+ id="guide4239" />
+ <sodipodi:guide
+ position="738,27"
+ orientation="1,0"
+ id="guide4241" />
+ <sodipodi:guide
+ position="756,27"
+ orientation="1,0"
+ id="guide4243" />
+ <sodipodi:guide
+ position="0,18"
+ orientation="0,1"
+ id="guide4245" />
+ <sodipodi:guide
+ position="59.720667,21.020803"
+ orientation="0,1"
+ id="guide4691" />
+ <sodipodi:guide
+ position="63,33"
+ orientation="0,1"
+ id="guide4693" />
+ <sodipodi:guide
+ position="450,18"
+ orientation="1,0"
+ id="guide4716" />
+ </sodipodi:namedview>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer 2"
+ style="display:inline">
+ <g
+ id="g4295"
+ transform="translate(17.984,-0.01700159)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-3"
+ transform="matrix(-1,0,0,1,72.037527,0.01274702)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-2"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-0"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-0"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-2"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-0">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-6"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-0"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-1"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-7"
+ transform="translate(35.962473,0.01274702)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-6"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-3"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-4"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-3"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-9">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-68"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-3"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-4"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4492"
+ transform="matrix(0.98812264,0,0,1,2.0927143,0)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ transform="matrix(-1,0,0,1,105.03753,-0.00212728)"
+ id="g4295-3-4"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ id="layer9-9-7"
+ inkscape:label="status"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-8"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer11-0-6"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer13-0-0"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer14-2-8"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer15-5-0"
+ inkscape:label="emblems"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-3"
+ inkscape:label="emotes"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-0"
+ inkscape:label="categories"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-4"
+ inkscape:label="actions"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-8"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-3"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-1"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.0257"
+ y="758.00214" />
+ </g>
+ </g>
+ <g
+ transform="translate(91.106717,-0.00212728)"
+ id="g4295-3-0"
+ style="fill:#d3dae3;fill-opacity:1">
+ <g
+ id="layer9-9-9"
+ inkscape:label="status"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-1"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer11-0-2"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer13-0-8"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer14-2-3"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <g
+ id="layer15-5-04"
+ inkscape:label="emblems"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-9"
+ inkscape:label="emotes"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-3"
+ inkscape:label="categories"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-2"
+ inkscape:label="actions"
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-2"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-5"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-18"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#d3dae3;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="758.00214" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="g4559"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ id="path4520"
+ d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ id="rect4541"
+ d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ id="g4577"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ id="rect4563"
+ d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ sodipodi:nodetypes="cccc"
+ inkscape:connector-curvature="0"
+ id="rect4571"
+ d="m 117,2 7,7 -14,0 z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4687"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(0,18)"
+ id="g4687-5"
+ style="fill:#5294e2;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685-1"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(289.02527,-31)"
+ inkscape:label="Layer 1"
+ id="layer1-2"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path6400"
+ d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none;enable-background:new" />
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ inkscape:label="Calque 1"
+ id="layer1-5"
+ transform="translate(612.125,7.75)">
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z"
+ id="rect3836"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4644"
+ transform="translate(487,1.0062451)">
+ <g
+ id="layer1-8"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ id="path2397"
+ d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4662"
+ transform="translate(523,1.0000004)">
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss"
+ id="Symbol"
+ d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4698"
+ transform="translate(396.98917,1)">
+ <g
+ id="layer1-4"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc"
+ id="Symbol-7"
+ d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4716"
+ transform="translate(505,1)">
+ <g
+ id="layer1-1"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccc"
+ id="Symbol-6"
+ d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4680"
+ transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)">
+ <g
+ id="layer1-7"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ inkscape:label="#path3766"
+ sodipodi:nodetypes="cscsccsccscsccssssc"
+ id="Symbol-8"
+ d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z"
+ id="rect4570"
+ inkscape:connector-curvature="0" />
+ <g
+ style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4575"
+ transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)">
+ <path
+ d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z"
+ id="path4580"
+ inkscape:connector-curvature="0"
+ style="fill:#d3dae3;fill-opacity:1" />
+ <path
+ d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z"
+ id="path4582"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs"
+ style="fill:#d3dae3;fill-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z"
+ id="path4643" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4650"
+ width="2"
+ height="5"
+ x="170"
+ y="4.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z"
+ id="rect4650-7" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695"
+ sodipodi:sides="5"
+ sodipodi:cx="135"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695-1"
+ sodipodi:sides="5"
+ sodipodi:cx="153.00044"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <g
+ id="g4739"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4733"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4735"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4737"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z"
+ id="rect4744"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" />
+ <g
+ id="g4297"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="633"
+ height="5.979197"
+ width="4"
+ id="rect4289"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="638"
+ height="5.979197"
+ width="7"
+ id="rect4291"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="642"
+ height="5"
+ width="3"
+ id="rect4293"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="633"
+ height="5"
+ width="8"
+ id="rect4295"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z"
+ id="rect4294" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4325"
+ width="10"
+ height="2"
+ x="544"
+ y="7.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <g
+ id="g4331"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="566"
+ height="10"
+ width="2"
+ id="rect4327"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="562"
+ height="2"
+ width="10"
+ id="rect4329"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4352"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ id="rect4294-9"
+ d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="6"
+ x="676"
+ height="7"
+ width="2"
+ id="rect4350"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z"
+ id="rect4356"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ id="g4388"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 238 3 L 238 3.9003906 L 238 14.099609 L 238 15 L 248 15 L 248 14.099609 L 248 7 L 244 3 L 238 3 z M 244 4.4140625 L 246.58594 7 L 244 7 L 244 6.0996094 L 244 4.4140625 z "
+ id="rect4365" />
+ </g>
+ <g
+ id="g4396"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="578"
+ height="10"
+ width="10"
+ id="rect4392"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="ccccc"
+ inkscape:connector-curvature="0"
+ id="path4394"
+ d="m 588,7 4,-2 0,8 -4,-2 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4436"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4400"
+ d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407"
+ d="m 423,5 3,0 -3,-3 -3,3 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-0"
+ d="m 423,13 3,0 -3,3 -3,-3 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-4"
+ d="m 427,9 0,3 3,-3 -3,-3 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-1"
+ d="m 419,9 0,-3 -3,3 3,3 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4463"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443"
+ d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443-5"
+ d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z"
+ id="path4467" />
+ <g
+ id="g4503"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4503-2"
+ transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-7"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4-5"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1-3"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13-8"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z"
+ id="rect4356-9"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ style="display:inline;fill:#d3dae3;fill-opacity:1"
+ id="g4734"
+ transform="translate(343,0.99999957)">
+ <g
+ id="layer1-92"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#d3dae3;fill-opacity:1">
+ <path
+ id="path3015"
+ d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z"
+ style="display:inline;fill:#d3dae3;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ id="g4377"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccc"
+ inkscape:connector-curvature="0"
+ id="path4766"
+ d="m 435,15 2,0 6,-6 -2,-2 -6,6 z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4768"
+ d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z"
+ id="rect4744-3" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z"
+ id="path4408" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z"
+ id="path4408-6" />
+ <g
+ id="g4497"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccsssssss"
+ inkscape:connector-curvature="0"
+ id="path4490"
+ d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <rect
+ ry="0.5"
+ rx="0.5"
+ y="14.5"
+ x="710"
+ height="1"
+ width="2"
+ id="rect4492"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4566"
+ transform="matrix(0,1,-1,0,247.2144,-263.81249)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-4"
+ d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-85-4"
+ d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#d3dae3;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ </g>
+ <g
+ id="g4668"
+ style="fill:#d3dae3;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4584"
+ d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="1"
+ y="3"
+ x="727"
+ height="12"
+ width="1"
+ id="rect4589"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="3"
+ x="730"
+ height="12"
+ width="1"
+ id="rect4589-8"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2568936"
+ x="724"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2998734"
+ x="733"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-4"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="4"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-8"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="13"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-2"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="10"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-9"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="7"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-22"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <circle
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4679"
+ cx="274"
+ cy="14"
+ r="2" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z"
+ id="path4683" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z"
+ id="path4688" />
+ <path
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z"
+ id="rect4708"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccc" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4711"
+ width="13"
+ height="2"
+ x="219"
+ y="3.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4713"
+ width="6"
+ height="3"
+ x="219"
+ y="2.9999995"
+ rx="1"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4979"
+ width="10"
+ height="10"
+ x="200.00009"
+ y="6"
+ rx="1"
+ ry="1" />
+ <ellipse
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4981"
+ cx="205.00009"
+ cy="3.625"
+ rx="2.0000014"
+ ry="1.625" />
+ <rect
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4983"
+ width="2"
+ height="3.6273403"
+ x="204.00009"
+ y="4"
+ rx="1"
+ ry="1" />
+ <g
+ id="g5003"
+ transform="matrix(0,1,-1.0333195,0,213.64476,-194)"
+ style="fill:#d3dae3;fill-opacity:1">
+ <ellipse
+ ry="1.5"
+ rx="2.0000014"
+ cy="1.1550797"
+ cx="205"
+ id="path4981-3"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="0.9677549"
+ y="1.6550797"
+ x="204"
+ height="3.6273403"
+ width="2"
+ id="rect4983-7"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:#d3dae3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z"
+ id="path5021" />
+ <g
+ id="g5070"
+ style="fill:#d3dae3;fill-opacity:1">
+ <circle
+ r="7"
+ cy="9"
+ cx="9"
+ id="path5059"
+ style="opacity:1;fill:#d3dae3;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect5061"
+ d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5066"
+ d="m 6,6 6,6"
+ style="fill:#d3dae3;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5068"
+ d="M 12,6 6,12"
+ style="fill:#d3dae3;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg
new file mode 100644
index 0000000..b496683
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close-dark"
+ inkscape:label="#g6210"
+ transform="translate(-641.00002,1218)">
+ <g
+ id="g4927-9-2-8"
+ style="display:inline;opacity:1"
+ transform="translate(-678,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-5-2-5-3">
+ <g
+ id="g4092-0-2-21-0-9-7"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#e45e65;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-5-8" />
+ </g>
+ </g>
+ <g
+ id="g4778-2-68-8-7"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-4-4-1-1"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-1-8-0-4"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-4-9-6-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-76-5-96-3"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-5-7-9-4"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-9-5-6-3"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-2-2-7-9"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-6-11-3-1"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-0-33-2-4"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-3-0-6-6"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="645"
+ height="16"
+ width="16"
+ id="rect17883-39-99-8"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg
new file mode 100644
index 0000000..748830f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_prelight.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close-hover-dark"
+ inkscape:label="#g6260"
+ transform="translate(-538,1218)">
+ <g
+ id="g4927-97-4"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-9-1-3">
+ <g
+ id="g4092-0-2-3-4-6"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#f48085;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-8-2-3" />
+ </g>
+ </g>
+ <g
+ id="g4778-4-0-2"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-44-1-6"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-9-3-3"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-3-1-7"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-9-3-3"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-7-1-2"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-3-3-7"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-5-0-4"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-02-1-6"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-7-9-6"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-4-7-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="542"
+ height="16"
+ width="16"
+ id="rect17883-5-4-2"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg
new file mode 100644
index 0000000..1a7cdfd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/close_pressed.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close-active-dark"
+ inkscape:label="#g6332"
+ transform="translate(-437,1218)">
+ <g
+ id="g4927-8-7-4-9"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-3-7-46-6">
+ <g
+ id="g4092-0-2-2-1-7-2"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#e6262f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-4-9-7-6" />
+ </g>
+ </g>
+ <g
+ id="g4778-3-6-0-5"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-6-0-90-6"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-3-6-6-1"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-2-2-6-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-7-0-2-0"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-6-3-5-2"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-4-1-7-0"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-8-7-6-8"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-0-2-8-3"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-4-0-5-8"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-5-0-0-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="441"
+ height="16"
+ width="16"
+ id="rect17883-02-4-3"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg
new file mode 100644
index 0000000..057ecc7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max-dark"
+ inkscape:label="#g6234"
+ transform="translate(-612,1218)">
+ <ellipse
+ cy="-177.63782"
+ cx="624"
+ style="display:inline;opacity:0.85;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-6-0-6"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:0.95;fill:#181b1f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 624,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-2-0-6"
+ inkscape:connector-curvature="0" />
+ <g
+ id="g7146-16-4"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-29,0)"
+ style="display:inline;opacity:1"
+ id="g4490-2-96-8-9">
+ <g
+ id="g4092-0-6-83-7-4"
+ style="display:inline"
+ transform="translate(58,0)" />
+ </g>
+ <path
+ id="path4293-5-95-1-7"
+ style="display:inline;opacity:0.8;fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ d="m 1403.7995,252 3.3818,0 c 0.4503,0 0.8162,0.36847 0.8187,0.8188 l 0,3.3817 z m 2.4074,6.00692 -3.395,0 c -0.4504,0 -0.8188,-0.36842 -0.8188,-0.81875 l 0,-3.39509 4.2138,4.21384"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="csscccsscc" />
+ </g>
+ <rect
+ y="-185.63782"
+ x="616"
+ height="16"
+ width="16"
+ id="rect17883-29-2-2"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg
new file mode 100644
index 0000000..6a420b9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_prelight.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max-hover-dark"
+ inkscape:label="#g6284"
+ transform="translate(-509,1218)">
+ <g
+ id="g4891-5-8"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <ellipse
+ cy="255"
+ cx="1302"
+ style="display:inline;opacity:0.9;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-4-6-6"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 1302,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-78-2-6"
+ inkscape:connector-curvature="0" />
+ <g
+ id="g4806-9-0-6"
+ transform="translate(1294,247)"
+ style="fill:#c0e3ff;fill-opacity:1">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-78-7-6-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-3-3-2-7"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-19-75-1-2"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-4-9-2-3"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-8-5-0-4"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5-8-0-4" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1-7-5-9" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-7-1-4-1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-3-0-0-6">
+ <path
+ sodipodi:nodetypes="csscccsscc"
+ inkscape:connector-curvature="0"
+ d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
+ style="opacity:1;fill:#afb8c5;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="path4293-6-7-1" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="513"
+ height="16"
+ width="16"
+ id="rect17883-0-1-5"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg
new file mode 100644
index 0000000..326ae8d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/maximize_pressed.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max-active-dark"
+ inkscape:label="#g6356"
+ transform="translate(-408,1218)">
+ <g
+ id="g4891-4-5-5"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-132,0)"
+ style="display:inline;opacity:1"
+ id="g4490-2-9-1-2-4-8">
+ <g
+ id="g4092-0-6-3-6-8-3-7"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-6-5-1-6-6-0" />
+ </g>
+ </g>
+ <g
+ id="g4806-5-2-2-9"
+ transform="translate(1294,247)"
+ style="fill:#c0e3ff;fill-opacity:1">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-78-2-0-0-8" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-3-9-9-51-2"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-19-7-6-4-7"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-4-7-4-0-9"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-8-9-7-6-0"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5-4-2-4-4" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1-4-6-4-2" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-7-0-8-22-2" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-3-7-2-3-1">
+ <path
+ sodipodi:nodetypes="csscccsscc"
+ inkscape:connector-curvature="0"
+ d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="path4293-4-9-0-2" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="412"
+ height="16"
+ width="16"
+ id="rect17883-79-3-0"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg
new file mode 100644
index 0000000..45ae2cb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min-dark"
+ inkscape:label="#g6247"
+ transform="translate(-583.00002,1218)">
+ <ellipse
+ cy="-177.63782"
+ cx="595"
+ style="display:inline;opacity:0.85;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-47-2"
+ rx="6"
+ ry="6.0000005" />
+ <g
+ id="g7138-6-5"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-58,0)"
+ style="display:inline;opacity:1"
+ id="g4490-3-75-4-7">
+ <g
+ id="g4092-0-7-0-4-9"
+ style="display:inline"
+ transform="translate(58,0)" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ d="m 1373,254 0,2 6,0 0,-2 z"
+ id="rect9057-4-3-8-5"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.8;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="ccccc" />
+ </g>
+ <rect
+ y="-185.63782"
+ x="587"
+ height="16"
+ width="16"
+ id="rect17883-32-6-9"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ <path
+ style="display:inline;opacity:0.95;fill:#181b1f;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 595,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-3-9"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg
new file mode 100644
index 0000000..5c12c91
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_prelight.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize_focused_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min-hover-dark"
+ inkscape:label="#g6308"
+ transform="translate(-480,1218)">
+ <g
+ id="g4909-3-7"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <ellipse
+ cy="255"
+ cx="1273"
+ style="display:inline;opacity:0.9;fill:#262a30;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-1-6-1"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 1273,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-23-4-3"
+ inkscape:connector-curvature="0" />
+ <g
+ style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1"
+ id="g4834-0-4-5"
+ transform="translate(1265,247)">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-3-4-15-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-4-1-8-3"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-2-6-4-9"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-5-4-8-0"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-6-0-8-2"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-52-1-7-5" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-3-9-9-9" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-8-2-7-8" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-45-6-2-7">
+ <path
+ sodipodi:nodetypes="ccccc"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#afb8c5;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="rect9057-8-2-3"
+ d="m 86.0002,974 0,2 6,0 0,-2 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="484"
+ height="16"
+ width="16"
+ id="rect17883-11-4-0"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg
new file mode 100644
index 0000000..be0af55
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/dark/window-controls/minimize_pressed.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize_focused_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1889683"
+ inkscape:cy="9.2440344"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min-active-dark"
+ inkscape:label="#g6414"
+ transform="translate(-379,1218)">
+ <g
+ id="g4909-1-2-0"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-161,0)"
+ style="display:inline;opacity:1"
+ id="g4490-3-6-1-4-1-6">
+ <g
+ id="g4092-0-7-2-0-0-94-2"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-3-0-3-6-8-3" />
+ </g>
+ </g>
+ <g
+ style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1"
+ id="g4834-9-3-8-5"
+ transform="translate(1265,247)">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-3-9-1-0-4" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-4-0-5-8-5"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-2-5-2-6-8"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-5-7-4-2-5"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-6-2-3-2-9"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-52-0-6-6-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-3-4-6-0-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-8-6-8-7-4" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-45-3-7-96-7">
+ <path
+ sodipodi:nodetypes="ccccc"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="rect9057-3-5-1-1"
+ d="m 86.0002,974 0,2 6,0 0,-2 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <rect
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+ id="rect17883-79-9-2-2"
+ width="16"
+ height="16"
+ x="383"
+ y="-185.63782" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg
new file mode 100644
index 0000000..38f87d1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end-hover.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="7.6129032"
+ inkscape:cx="-33.477659"
+ inkscape:cy="-1.6586208"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.6">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-27.999998"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-28.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="16"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg
new file mode 100644
index 0000000..52289a9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-end.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="7.6129032"
+ inkscape:cx="-10.161981"
+ inkscape:cy="-1.6586208"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-27.999998"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-28.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="16"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg
new file mode 100644
index 0000000..b0ab57b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle-hover.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-middle-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="5.3831355"
+ inkscape:cx="-28.628627"
+ inkscape:cy="1.6393505"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4135"
+ style="opacity:0.6">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-6.999999"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-7.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg
new file mode 100644
index 0000000..91ae573
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-middle.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-middle.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="21.532542"
+ inkscape:cx="8.110082"
+ inkscape:cy="30.597364"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-6.999999"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-7.5"
+ y="1.5"
+ ry="1" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg
new file mode 100644
index 0000000..6715867
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start-hover.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="10.766271"
+ inkscape:cx="-2.4351641"
+ inkscape:cy="3.8082735"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.60000004">
+ <rect
+ ry="0.5"
+ y="2"
+ x="14"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981;opacity:0.25" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="13.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="13"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg
new file mode 100644
index 0000000..9e33abc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/darker/tabs/tab-start.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="10.766271"
+ inkscape:cx="-2.4351641"
+ inkscape:cy="3.8082735"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="14"
+ y="2"
+ ry="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#1f2226;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="13.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="13"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg
new file mode 100644
index 0000000..548d974
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabbar-icons.svg
@@ -0,0 +1,1468 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="774"
+ height="36"
+ viewBox="0 0 774 36"
+ sodipodi:docname="tabbar-icons.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <inkscape:path-effect
+ effect="spiro"
+ id="path-effect4386-3"
+ is_visible="true" />
+ </defs>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ showguides="false"
+ inkscape:guide-bbox="true"
+ inkscape:zoom="11.313708"
+ inkscape:cx="23.557359"
+ inkscape:cy="23.773956"
+ inkscape:current-layer="layer2"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:object-nodes="true"
+ inkscape:snap-bbox-midpoints="true"
+ inkscape:snap-nodes="true"
+ inkscape:snap-global="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ <sodipodi:guide
+ position="18,27"
+ orientation="1,0"
+ id="guide4140" />
+ <sodipodi:guide
+ position="36,27"
+ orientation="1,0"
+ id="guide4144" />
+ <sodipodi:guide
+ position="54,27"
+ orientation="1,0"
+ id="guide4165" />
+ <sodipodi:guide
+ position="72,27"
+ orientation="1,0"
+ id="guide4167" />
+ <sodipodi:guide
+ position="90,27"
+ orientation="1,0"
+ id="guide4169" />
+ <sodipodi:guide
+ position="108,27"
+ orientation="1,0"
+ id="guide4171" />
+ <sodipodi:guide
+ position="126,27"
+ orientation="1,0"
+ id="guide4173" />
+ <sodipodi:guide
+ position="144,26"
+ orientation="1,0"
+ id="guide4175" />
+ <sodipodi:guide
+ position="162,26"
+ orientation="1,0"
+ id="guide4177" />
+ <sodipodi:guide
+ position="180,26"
+ orientation="1,0"
+ id="guide4179" />
+ <sodipodi:guide
+ position="198,26"
+ orientation="1,0"
+ id="guide4181" />
+ <sodipodi:guide
+ position="216,26"
+ orientation="1,0"
+ id="guide4183" />
+ <sodipodi:guide
+ position="234,26"
+ orientation="1,0"
+ id="guide4185" />
+ <sodipodi:guide
+ position="252,26"
+ orientation="1,0"
+ id="guide4187" />
+ <sodipodi:guide
+ position="270,27"
+ orientation="1,0"
+ id="guide4189" />
+ <sodipodi:guide
+ position="288,27"
+ orientation="1,0"
+ id="guide4191" />
+ <sodipodi:guide
+ position="306,27"
+ orientation="1,0"
+ id="guide4193" />
+ <sodipodi:guide
+ position="324,27"
+ orientation="1,0"
+ id="guide4195" />
+ <sodipodi:guide
+ position="342,27"
+ orientation="1,0"
+ id="guide4197" />
+ <sodipodi:guide
+ position="360,27"
+ orientation="1,0"
+ id="guide4199" />
+ <sodipodi:guide
+ position="378,27"
+ orientation="1,0"
+ id="guide4201" />
+ <sodipodi:guide
+ position="396,27"
+ orientation="1,0"
+ id="guide4203" />
+ <sodipodi:guide
+ position="414,27"
+ orientation="1,0"
+ id="guide4205" />
+ <sodipodi:guide
+ position="432,27"
+ orientation="1,0"
+ id="guide4207" />
+ <sodipodi:guide
+ position="450,27"
+ orientation="1,0"
+ id="guide4209" />
+ <sodipodi:guide
+ position="468,27"
+ orientation="1,0"
+ id="guide4211" />
+ <sodipodi:guide
+ position="486,27"
+ orientation="1,0"
+ id="guide4213" />
+ <sodipodi:guide
+ position="504,27"
+ orientation="1,0"
+ id="guide4215" />
+ <sodipodi:guide
+ position="522,27"
+ orientation="1,0"
+ id="guide4217" />
+ <sodipodi:guide
+ position="540,27"
+ orientation="1,0"
+ id="guide4219" />
+ <sodipodi:guide
+ position="558,27"
+ orientation="1,0"
+ id="guide4221" />
+ <sodipodi:guide
+ position="576,27"
+ orientation="1,0"
+ id="guide4223" />
+ <sodipodi:guide
+ position="594,27"
+ orientation="1,0"
+ id="guide4225" />
+ <sodipodi:guide
+ position="612,27"
+ orientation="1,0"
+ id="guide4227" />
+ <sodipodi:guide
+ position="630,27"
+ orientation="1,0"
+ id="guide4229" />
+ <sodipodi:guide
+ position="648,27"
+ orientation="1,0"
+ id="guide4231" />
+ <sodipodi:guide
+ position="666,27"
+ orientation="1,0"
+ id="guide4233" />
+ <sodipodi:guide
+ position="684,27"
+ orientation="1,0"
+ id="guide4235" />
+ <sodipodi:guide
+ position="702,27"
+ orientation="1,0"
+ id="guide4237" />
+ <sodipodi:guide
+ position="720,27"
+ orientation="1,0"
+ id="guide4239" />
+ <sodipodi:guide
+ position="738,27"
+ orientation="1,0"
+ id="guide4241" />
+ <sodipodi:guide
+ position="756,27"
+ orientation="1,0"
+ id="guide4243" />
+ <sodipodi:guide
+ position="0,18"
+ orientation="0,1"
+ id="guide4245" />
+ <sodipodi:guide
+ position="59.720667,21.020803"
+ orientation="0,1"
+ id="guide4691" />
+ <sodipodi:guide
+ position="63,33"
+ orientation="0,1"
+ id="guide4693" />
+ <sodipodi:guide
+ position="450,18"
+ orientation="1,0"
+ id="guide4716" />
+ </sodipodi:namedview>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer 2"
+ style="display:inline">
+ <g
+ id="g4295"
+ transform="translate(17.984,-0.01700159)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-3"
+ transform="matrix(-1,0,0,1,72.037527,0.01274702)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-2"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-0"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-0"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-2"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-0">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-6"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-0"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-1"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-7"
+ transform="translate(35.962473,0.01274702)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-6"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-3"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-4"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-3"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-9">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-68"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-3"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-4"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4492"
+ transform="matrix(0.98812264,0,0,1,2.0927143,0)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ transform="matrix(-1,0,0,1,105.03753,-0.00212728)"
+ id="g4295-3-4"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ id="layer9-9-7"
+ inkscape:label="status"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-8"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer11-0-6"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer13-0-0"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer14-2-8"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer15-5-0"
+ inkscape:label="emblems"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-3"
+ inkscape:label="emotes"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-0"
+ inkscape:label="categories"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-4"
+ inkscape:label="actions"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-8"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-3"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-1"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.0257"
+ y="758.00214" />
+ </g>
+ </g>
+ <g
+ transform="translate(91.106717,-0.00212728)"
+ id="g4295-3-0"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ id="layer9-9-9"
+ inkscape:label="status"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-1"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer11-0-2"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer13-0-8"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer14-2-3"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#70788d;fill-opacity:1" />
+ <g
+ id="layer15-5-04"
+ inkscape:label="emblems"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-9"
+ inkscape:label="emotes"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-3"
+ inkscape:label="categories"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-2"
+ inkscape:label="actions"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-2"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-5"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-18"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="758.00214" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="g4559"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ id="path4520"
+ d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ id="rect4541"
+ d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ id="g4577"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ id="rect4563"
+ d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ sodipodi:nodetypes="cccc"
+ inkscape:connector-curvature="0"
+ id="rect4571"
+ d="m 117,2 7,7 -14,0 z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4687"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(0,18)"
+ id="g4687-5"
+ style="fill:#5294e2;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685-1"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(289.02527,-31)"
+ inkscape:label="Layer 1"
+ id="layer1-2"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path6400"
+ d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none;enable-background:new" />
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ inkscape:label="Calque 1"
+ id="layer1-5"
+ transform="translate(612.125,7.75)">
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z"
+ id="rect3836"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4644"
+ transform="translate(487,1.0062451)">
+ <g
+ id="layer1-8"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ id="path2397"
+ d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4662"
+ transform="translate(523,1.0000004)">
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss"
+ id="Symbol"
+ d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4698"
+ transform="translate(396.98917,1)">
+ <g
+ id="layer1-4"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc"
+ id="Symbol-7"
+ d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4716"
+ transform="translate(505,1)">
+ <g
+ id="layer1-1"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccc"
+ id="Symbol-6"
+ d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4680"
+ transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)">
+ <g
+ id="layer1-7"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:label="#path3766"
+ sodipodi:nodetypes="cscsccsccscsccssssc"
+ id="Symbol-8"
+ d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <path
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z"
+ id="rect4570"
+ inkscape:connector-curvature="0" />
+ <g
+ style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4575"
+ transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)">
+ <path
+ d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z"
+ id="path4580"
+ inkscape:connector-curvature="0"
+ style="fill:#70788d;fill-opacity:1" />
+ <path
+ d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z"
+ id="path4582"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs"
+ style="fill:#70788d;fill-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z"
+ id="path4643" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4650"
+ width="2"
+ height="5"
+ x="170"
+ y="4.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z"
+ id="rect4650-7" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695"
+ sodipodi:sides="5"
+ sodipodi:cx="135"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695-1"
+ sodipodi:sides="5"
+ sodipodi:cx="153.00044"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <g
+ id="g4739"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4733"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4735"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4737"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z"
+ id="rect4744"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" />
+ <g
+ id="g4297"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="633"
+ height="5.979197"
+ width="4"
+ id="rect4289"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="638"
+ height="5.979197"
+ width="7"
+ id="rect4291"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="642"
+ height="5"
+ width="3"
+ id="rect4293"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="633"
+ height="5"
+ width="8"
+ id="rect4295"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z"
+ id="rect4294" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4325"
+ width="10"
+ height="2"
+ x="544"
+ y="7.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <g
+ id="g4331"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="566"
+ height="10"
+ width="2"
+ id="rect4327"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="562"
+ height="2"
+ width="10"
+ id="rect4329"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4352"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ id="rect4294-9"
+ d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="6"
+ x="676"
+ height="7"
+ width="2"
+ id="rect4350"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z"
+ id="rect4356"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ id="g4388"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4365"
+ d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ inkscape:original-d="m 243.64645,3.3535534 4,4"
+ inkscape:path-effect="#path-effect4386-3"
+ id="path4384"
+ d="m 243.64645,3.3535534 4,4"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4396"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="578"
+ height="10"
+ width="10"
+ id="rect4392"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="ccccc"
+ inkscape:connector-curvature="0"
+ id="path4394"
+ d="m 588,7 4,-2 0,8 -4,-2 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4436"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4400"
+ d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407"
+ d="m 423,5 3,0 -3,-3 -3,3 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-0"
+ d="m 423,13 3,0 -3,3 -3,-3 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-4"
+ d="m 427,9 0,3 3,-3 -3,-3 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-1"
+ d="m 419,9 0,-3 -3,3 3,3 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4463"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443"
+ d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443-5"
+ d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z"
+ id="path4467" />
+ <g
+ id="g4503"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4503-2"
+ transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)"
+ style="fill:#70788d;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-7"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4-5"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1-3"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13-8"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z"
+ id="rect4356-9"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="g4734"
+ transform="translate(343,0.99999957)">
+ <g
+ id="layer1-92"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#70788d;fill-opacity:1">
+ <path
+ id="path3015"
+ d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z"
+ style="display:inline;fill:#70788d;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ id="g4377"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccc"
+ inkscape:connector-curvature="0"
+ id="path4766"
+ d="m 435,15 2,0 6,-6 -2,-2 -6,6 z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4768"
+ d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z"
+ id="rect4744-3" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z"
+ id="path4408" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z"
+ id="path4408-6" />
+ <g
+ id="g4497"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccsssssss"
+ inkscape:connector-curvature="0"
+ id="path4490"
+ d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <rect
+ ry="0.5"
+ rx="0.5"
+ y="14.5"
+ x="710"
+ height="1"
+ width="2"
+ id="rect4492"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4566"
+ transform="matrix(0,1,-1,0,247.2144,-263.81249)"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-4"
+ d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-85-4"
+ d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ </g>
+ <g
+ id="g4668"
+ style="fill:#70788d;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4584"
+ d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="1"
+ y="3"
+ x="727"
+ height="12"
+ width="1"
+ id="rect4589"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="3"
+ x="730"
+ height="12"
+ width="1"
+ id="rect4589-8"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2568936"
+ x="724"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2998734"
+ x="733"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-4"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="4"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-8"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="13"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-2"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="10"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-9"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="7"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-22"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <circle
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4679"
+ cx="274"
+ cy="14"
+ r="2" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z"
+ id="path4683" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z"
+ id="path4688" />
+ <path
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z"
+ id="rect4708"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccc" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4711"
+ width="13"
+ height="2"
+ x="219"
+ y="3.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4713"
+ width="6"
+ height="3"
+ x="219"
+ y="2.9999995"
+ rx="1"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4979"
+ width="10"
+ height="10"
+ x="200.00009"
+ y="6"
+ rx="1"
+ ry="1" />
+ <ellipse
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4981"
+ cx="205.00009"
+ cy="3.625"
+ rx="2.0000014"
+ ry="1.625" />
+ <rect
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4983"
+ width="2"
+ height="3.6273403"
+ x="204.00009"
+ y="4"
+ rx="1"
+ ry="1" />
+ <g
+ id="g5003"
+ transform="matrix(0,1,-1.0333195,0,213.64476,-194)"
+ style="fill:#70788d;fill-opacity:1">
+ <ellipse
+ ry="1.5"
+ rx="2.0000014"
+ cy="1.1550797"
+ cx="205"
+ id="path4981-3"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="0.9677549"
+ y="1.6550797"
+ x="204"
+ height="3.6273403"
+ width="2"
+ id="rect4983-7"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z"
+ id="path5021" />
+ <g
+ id="g5070"
+ style="fill:#70788d;fill-opacity:1">
+ <circle
+ r="7"
+ cy="9"
+ cx="9"
+ id="path5059"
+ style="opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect5061"
+ d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5066"
+ d="m 6,6 6,6"
+ style="fill:#70788d;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5068"
+ d="M 12,6 6,12"
+ style="fill:#70788d;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg
new file mode 100644
index 0000000..756b8b9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/alltabs.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="9"
+ height="7"
+ viewBox="0 0 9 7"
+ sodipodi:docname="alltabs.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6" />
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:zoom="32"
+ inkscape:cx="4.2933727"
+ inkscape:cy="3.1550663"
+ inkscape:current-layer="svg2">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ </sodipodi:namedview>
+ <path
+ style="fill:#70788d;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+ d="M 1,1 8,1 4.4835443,5 Z"
+ id="path4142"
+ inkscape:connector-curvature="0" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png
new file mode 100644
index 0000000..9eb31ca
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/new-tab.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg
new file mode 100644
index 0000000..cb108af
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-arrow-left.svg
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ viewBox="0 0 15 17"
+ height="17"
+ width="15"
+ version="1.1"
+ id="svg2"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-arrow-left.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview18"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ inkscape:zoom="22.627417"
+ inkscape:cx="7.7208881"
+ inkscape:cy="6.8885532"
+ inkscape:current-layer="svg2">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4146" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6" />
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="matrix(0.53737964,0,0,0.66501805,1.9938983,3.0134228)"
+ id="g4295">
+ <g
+ id="layer9"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#70788d;fill-opacity:1"
+ id="layer10"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#70788d;fill-opacity:1"
+ id="layer11"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#70788d;fill-opacity:1"
+ id="layer13"
+ transform="translate(-100.0002,-745)" />
+ <g
+ style="fill:#70788d;fill-opacity:1"
+ id="layer14"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer15"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12"
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ id="path6040"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ inkscape:connector-curvature="0" />
+ <rect
+ height="1"
+ id="rect6046"
+ rx="1.8608819"
+ ry="1.5037186"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="112.00065"
+ y="748.00073" />
+ <rect
+ height="1"
+ id="rect6050"
+ rx="1.8608819"
+ ry="1.5037186"
+ style="fill:#70788d;fill-opacity:1;stroke:none"
+ width="1"
+ x="112.00065"
+ y="759.00073" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg
new file mode 100644
index 0000000..eccc5e1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-active.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-active.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-9.3321424"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#5294e2;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#5294e2;fill-opacity:1">
+ <g
+ style="display:inline;fill:#5294e2;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#5294e2;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg
new file mode 100644
index 0000000..c1a7b12
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-hover.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-hover.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-9.3321424"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#f37076;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#f37076;fill-opacity:1">
+ <g
+ style="display:inline;fill:#f37076;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#f37076;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg
new file mode 100644
index 0000000..94ae4a6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close-inactive.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close-inactive.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="-5.1626509"
+ inkscape:cy="1.8696208"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg
new file mode 100644
index 0000000..4af7b5a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-close.svg
@@ -0,0 +1,97 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg7384"
+ version="1.1"
+ height="16"
+ width="16"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-close.svg">
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1366"
+ inkscape:window-height="723"
+ id="namedview15"
+ showgrid="true"
+ inkscape:zoom="14.75"
+ inkscape:cx="2.6339593"
+ inkscape:cy="10.005214"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg7384">
+ <inkscape:grid
+ type="xygrid"
+ id="grid2992" />
+ </sodipodi:namedview>
+ <title
+ id="title9167">Gnome Symbolic Icon Theme</title>
+ <metadata
+ id="metadata90">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title>Gnome Symbolic Icon Theme</dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs7386" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer9"
+ style="display:inline" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer10" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer11" />
+ <g
+ id="g2996"
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ id="layer12"
+ transform="translate(-60,-518)"
+ style="fill:#70788d;fill-opacity:1">
+ <g
+ style="display:inline;fill:#70788d;fill-opacity:1"
+ id="layer4-4-1"
+ transform="translate(19,-242)">
+ <path
+ style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;color:#bebebe;fill:#70788d;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:new;font-family:Andale Mono;-inkscape-font-specification:Andale Mono"
+ id="path10839-9"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <g
+ transform="translate(-60,-518)"
+ id="layer13" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer14" />
+ <g
+ transform="translate(-60,-518)"
+ id="layer15" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg
new file mode 100644
index 0000000..dc506fd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end-hover.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="21.532542"
+ inkscape:cx="-4.614844"
+ inkscape:cy="0.87490949"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.6">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-27.999998"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-28.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="16"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg
new file mode 100644
index 0000000..1e492e4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-end.svg
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-end.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="21.532542"
+ inkscape:cx="11.87183"
+ inkscape:cy="0.87490949"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-27.999998"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-28.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="16"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg
new file mode 100644
index 0000000..6e46874
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle-hover.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-middle-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="21.532542"
+ inkscape:cx="-0.13325499"
+ inkscape:cy="30.597364"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4135"
+ style="opacity:0.6">
+ <rect
+ rx="0.5"
+ ry="0.5"
+ y="2"
+ x="-6.999999"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="-7.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg
new file mode 100644
index 0000000..297ea86
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-middle.svg
@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tabActiveMiddle.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="21.532542"
+ inkscape:cx="16.353419"
+ inkscape:cy="30.597364"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="-6.999999"
+ y="2"
+ ry="0.5"
+ rx="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="-7.5"
+ y="1.5"
+ ry="1" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png
new file mode 100644
index 0000000..b68a77e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-overflow-indicator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg
new file mode 100644
index 0000000..37da925
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start-hover.svg
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start-hover.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="60.903226"
+ inkscape:cx="7.4228743"
+ inkscape:cy="3.0056555"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <g
+ id="g4136"
+ style="opacity:0.6">
+ <rect
+ ry="0.5"
+ y="2"
+ x="14"
+ height="34"
+ width="44"
+ id="rect3837"
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981" />
+ <rect
+ ry="1"
+ y="1.5"
+ x="13.5"
+ height="35"
+ width="45"
+ id="rect3837-9"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ rx="1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="30"
+ x="13"
+ height="1"
+ width="1"
+ id="rect4135"
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg
new file mode 100644
index 0000000..1cb8b10
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/tabs/tab-start.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="30"
+ height="31"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="tab-start.svg">
+ <metadata
+ id="metadata18">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1920"
+ inkscape:window-height="1052"
+ id="namedview16"
+ showgrid="true"
+ inkscape:zoom="60.903226"
+ inkscape:cx="13.251794"
+ inkscape:cy="3.0056555"
+ inkscape:window-x="0"
+ inkscape:window-y="23"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="svg2"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid3911" />
+ </sodipodi:namedview>
+ <defs
+ id="defs4" />
+ <rect
+ style="fill:#f5f6f7;fill-opacity:1;stroke:#4080fb;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.84555981"
+ id="rect3837"
+ width="44"
+ height="34"
+ x="14"
+ y="2"
+ ry="0.5" />
+ <rect
+ rx="1"
+ style="fill:none;fill-opacity:1;stroke:#cdd0d6;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect3837-9"
+ width="45"
+ height="35"
+ x="13.5"
+ y="1.5"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#f5f6f7;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4135"
+ width="1"
+ height="1"
+ x="13"
+ y="30"
+ rx="1.3877788e-16"
+ ry="1.3877788e-16" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg
new file mode 100644
index 0000000..f4f8390
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/toolbar-icons.svg
@@ -0,0 +1,1432 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="774"
+ height="36"
+ viewBox="0 0 774 36"
+ sodipodi:docname="toolbar-icons.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <inkscape:path-effect
+ effect="spiro"
+ id="path-effect4386-3"
+ is_visible="true" />
+ </defs>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ showguides="false"
+ inkscape:guide-bbox="true"
+ inkscape:zoom="1"
+ inkscape:cx="274.95973"
+ inkscape:cy="-1.0049715"
+ inkscape:current-layer="layer2"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:object-nodes="true"
+ inkscape:snap-bbox-midpoints="true"
+ inkscape:snap-nodes="true"
+ inkscape:snap-global="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ <sodipodi:guide
+ position="18,27"
+ orientation="1,0"
+ id="guide4140" />
+ <sodipodi:guide
+ position="36,27"
+ orientation="1,0"
+ id="guide4144" />
+ <sodipodi:guide
+ position="54,27"
+ orientation="1,0"
+ id="guide4165" />
+ <sodipodi:guide
+ position="72,27"
+ orientation="1,0"
+ id="guide4167" />
+ <sodipodi:guide
+ position="90,27"
+ orientation="1,0"
+ id="guide4169" />
+ <sodipodi:guide
+ position="108,27"
+ orientation="1,0"
+ id="guide4171" />
+ <sodipodi:guide
+ position="126,27"
+ orientation="1,0"
+ id="guide4173" />
+ <sodipodi:guide
+ position="144,26"
+ orientation="1,0"
+ id="guide4175" />
+ <sodipodi:guide
+ position="162,26"
+ orientation="1,0"
+ id="guide4177" />
+ <sodipodi:guide
+ position="180,26"
+ orientation="1,0"
+ id="guide4179" />
+ <sodipodi:guide
+ position="198,26"
+ orientation="1,0"
+ id="guide4181" />
+ <sodipodi:guide
+ position="216,26"
+ orientation="1,0"
+ id="guide4183" />
+ <sodipodi:guide
+ position="234,26"
+ orientation="1,0"
+ id="guide4185" />
+ <sodipodi:guide
+ position="252,26"
+ orientation="1,0"
+ id="guide4187" />
+ <sodipodi:guide
+ position="270,27"
+ orientation="1,0"
+ id="guide4189" />
+ <sodipodi:guide
+ position="288,27"
+ orientation="1,0"
+ id="guide4191" />
+ <sodipodi:guide
+ position="306,27"
+ orientation="1,0"
+ id="guide4193" />
+ <sodipodi:guide
+ position="324,27"
+ orientation="1,0"
+ id="guide4195" />
+ <sodipodi:guide
+ position="342,27"
+ orientation="1,0"
+ id="guide4197" />
+ <sodipodi:guide
+ position="360,27"
+ orientation="1,0"
+ id="guide4199" />
+ <sodipodi:guide
+ position="378,27"
+ orientation="1,0"
+ id="guide4201" />
+ <sodipodi:guide
+ position="396,27"
+ orientation="1,0"
+ id="guide4203" />
+ <sodipodi:guide
+ position="414,27"
+ orientation="1,0"
+ id="guide4205" />
+ <sodipodi:guide
+ position="432,27"
+ orientation="1,0"
+ id="guide4207" />
+ <sodipodi:guide
+ position="450,27"
+ orientation="1,0"
+ id="guide4209" />
+ <sodipodi:guide
+ position="468,27"
+ orientation="1,0"
+ id="guide4211" />
+ <sodipodi:guide
+ position="486,27"
+ orientation="1,0"
+ id="guide4213" />
+ <sodipodi:guide
+ position="504,27"
+ orientation="1,0"
+ id="guide4215" />
+ <sodipodi:guide
+ position="522,27"
+ orientation="1,0"
+ id="guide4217" />
+ <sodipodi:guide
+ position="540,27"
+ orientation="1,0"
+ id="guide4219" />
+ <sodipodi:guide
+ position="558,27"
+ orientation="1,0"
+ id="guide4221" />
+ <sodipodi:guide
+ position="576,27"
+ orientation="1,0"
+ id="guide4223" />
+ <sodipodi:guide
+ position="594,27"
+ orientation="1,0"
+ id="guide4225" />
+ <sodipodi:guide
+ position="612,27"
+ orientation="1,0"
+ id="guide4227" />
+ <sodipodi:guide
+ position="630,27"
+ orientation="1,0"
+ id="guide4229" />
+ <sodipodi:guide
+ position="648,27"
+ orientation="1,0"
+ id="guide4231" />
+ <sodipodi:guide
+ position="666,27"
+ orientation="1,0"
+ id="guide4233" />
+ <sodipodi:guide
+ position="684,27"
+ orientation="1,0"
+ id="guide4235" />
+ <sodipodi:guide
+ position="702,27"
+ orientation="1,0"
+ id="guide4237" />
+ <sodipodi:guide
+ position="720,27"
+ orientation="1,0"
+ id="guide4239" />
+ <sodipodi:guide
+ position="738,27"
+ orientation="1,0"
+ id="guide4241" />
+ <sodipodi:guide
+ position="756,27"
+ orientation="1,0"
+ id="guide4243" />
+ <sodipodi:guide
+ position="0,18"
+ orientation="0,1"
+ id="guide4245" />
+ <sodipodi:guide
+ position="59.720667,21.020803"
+ orientation="0,1"
+ id="guide4691" />
+ <sodipodi:guide
+ position="63,33"
+ orientation="0,1"
+ id="guide4693" />
+ <sodipodi:guide
+ position="450,18"
+ orientation="1,0"
+ id="guide4716" />
+ </sodipodi:namedview>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer 2"
+ style="display:inline">
+ <g
+ id="g4295"
+ transform="translate(17.984,-0.01700159)">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="actions"
+ id="layer12">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-3"
+ transform="matrix(-1,0,0,1,72.037527,0.01274702)">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="status"
+ id="layer9-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-2" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-2" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emblems"
+ id="layer15-5" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emotes"
+ id="g71291-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="categories"
+ id="g4953-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="actions"
+ id="layer12-0">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-6"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-0"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-1"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-7"
+ transform="translate(35.962473,0.01274702)">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="status"
+ id="layer9-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-3" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-4" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-3" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emblems"
+ id="layer15-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="emotes"
+ id="g71291-1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="categories"
+ id="g4953-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline"
+ inkscape:label="actions"
+ id="layer12-9">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-68"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-3"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-4"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4492"
+ transform="matrix(0.98812264,0,0,1,2.0927143,0)">
+ <g
+ transform="matrix(-1,0,0,1,105.03753,-0.00212728)"
+ id="g4295-3-4">
+ <g
+ id="layer9-9-7"
+ inkscape:label="status"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-8"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer11-0-6"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer13-0-0"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer14-2-8"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer15-5-0"
+ inkscape:label="emblems"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-3"
+ inkscape:label="emotes"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-0"
+ inkscape:label="categories"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-4"
+ inkscape:label="actions"
+ style="display:inline"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-8"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-3"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-1"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.0257"
+ y="758.00214" />
+ </g>
+ </g>
+ <g
+ transform="translate(91.106717,-0.00212728)"
+ id="g4295-3-0">
+ <g
+ id="layer9-9-9"
+ inkscape:label="status"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-1"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer11-0-2"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer13-0-8"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer14-2-3"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer15-5-04"
+ inkscape:label="emblems"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-9"
+ inkscape:label="emotes"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-3"
+ inkscape:label="categories"
+ style="display:inline"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-2"
+ inkscape:label="actions"
+ style="display:inline"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-2"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-5"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-18"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#5c616c;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="758.00214" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="g4559">
+ <path
+ id="path4520"
+ d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ id="rect4541"
+ d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ id="g4577">
+ <path
+ id="rect4563"
+ d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ sodipodi:nodetypes="cccc"
+ inkscape:connector-curvature="0"
+ id="rect4571"
+ d="m 117,2 7,7 -14,0 z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4687">
+ <path
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(0,18)"
+ id="g4687-5"
+ style="fill:#5294e2;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685-1"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(289.02527,-31)"
+ inkscape:label="Layer 1"
+ id="layer1-2"
+ style="fill:#5c616c;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path6400"
+ d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none;enable-background:new" />
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ inkscape:label="Calque 1"
+ id="layer1-5"
+ transform="translate(612.125,7.75)">
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z"
+ id="rect3836"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4644"
+ transform="translate(487,1.0062451)">
+ <g
+ id="layer1-8"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ id="path2397"
+ d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4662"
+ transform="translate(523,1.0000004)">
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss"
+ id="Symbol"
+ d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4698"
+ transform="translate(396.98917,1)">
+ <g
+ id="layer1-4"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc"
+ id="Symbol-7"
+ d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4716"
+ transform="translate(505,1)">
+ <g
+ id="layer1-1"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccc"
+ id="Symbol-6"
+ d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4680"
+ transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)">
+ <g
+ id="layer1-7"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ inkscape:label="#path3766"
+ sodipodi:nodetypes="cscsccsccscsccssssc"
+ id="Symbol-8"
+ d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <path
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z"
+ id="rect4570"
+ inkscape:connector-curvature="0" />
+ <g
+ style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4575"
+ transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)">
+ <path
+ d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z"
+ id="path4580"
+ inkscape:connector-curvature="0"
+ style="fill:#5c616c;fill-opacity:1" />
+ <path
+ d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z"
+ id="path4582"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs"
+ style="fill:#5c616c;fill-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z"
+ id="path4643" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4650"
+ width="2"
+ height="5"
+ x="170"
+ y="4.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z"
+ id="rect4650-7" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695"
+ sodipodi:sides="5"
+ sodipodi:cx="135"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695-1"
+ sodipodi:sides="5"
+ sodipodi:cx="153.00044"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <g
+ id="g4739"
+ style="fill:#5c616c;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4733"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4735"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4737"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z"
+ id="rect4744"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" />
+ <g
+ id="g4297"
+ style="fill:#5c616c;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="633"
+ height="5.979197"
+ width="4"
+ id="rect4289"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="638"
+ height="5.979197"
+ width="7"
+ id="rect4291"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="642"
+ height="5"
+ width="3"
+ id="rect4293"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="633"
+ height="5"
+ width="8"
+ id="rect4295"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z"
+ id="rect4294" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4325"
+ width="10"
+ height="2"
+ x="544"
+ y="7.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <g
+ id="g4331"
+ style="fill:#5c616c;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="566"
+ height="10"
+ width="2"
+ id="rect4327"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="562"
+ height="2"
+ width="10"
+ id="rect4329"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4352"
+ style="fill:#5c616c;fill-opacity:1">
+ <path
+ id="rect4294-9"
+ d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="6"
+ x="676"
+ height="7"
+ width="2"
+ id="rect4350"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z"
+ id="rect4356"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ id="g4388"
+ style="fill:#5c616c;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4365"
+ d="m 238,3 0,0.9003906 0,10.1992184 L 238,15 248,15 248,14.099609 248,7 244,7 244,6.0996094 244,3 238,3 Z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ inkscape:original-d="m 243.64645,3.3535534 4,4"
+ inkscape:path-effect="#path-effect4386-3"
+ id="path4384"
+ d="m 243.64645,3.3535534 4,4"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:#5c616c;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4396">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="578"
+ height="10"
+ width="10"
+ id="rect4392"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="ccccc"
+ inkscape:connector-curvature="0"
+ id="path4394"
+ d="m 588,7 4,-2 0,8 -4,-2 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4436"
+ style="fill:#5c616c;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4400"
+ d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407"
+ d="m 423,5 3,0 -3,-3 -3,3 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-0"
+ d="m 423,13 3,0 -3,3 -3,-3 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-4"
+ d="m 427,9 0,3 3,-3 -3,-3 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-1"
+ d="m 419,9 0,-3 -3,3 3,3 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4463">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443"
+ d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443-5"
+ d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z"
+ id="path4467" />
+ <g
+ id="g4503"
+ style="fill:#5c616c;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4503-2"
+ transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)"
+ style="fill:#4e525c;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-7"
+ style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4-5"
+ style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1-3"
+ style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13-8"
+ style="opacity:1;fill:#4e525c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z"
+ id="rect4356-9"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ style="display:inline;fill:#5c616c;fill-opacity:1"
+ id="g4734"
+ transform="translate(343,0.99999957)">
+ <g
+ id="layer1-92"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#5c616c;fill-opacity:1">
+ <path
+ id="path3015"
+ d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z"
+ style="display:inline;fill:#5c616c;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ id="g4377">
+ <path
+ sodipodi:nodetypes="cccccc"
+ inkscape:connector-curvature="0"
+ id="path4766"
+ d="m 435,15 2,0 6,-6 -2,-2 -6,6 z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4768"
+ d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z"
+ id="rect4744-3" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z"
+ id="path4408" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z"
+ id="path4408-6" />
+ <g
+ id="g4497">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccsssssss"
+ inkscape:connector-curvature="0"
+ id="path4490"
+ d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <rect
+ ry="0.5"
+ rx="0.5"
+ y="14.5"
+ x="710"
+ height="1"
+ width="2"
+ id="rect4492"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4566"
+ transform="matrix(0,1,-1,0,247.2144,-263.81249)"
+ style="fill:#5c616c;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-4"
+ d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-85-4"
+ d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#5c616c;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ </g>
+ <g
+ id="g4668">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4584"
+ d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="1"
+ y="3"
+ x="727"
+ height="12"
+ width="1"
+ id="rect4589"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="3"
+ x="730"
+ height="12"
+ width="1"
+ id="rect4589-8"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2568936"
+ x="724"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2998734"
+ x="733"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-4"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="4"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-8"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="13"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-2"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="10"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-9"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="7"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-22"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <circle
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4679"
+ cx="274"
+ cy="14"
+ r="2" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z"
+ id="path4683" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z"
+ id="path4688" />
+ <path
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z"
+ id="rect4708"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccc" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4711"
+ width="13"
+ height="2"
+ x="219"
+ y="3.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4713"
+ width="6"
+ height="3"
+ x="219"
+ y="2.9999995"
+ rx="1"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4979"
+ width="10"
+ height="10"
+ x="200.00009"
+ y="6"
+ rx="1"
+ ry="1" />
+ <ellipse
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4981"
+ cx="205.00009"
+ cy="3.625"
+ rx="2.0000014"
+ ry="1.625" />
+ <rect
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4983"
+ width="2"
+ height="3.6273403"
+ x="204.00009"
+ y="4"
+ rx="1"
+ ry="1" />
+ <g
+ id="g5003"
+ transform="matrix(0,1,-1.0333195,0,213.64476,-194)">
+ <ellipse
+ ry="1.5"
+ rx="2.0000014"
+ cy="1.1550797"
+ cx="205"
+ id="path4981-3"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="0.9677549"
+ y="1.6550797"
+ x="204"
+ height="3.6273403"
+ width="2"
+ id="rect4983-7"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:#5c616c;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z"
+ id="path5021" />
+ <g
+ id="g5070">
+ <circle
+ r="7"
+ cy="9"
+ cx="9"
+ id="path5059"
+ style="opacity:1;fill:#5c616c;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect5061"
+ d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5066"
+ d="m 6,6 6,6"
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5068"
+ d="M 12,6 6,12"
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg
new file mode 100644
index 0000000..1f647b6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close"
+ inkscape:label="#g6210"
+ transform="translate(-641,1218)">
+ <g
+ id="g4927-9"
+ style="display:inline;opacity:1"
+ transform="translate(-678,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-5-2">
+ <g
+ id="g4092-0-2-21-0"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#f37076;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6" />
+ </g>
+ </g>
+ <g
+ id="g4778-2-68"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-4-4"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-1-8"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-4-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-76-5"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-5-7"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-9-5"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-2-2"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-6-11"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-0-33"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-3-0"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="645"
+ height="16"
+ width="16"
+ id="rect17883-39"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg
new file mode 100644
index 0000000..879400d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_prelight.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close-hover"
+ inkscape:label="#g6260"
+ transform="translate(-538,1218)">
+ <g
+ id="g4927"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-9">
+ <g
+ id="g4092-0-2-3"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#f79da1;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-8" />
+ </g>
+ </g>
+ <g
+ id="g4778-4"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-44"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-9"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-3"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-9"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-7"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-3"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-5"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-02"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-7"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-4"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="542"
+ height="16"
+ width="16"
+ id="rect17883-5"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg
new file mode 100644
index 0000000..9f0fe17
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/close_pressed.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="close_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-close-active"
+ inkscape:label="#g6332"
+ transform="translate(-437,1218)">
+ <g
+ id="g4927-8-7"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-103,0)"
+ style="display:inline;opacity:1"
+ id="g4490-6-3-7">
+ <g
+ id="g4092-0-2-2-1"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#ef4048;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-4-9" />
+ </g>
+ </g>
+ <g
+ id="g4778-3-6"
+ transform="translate(1323,246.86719)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="layer9-9-6-0"
+ transform="translate(-60,-518)" />
+ <g
+ id="layer10-2-3-6"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-16-2-2"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="matrix(0.75,0,0,0.75,2,2.0546875)"
+ id="g2996-7-0"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-60,-518)"
+ id="layer12-4-6-3"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(19,-242)"
+ id="layer4-4-1-4-1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 45,764 1,0 c 0.01037,-1.2e-4 0.02079,-4.6e-4 0.03125,0 0.254951,0.0112 0.50987,0.12858 0.6875,0.3125 L 49,766.59375 51.3125,764.3125 C 51.578125,764.082 51.759172,764.007 52,764 l 1,0 0,1 c 0,0.28647 -0.03434,0.55065 -0.25,0.75 l -2.28125,2.28125 2.25,2.25 C 52.906938,770.46942 52.999992,770.7347 53,771 l 0,1 -1,0 c -0.265301,-10e-6 -0.530586,-0.0931 -0.71875,-0.28125 L 49,769.4375 46.71875,771.71875 C 46.530586,771.90694 46.26529,772 46,772 l -1,0 0,-1 c -3e-6,-0.26529 0.09306,-0.53058 0.28125,-0.71875 l 2.28125,-2.25 L 45.28125,765.75 C 45.070508,765.55537 44.97809,765.28075 45,765 l 0,-1 z"
+ id="path10839-9-8-7"
+ style="color:#bebebe;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:'Andale Mono';-inkscape-font-specification:'Andale Mono';text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.78124988;marker:none;enable-background:new" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="layer13-2-0-2"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-4-4-0"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-7-5-0"
+ transform="translate(-60,-518)"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="441"
+ height="16"
+ width="16"
+ id="rect17883-02"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg
new file mode 100644
index 0000000..c2a642d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max"
+ inkscape:label="#g6234"
+ transform="translate(-612,1218)">
+ <ellipse
+ cy="-177.63782"
+ cx="624"
+ style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-6"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:0.1;fill:#525d76;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 624,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-2"
+ inkscape:connector-curvature="0" />
+ <g
+ id="g7146"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-29,0)"
+ style="display:inline;opacity:1"
+ id="g4490-2-96">
+ <g
+ id="g4092-0-6-83"
+ style="display:inline"
+ transform="translate(58,0)" />
+ </g>
+ <path
+ id="path4293-5-95"
+ style="display:inline;opacity:0.8;fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ d="m 1403.7995,252 3.3818,0 c 0.4503,0 0.8162,0.36847 0.8187,0.8188 l 0,3.3817 z m 2.4074,6.00692 -3.395,0 c -0.4504,0 -0.8188,-0.36842 -0.8188,-0.81875 l 0,-3.39509 4.2138,4.21384"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="csscccsscc" />
+ </g>
+ <rect
+ y="-185.63782"
+ x="616"
+ height="16"
+ width="16"
+ id="rect17883-29"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg
new file mode 100644
index 0000000..90ef47c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_prelight.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max-hover"
+ inkscape:label="#g6284"
+ transform="translate(-509,1218)">
+ <g
+ id="g4891"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <ellipse
+ cy="255"
+ cx="1302"
+ style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-4"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 1302,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-78"
+ inkscape:connector-curvature="0" />
+ <g
+ id="g4806-9"
+ transform="translate(1294,247)"
+ style="fill:#c0e3ff;fill-opacity:1">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-78-7" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-3-3"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-19-75"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-4-9"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-8-5"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5-8" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1-7" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-7-1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-3-0">
+ <path
+ sodipodi:nodetypes="csscccsscc"
+ inkscape:connector-curvature="0"
+ d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
+ style="opacity:1;fill:#70788d;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="path4293-6" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="513"
+ height="16"
+ width="16"
+ id="rect17883-0"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg
new file mode 100644
index 0000000..549401c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/maximize_pressed.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="maximize_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-max-active"
+ inkscape:label="#g6356"
+ transform="translate(-408,1218)">
+ <g
+ id="g4891-4"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-132,0)"
+ style="display:inline;opacity:1"
+ id="g4490-2-9-1-2">
+ <g
+ id="g4092-0-6-3-6-8"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-6-5-1-6" />
+ </g>
+ </g>
+ <g
+ id="g4806-5-2"
+ transform="translate(1294,247)"
+ style="fill:#c0e3ff;fill-opacity:1">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-78-2-0" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-3-9-9"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-19-7-6"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-4-7-4"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-8-9-7"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5-4-2" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1-4-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-7-0-8" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-3-7-2">
+ <path
+ sodipodi:nodetypes="csscccsscc"
+ inkscape:connector-curvature="0"
+ d="m 87.799705,972 3.381737,0 c 0.450297,0 0.816227,0.36847 0.818758,0.8188 l 0,3.3817 z m 2.407413,6.00692 -3.395078,0 c -0.450346,0 -0.818758,-0.36842 -0.818758,-0.81875 l 0,-3.39509 4.213836,4.21384"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none"
+ id="path4293-4-9" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="412"
+ height="16"
+ width="16"
+ id="rect17883-79"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg
new file mode 100644
index 0000000..5c2cecd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min"
+ inkscape:label="#g6247"
+ transform="translate(-583,1218)">
+ <ellipse
+ cy="-177.63782"
+ cx="595"
+ style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2"
+ rx="6"
+ ry="6.0000005" />
+ <g
+ id="g7138"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <g
+ transform="translate(-58,0)"
+ style="display:inline;opacity:1"
+ id="g4490-3-75">
+ <g
+ id="g4092-0-7-0"
+ style="display:inline"
+ transform="translate(58,0)" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ d="m 1373,254 0,2 6,0 0,-2 z"
+ id="rect9057-4-3"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:0.8;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="ccccc" />
+ </g>
+ <rect
+ y="-185.63782"
+ x="587"
+ height="16"
+ width="16"
+ id="rect17883-32"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ <path
+ style="display:inline;opacity:0.1;fill:#525d76;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 595,-184.63782 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg
new file mode 100644
index 0000000..93d5baf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_prelight.svg
@@ -0,0 +1,224 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize_focused_prelight.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min-hover"
+ inkscape:label="#g6308"
+ transform="translate(-480,1218)">
+ <g
+ id="g4909"
+ style="display:inline;opacity:1"
+ transform="translate(-781,-432.63782)">
+ <ellipse
+ cy="255"
+ cx="1273"
+ style="display:inline;opacity:0.9;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-5-9-6-7-2-1"
+ rx="6"
+ ry="6.0000005" />
+ <path
+ style="display:inline;opacity:1;fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 1273,248 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ id="path4068-7-5-9-6-7-2-5-23"
+ inkscape:connector-curvature="0" />
+ <g
+ style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1"
+ id="g4834-0"
+ transform="translate(1265,247)">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-3-4" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-4-1"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-2-6"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-5-4"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-6-0"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-52-1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-3-9" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-8-2" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-45-6">
+ <path
+ sodipodi:nodetypes="ccccc"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#70788d;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="rect9057-8"
+ d="m 86.0002,974 0,2 6,0 0,-2 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <rect
+ y="-185.63782"
+ x="484"
+ height="16"
+ width="16"
+ id="rect17883-11"
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg
new file mode 100644
index 0000000..fe9ebee
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/light/window-controls/minimize_pressed.svg
@@ -0,0 +1,228 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="24"
+ height="24"
+ id="svg4306"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="minimize_focused_pressed.svg"
+ style="enable-background:new">
+ <defs
+ id="defs4308">
+ <linearGradient
+ id="linearGradient3770">
+ <stop
+ style="stop-color:#000000;stop-opacity:0.62827224;"
+ offset="0"
+ id="stop3772" />
+ <stop
+ style="stop-color:#000000;stop-opacity:0.49803922;"
+ offset="1"
+ id="stop3774" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:1;"
+ offset="0"
+ id="stop4884" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop4886" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient3784-6">
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0.21568628;"
+ offset="0"
+ id="stop3786-4" />
+ <stop
+ style="stop-color:#ffffff;stop-opacity:0;"
+ offset="1"
+ id="stop3788-6" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4892">
+ <stop
+ id="stop4894"
+ offset="0"
+ style="stop-color:#2f3a42;stop-opacity:1;" />
+ <stop
+ id="stop4896"
+ offset="1"
+ style="stop-color:#1d242a;stop-opacity:1;" />
+ </linearGradient>
+ <linearGradient
+ id="linearGradient4882-4">
+ <stop
+ id="stop4884-9"
+ offset="0"
+ style="stop-color:#728495;stop-opacity:1;" />
+ <stop
+ id="stop4886-9"
+ offset="1"
+ style="stop-color:#617c95;stop-opacity:0;" />
+ </linearGradient>
+ </defs>
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#f0f1f2"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="1"
+ inkscape:pageshadow="2"
+ inkscape:zoom="11.313709"
+ inkscape:cx="9.1908305"
+ inkscape:cy="9.2459508"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="true"
+ showguides="true"
+ inkscape:guide-bbox="true"
+ inkscape:window-width="1366"
+ inkscape:window-height="721"
+ inkscape:window-x="0"
+ inkscape:window-y="25"
+ inkscape:window-maximized="1"
+ inkscape:snap-bbox="true"
+ inkscape:snap-global="true"
+ inkscape:snap-bbox-midpoints="false"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4314"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ <sodipodi:guide
+ orientation="1,0"
+ position="12,12"
+ id="guide4316" />
+ <sodipodi:guide
+ orientation="0,1"
+ position="12,12"
+ id="guide4318" />
+ </sodipodi:namedview>
+ <metadata
+ id="metadata4311">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Ebene 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(0,-1028.3622)">
+ <g
+ style="display:inline"
+ id="titlebutton-min-active"
+ inkscape:label="#g6414"
+ transform="translate(-379,1218)">
+ <g
+ id="g4909-1"
+ style="display:inline;opacity:1"
+ transform="translate(-882,-432.63782)">
+ <g
+ transform="translate(-161,0)"
+ style="display:inline;opacity:1"
+ id="g4490-3-6-1-4">
+ <g
+ id="g4092-0-7-2-0-0"
+ style="display:inline"
+ transform="translate(58,0)">
+ <circle
+ r="7"
+ cy="255"
+ cx="1376"
+ style="fill:#5294e2;fill-opacity:1;stroke:none;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4068-7-3-0-3-6" />
+ </g>
+ </g>
+ <g
+ style="display:inline;opacity:1;fill:#c0e3ff;fill-opacity:1"
+ id="g4834-9-3"
+ transform="translate(1265,247)">
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-3-9-1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="devices"
+ id="layer10-4-0-5"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="apps"
+ id="layer11-2-5-2"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="places"
+ id="layer13-5-7-4"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ inkscape:label="mimetypes"
+ id="layer14-6-2-3"
+ style="fill:#c0e3ff;fill-opacity:1" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-52-0-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-3-4-6" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-8-6-8" />
+ <g
+ transform="translate(-81.0002,-967)"
+ style="display:inline;fill:#c0e3ff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-45-3-7">
+ <path
+ sodipodi:nodetypes="ccccc"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="rect9057-3-5"
+ d="m 86.0002,974 0,2 6,0 0,-2 z"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ </g>
+ <rect
+ style="display:inline;opacity:1;fill:none;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0"
+ id="rect17883-79-9"
+ width="16"
+ height="16"
+ x="383"
+ y="-185.63782" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png b/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png
new file mode 100644
index 0000000..3781790
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/navbar-separator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg
new file mode 100644
index 0000000..33e1bc5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/custom_images/toolbar-icons-active.svg
@@ -0,0 +1,1460 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ width="774"
+ height="36"
+ viewBox="0 0 774 36"
+ sodipodi:docname="toolbar-icons-active.svg">
+ <metadata
+ id="metadata8">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <defs
+ id="defs6">
+ <inkscape:path-effect
+ effect="spiro"
+ id="path-effect4386-3"
+ is_visible="true" />
+ </defs>
+ <sodipodi:namedview
+ pagecolor="#777777"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="640"
+ inkscape:window-height="480"
+ id="namedview4"
+ showgrid="true"
+ inkscape:snap-bbox="true"
+ inkscape:bbox-paths="true"
+ inkscape:bbox-nodes="true"
+ inkscape:snap-bbox-edge-midpoints="true"
+ showguides="false"
+ inkscape:guide-bbox="true"
+ inkscape:zoom="1.4142136"
+ inkscape:cx="-138.40712"
+ inkscape:cy="-21.707986"
+ inkscape:current-layer="layer2"
+ inkscape:object-paths="true"
+ inkscape:snap-intersection-paths="true"
+ inkscape:object-nodes="true"
+ inkscape:snap-bbox-midpoints="true"
+ inkscape:snap-nodes="true"
+ inkscape:snap-global="true">
+ <inkscape:grid
+ type="xygrid"
+ id="grid4138" />
+ <sodipodi:guide
+ position="18,27"
+ orientation="1,0"
+ id="guide4140" />
+ <sodipodi:guide
+ position="36,27"
+ orientation="1,0"
+ id="guide4144" />
+ <sodipodi:guide
+ position="54,27"
+ orientation="1,0"
+ id="guide4165" />
+ <sodipodi:guide
+ position="72,27"
+ orientation="1,0"
+ id="guide4167" />
+ <sodipodi:guide
+ position="90,27"
+ orientation="1,0"
+ id="guide4169" />
+ <sodipodi:guide
+ position="108,27"
+ orientation="1,0"
+ id="guide4171" />
+ <sodipodi:guide
+ position="126,27"
+ orientation="1,0"
+ id="guide4173" />
+ <sodipodi:guide
+ position="144,26"
+ orientation="1,0"
+ id="guide4175" />
+ <sodipodi:guide
+ position="162,26"
+ orientation="1,0"
+ id="guide4177" />
+ <sodipodi:guide
+ position="180,26"
+ orientation="1,0"
+ id="guide4179" />
+ <sodipodi:guide
+ position="198,26"
+ orientation="1,0"
+ id="guide4181" />
+ <sodipodi:guide
+ position="216,26"
+ orientation="1,0"
+ id="guide4183" />
+ <sodipodi:guide
+ position="234,26"
+ orientation="1,0"
+ id="guide4185" />
+ <sodipodi:guide
+ position="252,26"
+ orientation="1,0"
+ id="guide4187" />
+ <sodipodi:guide
+ position="270,27"
+ orientation="1,0"
+ id="guide4189" />
+ <sodipodi:guide
+ position="288,27"
+ orientation="1,0"
+ id="guide4191" />
+ <sodipodi:guide
+ position="306,27"
+ orientation="1,0"
+ id="guide4193" />
+ <sodipodi:guide
+ position="324,27"
+ orientation="1,0"
+ id="guide4195" />
+ <sodipodi:guide
+ position="342,27"
+ orientation="1,0"
+ id="guide4197" />
+ <sodipodi:guide
+ position="360,27"
+ orientation="1,0"
+ id="guide4199" />
+ <sodipodi:guide
+ position="378,27"
+ orientation="1,0"
+ id="guide4201" />
+ <sodipodi:guide
+ position="396,27"
+ orientation="1,0"
+ id="guide4203" />
+ <sodipodi:guide
+ position="414,27"
+ orientation="1,0"
+ id="guide4205" />
+ <sodipodi:guide
+ position="432,27"
+ orientation="1,0"
+ id="guide4207" />
+ <sodipodi:guide
+ position="450,27"
+ orientation="1,0"
+ id="guide4209" />
+ <sodipodi:guide
+ position="468,27"
+ orientation="1,0"
+ id="guide4211" />
+ <sodipodi:guide
+ position="486,27"
+ orientation="1,0"
+ id="guide4213" />
+ <sodipodi:guide
+ position="504,27"
+ orientation="1,0"
+ id="guide4215" />
+ <sodipodi:guide
+ position="522,27"
+ orientation="1,0"
+ id="guide4217" />
+ <sodipodi:guide
+ position="540,27"
+ orientation="1,0"
+ id="guide4219" />
+ <sodipodi:guide
+ position="558,27"
+ orientation="1,0"
+ id="guide4221" />
+ <sodipodi:guide
+ position="576,27"
+ orientation="1,0"
+ id="guide4223" />
+ <sodipodi:guide
+ position="594,27"
+ orientation="1,0"
+ id="guide4225" />
+ <sodipodi:guide
+ position="612,27"
+ orientation="1,0"
+ id="guide4227" />
+ <sodipodi:guide
+ position="630,27"
+ orientation="1,0"
+ id="guide4229" />
+ <sodipodi:guide
+ position="648,27"
+ orientation="1,0"
+ id="guide4231" />
+ <sodipodi:guide
+ position="666,27"
+ orientation="1,0"
+ id="guide4233" />
+ <sodipodi:guide
+ position="684,27"
+ orientation="1,0"
+ id="guide4235" />
+ <sodipodi:guide
+ position="702,27"
+ orientation="1,0"
+ id="guide4237" />
+ <sodipodi:guide
+ position="720,27"
+ orientation="1,0"
+ id="guide4239" />
+ <sodipodi:guide
+ position="738,27"
+ orientation="1,0"
+ id="guide4241" />
+ <sodipodi:guide
+ position="756,27"
+ orientation="1,0"
+ id="guide4243" />
+ <sodipodi:guide
+ position="0,18"
+ orientation="0,1"
+ id="guide4245" />
+ <sodipodi:guide
+ position="59.720667,21.020803"
+ orientation="0,1"
+ id="guide4691" />
+ <sodipodi:guide
+ position="63,33"
+ orientation="0,1"
+ id="guide4693" />
+ <sodipodi:guide
+ position="450,18"
+ orientation="1,0"
+ id="guide4716" />
+ </sodipodi:namedview>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer 2"
+ style="display:inline">
+ <g
+ id="g4295"
+ transform="translate(17.984,-0.01700159)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-3"
+ transform="matrix(-1,0,0,1,72.037527,0.01274702)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-2"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-0"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-0"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-2"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-5" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-0">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-6"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-0"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-1"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4295-7"
+ transform="translate(35.962473,0.01274702)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="status"
+ id="layer9-0" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="devices"
+ id="layer10-6"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="apps"
+ id="layer11-3"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="places"
+ id="layer13-4"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ inkscape:label="mimetypes"
+ id="layer14-3"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emblems"
+ id="layer15-6" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="emotes"
+ id="g71291-1" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="categories"
+ id="g4953-9" />
+ <g
+ transform="translate(-100.0002,-745)"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="actions"
+ id="layer12-9">
+ <path
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ id="path6040-68"
+ d="m 111.87545,748.00049 a 1.0001,1.0001 0 0 0 -0.59375,0.28125 l -5,5 -0.6875,0.71875 0.6875,0.71875 5,5 a 1.016466,1.016466 0 1 0 1.4375,-1.4375 l -4.28125,-4.28125 4.28125,-4.28125 a 1.0001,1.0001 0 0 0 -0.84375,-1.71875 z"
+ inkscape:connector-curvature="0" />
+ <rect
+ y="748.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6046-3"
+ height="1" />
+ <rect
+ y="759.00073"
+ x="112.00065"
+ width="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ ry="1"
+ rx="1"
+ id="rect6050-4"
+ height="1" />
+ </g>
+ </g>
+ <g
+ id="g4492"
+ transform="matrix(0.98812264,0,0,1,2.0927143,0)"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ transform="matrix(-1,0,0,1,105.03753,-0.00212728)"
+ id="g4295-3-4"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ id="layer9-9-7"
+ inkscape:label="status"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-8"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-0-6"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer13-0-0"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-2-8"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-5-0"
+ inkscape:label="emblems"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-3"
+ inkscape:label="emotes"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-0"
+ inkscape:label="categories"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-4"
+ inkscape:label="actions"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22395,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-8"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-3"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-1"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.0257"
+ y="758.00214" />
+ </g>
+ </g>
+ <g
+ transform="translate(91.106717,-0.00212728)"
+ id="g4295-3-0"
+ style="fill:#ffffff;fill-opacity:1">
+ <g
+ id="layer9-9-9"
+ inkscape:label="status"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer10-2-1"
+ inkscape:label="devices"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer11-0-2"
+ inkscape:label="apps"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer13-0-8"
+ inkscape:label="places"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer14-2-3"
+ inkscape:label="mimetypes"
+ transform="translate(-100.0002,-745)"
+ style="fill:#ffffff;fill-opacity:1" />
+ <g
+ id="layer15-5-04"
+ inkscape:label="emblems"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g71291-0-9"
+ inkscape:label="emotes"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="g4953-6-3"
+ inkscape:label="categories"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)" />
+ <g
+ id="layer12-0-2"
+ inkscape:label="actions"
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ transform="translate(-100.0002,-745)">
+ <path
+ inkscape:connector-curvature="0"
+ d="m 111.87541,748.00075 c -0.22394,0.0242 -0.43316,0.12331 -0.59375,0.28125 l -4.99996,4.99974 -0.6875,0.71875 0.6875,0.71875 4.99996,4.99964 c 0.95833,0.95845 2.39595,-0.47917 1.4375,-1.4375 l -4.28121,-4.28089 4.28121,-4.28099 c 0.72453,-0.67473 0.1332,-1.8793 -0.84375,-1.71875 z"
+ id="path6040-6-2"
+ style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:Sans;-inkscape-font-specification:Sans;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;baseline-shift:baseline;text-anchor:start;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ sodipodi:nodetypes="cccccccccc" />
+ <rect
+ height="1"
+ id="rect6046-0-5"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="749.00214" />
+ <rect
+ height="1"
+ id="rect6050-1-18"
+ rx="1.0120201"
+ ry="1"
+ style="fill:#ffffff;fill-opacity:1;stroke:none"
+ width="1"
+ x="111.01369"
+ y="758.00214" />
+ </g>
+ </g>
+ </g>
+ <g
+ id="g4559"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ id="path4520"
+ d="M 81.5,3 A 6.5,6.5 0 0 0 75,9.5 6.5,6.5 0 0 0 81.5,16 6.5,6.5 0 0 0 87.494141,12 l -2.253907,0 A 4.5,4.5 0 0 1 81.5,14 4.5,4.5 0 0 1 77,9.5 4.5,4.5 0 0 1 81.5,5 4.5,4.5 0 0 1 85.966797,9 l 2.007812,0 A 6.5,6.5 0 0 0 81.5,3 Z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ id="rect4541"
+ d="M 88,2 81,8.9980469 81,9 88,9 88,2 Z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ id="g4577"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ id="rect4563"
+ d="m 112,8 0,7 4,0 0,-4 2,0 0,4 4,0 0,-7 -10,0 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <path
+ sodipodi:nodetypes="cccc"
+ inkscape:connector-curvature="0"
+ id="rect4571"
+ d="m 117,2 7,7 -14,0 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4687"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(0,18)"
+ id="g4687-5"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 189,16 6,-7 -12,0 z"
+ id="rect4571-4-7"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccc" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="187"
+ height="7"
+ width="4"
+ id="rect4685-1"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ transform="translate(289.02527,-31)"
+ inkscape:label="Layer 1"
+ id="layer1-2"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccc"
+ inkscape:connector-curvature="0"
+ id="path6400"
+ d="M 15.247455,35.298295 0.702,38.338068 l 2.7272727,2.130683 0,4.232954 3.1818182,-1.818182 0,0 L 5.702,41.889204 9.366776,44.531249 Z m -1.30682,0.880682 -8.0397744,5.113637 -0.7954505,1.193181 -0.7670465,0.482956 0,-2.130683 z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none;enable-background:new" />
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ inkscape:label="Calque 1"
+ id="layer1-5"
+ transform="translate(612.125,7.75)">
+ <path
+ style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;enable-background:accumulate"
+ d="m 38.875,-3.75 c -0.554,0 -1,0.446 -1,1 l 0,8 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-8 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 0,1 6,5 6,-5 0,1 -6,5 -6,-5 0,-1 z m 2.5625,4.875 0.59375,0.5 -3.15625,2.625 0,-1 2.5625,-2.125 z m 6.875,0 2.5625,2.125 0,1 -3.15625,-2.625 0.59375,-0.5 z"
+ id="rect3836"
+ inkscape:connector-curvature="0" />
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4644"
+ transform="translate(487,1.0062451)">
+ <g
+ id="layer1-8"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ id="path2397"
+ d="m 3.875,0.99999979 c -0.022285,0.00536 -0.044875,0.016494 -0.0625,0.03125 -0.011521,0.00867 -0.022653,0.019636 -0.03125,0.03125 0,0 -0.2700217,0.3260161 -0.5,0.78125 -0.2299782,0.4552339 -0.4120417,1.0356923 -0.15625,1.53125 0.7884499,1.5239749 2.0839251,3.7672489 3.0625,5.28125 0.1544088,-0.5124922 0.3396962,-1.0371273 0.65625,-1.5625 -1.474e-4,-0.010193 -1.472e-4,-0.021056 0,-0.03125 L 7.375,6.2187498 4.03125,1.0624998 C 4.02265,1.0508848 4.011521,1.0399168 4,1.0312498 c -0.010085,-0.00104 -0.021165,-0.00104 -0.03125,0 0.00103,-0.010168 0.00103,-0.021082 0,-0.03125 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 -0.010085,-0.00104 -0.021164,-0.00104 -0.03125,0 z m 8.15625,0 c -10e-4,0.010168 -10e-4,0.021082 0,0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01152,0.00867 -0.02265,0.019635 -0.03125,0.03125 l -4.25,6.5625 C 7.3818216,8.1841872 7.1713962,9.126518 6.90625,9.8749998 6.773677,10.249241 6.632616,10.579794 6.46875,10.78125 6.3048838,10.982706 6.1573198,11.054945 5.9375,11 5.93129,10.999083 5.910307,11.000259 5.90625,11 5.896093,11.000151 5.881498,10.999635 5.875,11 5.87062,10.999401 5.845624,11.000106 5.84375,11 5.3626321,10.86226 4.9161697,10.88365 4.53125,11.03125 4.0477735,11.216643 3.6630669,11.552098 3.375,12 3.0860242,12.449317 2.9358336,12.959398 3,13.4375 c 0.063099,0.470153 0.3425241,0.987937 0.96875,1.3125 0.6267957,0.324859 1.2688988,0.278233 1.75,0.09375 C 6.2022267,14.658358 6.5869334,14.322902 6.875,13.875 7.1344973,13.471519 7.2416509,13.02322 7.21875,12.59375 7.2188525,12.59363 7.249953,12.5314 7.25,12.53125 c 4.68e-5,-1.5e-4 1.3e-5,-0.03107 0,-0.03125 0.00103,-0.01017 0.00103,-0.02108 0,-0.03125 -7.574e-4,-0.0056 -0.030161,0.0051 -0.03125,0 -0.00327,-0.01539 0.0049,-0.02028 0,-0.03125 -5.419e-4,-0.0084 5.294e-4,-0.02262 0,-0.03125 -0.00553,-0.03035 -0.00716,-0.04147 0,-0.03125 -0.020462,-0.352009 -0.034716,-0.828513 0.15625,-1.28125 0.2005139,-0.475374 0.6186139,-0.917373 1.5,-1.1562502 0.022285,-0.00536 0.044875,-0.016494 0.0625,-0.03125 0.01152,-0.00867 0.022653,-0.019635 0.03125,-0.03125 0.8843995,-1.185979 2.854984,-4.4680334 3.90625,-6.5 0.255791,-0.4955577 0.07373,-1.0760161 -0.15625,-1.53125 -0.229978,-0.4552339 -0.5,-0.78125 -0.5,-0.78125 -0.0086,-0.011614 -0.01973,-0.022583 -0.03125,-0.03125 -0.01763,-0.014756 -0.04021,-0.025888 -0.0625,-0.03125 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 -0.01009,-0.00104 -0.02116,-0.00104 -0.03125,0 z M 9.5,10.75 C 9.3894228,10.82871 9.2946704,10.904198 9.15625,10.9375 8.9062562,11.00525 8.7332712,11.058735 8.625,11.125 c 0.1783292,0.444209 0.1762788,0.905437 0.15625,1.25 0.00716,-0.01022 0.00553,9e-4 0,0.03125 -5.294e-4,0.0086 5.414e-4,0.0228 0,0.03125 -0.00491,0.01097 0.00327,0.01586 0,0.03125 -0.00109,0.0051 -0.030493,-0.0056 -0.03125,0 -0.00103,0.01017 -0.00103,0.02108 0,0.03125 -1.3e-5,1.84e-4 -4.68e-5,0.0311 0,0.03125 4.68e-5,1.51e-4 0.031147,0.06238 0.03125,0.0625 -0.022901,0.42947 0.084253,0.877769 0.34375,1.28125 0.2880666,0.447902 0.6727728,0.783358 1.15625,0.96875 0.481101,0.184483 1.123205,0.231109 1.75,-0.09375 C 12.657476,14.425437 12.936901,13.907653 13,13.4375 13.06417,12.959398 12.91398,12.449317 12.625,12 12.336933,11.552098 11.952226,11.216643 11.46875,11.03125 11.08383,10.88365 10.637368,10.86226 10.15625,11 c -0.0019,1.06e-4 -0.02687,-5.99e-4 -0.03125,0 -0.0065,-3.65e-4 -0.02109,1.51e-4 -0.03125,0 -0.0041,2.59e-4 -0.02504,-9.17e-4 -0.03125,0 C 9.8426802,11.05495 9.6951161,10.98271 9.53125,10.78125 9.52318,10.77135 9.507898,10.76058 9.5,10.75 Z m -4.25,1.3125 c 0.1041762,0.0047 0.2340963,0.01938 0.3125,0.0625 0.1742344,0.09581 0.2816322,0.271981 0.3125,0.46875 0.030868,0.196769 -0.021258,0.402302 -0.15625,0.625 C 5.4509472,13.660548 4.9070917,13.876992 4.5625,13.6875 4.3906342,13.59299 4.2812498,13.39314 4.25,13.1875 4.21875,12.98186 4.271964,12.784035 4.40625,12.5625 4.6068231,12.231613 4.9430901,12.048615 5.25,12.0625 Z m 5.5,0 c 0.30691,-0.01389 0.643177,0.169113 0.84375,0.5 0.134287,0.221535 0.1875,0.41936 0.15625,0.625 -0.03125,0.20564 -0.140634,0.40549 -0.3125,0.5 -0.344592,0.189492 -0.888448,-0.02695 -1.15625,-0.46875 -0.134992,-0.222698 -0.187118,-0.428231 -0.15625,-0.625 0.03087,-0.196769 0.138266,-0.372938 0.3125,-0.46875 0.0784,-0.04312 0.208324,-0.05779 0.3125,-0.0625 z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4662"
+ transform="translate(523,1.0000004)">
+ <g
+ id="layer1-9"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccsssssccssssscssccccccccsssssssss"
+ id="Symbol"
+ d="m 5,0.9999996 0,0.96875 -1.46875,0 c -0.8309999,0 -1.5,0.669 -1.5,1.5 l 0,8.0312504 c 0,0.810431 0.6351935,1.468004 1.4375,1.5 0.020363,8.12e-4 0.041931,0 0.0625,0 L 4,13 5,13 5,13.5 C 5,14.331 5.669,15 6.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-7.0000004 c 0,-0.657875 -0.412983,-1.2029937 -1,-1.40625 l 0,-1.625 c 0,-0.8309999 -0.669,-1.5 -1.5,-1.5 l -1.5,0 0,-0.96875 z m 1,1 3,0 0,1 -3,0 z m 1.5,5 4,0 c 0.277,0 0.5,0.223 0.5,0.5 L 12,12.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -4,0 C 7.223,13 7,12.777 7,12.5 L 7,7.4999996 c 0,-0.277 0.223,-0.5 0.5,-0.5 z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4698"
+ transform="translate(396.98917,1)">
+ <g
+ id="layer1-4"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccssscccccccc"
+ id="Symbol-7"
+ d="M 4.5,1 C 3.669,1 3,1.669 3,2.5 l 0,1.0625 0,3.46875 -0.53125,0 c -0.831,0 -1.5,0.669 -1.5,1.5 l 0,3.03125 c 0,0.831 0.669,1.5 1.5,1.5 L 3,13.0625 3,13.1875 3,13.5 C 3,14.331 3.669,15 4.5,15 l 7,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.3125 0,-0.125 0.53125,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-3.0625 c 0,-0.8310001 -0.669,-1.5 -1.5,-1.5 L 13,7 13,5.6875 13,2.5 C 13,1.669 12.331,1 11.5,1 l -7,0 z m 1,2 5,0 C 10.777,3 11,3.223 11,3.5 L 11,8 5,8 5,3.5 C 5,3.223 5.223,3 5.5,3 Z m 0.5,1 0,1 4.010835,0 0,-1 L 6,4 Z M 6,6 6,7 9,7 9,6 6,6 Z m 7.5,3 c 0.276,-2e-7 0.5,0.224 0.5,0.5 C 14,9.7759998 13.776,10 13.5,10 13.224,9.9999998 13,9.776 13,9.5 13,9.2239998 13.224,9 13.5,9 Z m -8.5,3 6,0 0,0.5 c 0,0.277 -0.223,0.5 -0.5,0.5 l -5,0 C 5.223,13 5,12.777 5,12.5 L 5,12 Z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4716"
+ transform="translate(505,1)">
+ <g
+ id="layer1-1"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="ccccccccccccccccccccccccccccccc"
+ id="Symbol-6"
+ d="M 6.5,1 C 5.669,1 5,1.669 5,2.5 l 0,8 C 5,11.331 5.669,12 6.5,12 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-8 C 14,1.669 13.331,1 12.5,1 l -6,0 z m 1,2 4,0 C 11.777,3 12,3.223 12,3.5 l 0,6 C 12,9.777 11.777,10 11.5,10 l -4,0 C 7.223,10 7,9.777 7,9.5 l 0,-6 C 7,3.223 7.223,3 7.5,3 Z m -4,1 C 2.669,4 2,4.669 2,5.5 l 0,8 C 2,14.331 2.669,15 3.5,15 l 6,0 c 0.831,0 1.5,-0.669 1.5,-1.5 l 0,-0.5 -2.5,0 -4,0 C 4.223,13 4,12.777 4,12.5 L 4,6.5 4,4 3.5,4 Z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4680"
+ transform="matrix(-1.0264221,0,0,1.0297012,395.02642,0.97029876)">
+ <g
+ id="layer1-7"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:label="#path3766"
+ sodipodi:nodetypes="cscsccsccscsccssssc"
+ id="Symbol-8"
+ d="m 2.4469076,2.4416061 c -1.92921018,1.9221416 -1.92921008,5.0421398 0,6.9642808 1.6818402,1.6756791 4.272808,1.8988571 6.1889674,0.6529021 0.325705,0.01628 0.850926,0.06109 1.037561,0.272042 0.254123,0.287232 -0.105101,0.958719 0.382261,1.396484 l 3.031041,3.071232 c 0,0 0.562273,0.600501 1.438025,-0.272043 0.875752,-0.872543 0.273043,-1.432755 0.273043,-1.432755 L 11.766764,10.022517 C 11.327388,9.5369409 10.653432,9.8948469 10.365145,9.6416569 10.153416,9.4557059 10.10844,8.9324089 10.092102,8.6078959 11.342639,6.6987579 11.118641,4.117284 9.4368,2.4416061 c -1.9292105,-1.92214145 -5.0606821,-1.92214135 -6.9898924,0 z m 1.1831848,1.1425773 c 0.5964074,-0.594222 1.4205257,-0.9430796 2.3299641,-0.9430797 1.8188769,0 3.2947145,1.4704303 3.2947145,3.2826428 0,1.8122134 -1.4758368,3.2826434 -3.2947145,3.2826434 -1.8188758,1e-6 -3.2947148,-1.47043 -3.2947148,-3.2826434 1e-7,-0.9061061 0.3683435,-1.745341 0.9647507,-2.3395631 z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 309,2 c -0.554,0 -1,0.446 -1,1 l 0,12 c 0,0.554 0.446,1 1,1 l 12,0 c 0.554,0 1,-0.446 1,-1 l 0,-12 c 0,-0.554 -0.446,-1 -1,-1 l -12,0 z m 3,1 6,0 c 1.108,0 2,0.892 2,2 l 0,6 c 0,1.108 -0.892,2 -2,2 l -6,0 c -1.108,0 -2,-0.892 -2,-2 l 0,-6 c 0,-1.108 0.892,-2 2,-2 z"
+ id="rect4570"
+ inkscape:connector-curvature="0" />
+ <g
+ style="font-style:normal;font-weight:bold;font-size:15px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans Bold';letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ id="text4575"
+ transform="matrix(0.5721975,0,0,0.58799884,135.90225,10.439994)">
+ <path
+ d="m 311.30469,-0.89477539 -0.43213,-1.11328121 -0.0659,0 q -0.2417,0.3295898 -0.4834,0.571289 -0.2417,0.234375 -0.52734,0.3881836 -0.28565,0.15380861 -0.64453,0.2270508 -0.35157,0.0732422 -0.82032,0.0732422 -0.49804,0 -0.92285,-0.15380859 -0.4248,-0.16113281 -0.73974,-0.47607421 -0.30762,-0.3222657 -0.4834,-0.8056641 -0.17578,-0.4907226 -0.17578,-1.1572266 0,-1.3037109 0.83496,-1.9189453 0.83496,-0.6225586 2.49756,-0.6884765 l 1.30371,-0.043945 0,-0.6152344 q 0,-0.5053711 -0.29297,-0.7470703 -0.29297,-0.2416992 -0.82031,-0.2416992 -0.52735,0 -1.03272,0.1538085 -0.49805,0.1538086 -1.00342,0.4101563 L 306.771,-8.5119629 q 0.61523,-0.3442383 1.3623,-0.5419922 0.74707,-0.1977539 1.56738,-0.1977539 1.53077,0 2.34375,0.7177735 0.82032,0.7177734 0.82032,2.1826171 l 0,5.45654301 -1.56006,0 z m -0.65918,-3.79394531 -0.73975,0.029297 q -0.44678,0.014648 -0.75439,0.1171875 -0.30762,0.102539 -0.49805,0.2783203 -0.18311,0.168457 -0.271,0.4101562 -0.0806,0.234375 -0.0806,0.5273438 0,0.5126953 0.24902,0.7324219 0.24902,0.2124023 0.65186,0.2124023 0.30761,0 0.57129,-0.1025391 0.26367,-0.1098632 0.4541,-0.3149414 0.19775,-0.2124023 0.30761,-0.5126953 0.10987,-0.3076172 0.10987,-0.703125 l 0,-0.6738281 z"
+ id="path4580"
+ inkscape:connector-curvature="0"
+ style="fill:#ffffff;fill-opacity:1" />
+ <path
+ d="m 316.47486,-7.6477051 c -0.3955,0 -0.72509,0.1391602 -0.98877,0.4174805 -0.25879,0.2783203 -0.40772,0.715332 -0.44678,1.3110351 l 2.84913,0 c -0.005,-0.2490234 -0.0364,-0.4785156 -0.0952,-0.6884765 -0.0586,-0.2099609 -0.1465,-0.390625 -0.26367,-0.5419922 -0.1172,-0.15625 -0.26368,-0.2783203 -0.43946,-0.3662109 -0.17578,-0.087891 -0.38086,-0.131836 -0.61523,-0.131836 z m 0.28564,6.89941408 c -0.58593,0 -1.12548,-0.0854492 -1.61865,-0.25634768 -0.49316,-0.1708984 -0.91797,-0.427246 -1.27441,-0.7690429 -0.35644,-0.3466797 -0.63476,-0.7812501 -0.83497,-1.303711 -0.1953,-0.5273437 -0.29296,-1.1450195 -0.29296,-1.8530273 0,-0.7177735 0.0903,-1.3452149 0.27099,-1.8823242 0.18067,-0.5371094 0.43214,-0.9838868 0.7544,-1.3403321 0.32715,-0.3613281 0.71778,-0.6323242 1.17187,-0.8129883 0.45899,-0.180664 0.9668,-0.270996 1.52344,-0.270996 0.542,0 1.03028,0.083008 1.46484,0.2490234 0.43946,0.1611328 0.81055,0.4003906 1.11328,0.7177734 0.30762,0.3173828 0.542,0.7080078 0.70313,1.171875 0.16602,0.4589844 0.24902,0.9863282 0.24902,1.5820313 l 0,1.0839844 -4.99511,0 c 0.01,0.3125 0.0586,0.5957031 0.14648,0.8496093 0.0928,0.2490235 0.21973,0.4614258 0.38086,0.6372071 0.16602,0.1708984 0.36377,0.3027343 0.59326,0.3955078 0.23438,0.092773 0.50049,0.1391601 0.79834,0.1391601 0.24903,0 0.48341,-0.012207 0.70313,-0.036621 0.22461,-0.029297 0.44189,-0.070801 0.65185,-0.1245117 0.20996,-0.053711 0.41748,-0.1196286 0.62256,-0.1977539 0.20509,-0.083008 0.41504,-0.1782226 0.62988,-0.2856445 l 0,1.7285156 c -0.19531,0.1025391 -0.39306,0.1904297 -0.59326,0.2636719 -0.19531,0.0683594 -0.40283,0.1269531 -0.62256,0.17578123 -0.21972,0.0488281 -0.45654,0.0830078 -0.71045,0.10253906 -0.2539,0.0244141 -0.53222,0.0366211 -0.83496,0.036621 z"
+ id="path4582"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="scccccsssssccscccscccscccccscsccccscs"
+ style="fill:#ffffff;fill-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 171,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 171,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,2 a 5,5 0 0 1 5,5 A 5,5 0 0 1 171,14 a 5,5 0 0 1 -5,-5.0000004 5,5 0 0 1 5,-5 z"
+ id="path4643" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4650"
+ width="2"
+ height="5"
+ x="170"
+ y="4.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 170.93945,7.4999996 170,8.4394527 l 0,0.9492188 3.06055,3.0605475 1.41406,-1.414063 -3.53516,-3.5351564 z"
+ id="rect4650-7" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695"
+ sodipodi:sides="5"
+ sodipodi:cx="135"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 135,1.6998634 2.21007,4.9580961 5.39838,0.5697682 -4.03248,3.6340393 L 139.70228,16.172 135,13.459863 l -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <path
+ sodipodi:type="star"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4695-1"
+ sodipodi:sides="5"
+ sodipodi:cx="153.00044"
+ sodipodi:cy="9.6998634"
+ sodipodi:r1="8"
+ sodipodi:r2="3.76"
+ sodipodi:arg1="-1.5707963"
+ sodipodi:arg2="-0.9424778"
+ inkscape:flatsided="false"
+ inkscape:rounded="-1.44676e-15"
+ inkscape:randomized="0"
+ d="m 153.00044,1.6998634 2.21008,4.9580961 5.39837,0.5697682 -4.03247,3.6340393 1.1263,5.310233 -4.70228,-2.712137 -4.70228,2.712136 1.12631,-5.310232 -4.03248,-3.6340397 5.39838,-0.5697677 z"
+ inkscape:transform-center-y="-0.76393202" />
+ <g
+ id="g4739"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4733"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4735"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="471"
+ height="2"
+ width="12"
+ id="rect4737"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 621,2.4011949 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 L 615,13.979 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9781957 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 621.51116,2.4982951 621.25562,2.4011949 621,2.4011949 Z m -4,5.5992887 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2.0000004 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z m -2,2 1,0 0,1 -1,0 z m 2,0 6,0 0,1 -6,0 z"
+ id="rect4744"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="sccssssssssccscccccccccccccccccccccccccccccc" />
+ <g
+ id="g4297"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="633"
+ height="5.979197"
+ width="4"
+ id="rect4289"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="9"
+ x="638"
+ height="5.979197"
+ width="7"
+ id="rect4291"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="642"
+ height="5"
+ width="3"
+ id="rect4293"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="633"
+ height="5"
+ width="8"
+ id="rect4295"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 326,2.9999996 326,15 l 14,0 0,-12.0000004 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 L 338,13 l -10,0 0,-7.0000004 z"
+ id="rect4294" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4325"
+ width="10"
+ height="2"
+ x="544"
+ y="7.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <g
+ id="g4331"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="566"
+ height="10"
+ width="2"
+ id="rect4327"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="562"
+ height="2"
+ width="10"
+ id="rect4329"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4352"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ id="rect4294-9"
+ d="m 668,3 0,12 14,0 0,-12 -14,0 z m 6,1 1,0 0,1 -1,0 0,-1 z m 2,0 1,0 0,1 -1,0 0,-1 z m 2,0 2,0 0,1 -2,0 0,-1 z m -8,2 10,0 0,7 -10,0 0,-7 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ inkscape:connector-curvature="0" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="6"
+ x="676"
+ height="7"
+ width="2"
+ id="rect4350"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,2.9999996 0,7.8261724 0,0.173828 0.01,0 c 0.15732,2.222938 3.23985,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.8261724 z M 761.46484,5.849609 765,9.3847652 768.53516,5.849609 769.73633,7.0507808 765.95508,10.833984 765,11.787109 764.04492,10.833984 760.26367,7.0507808 761.2168,6.0957027 Z"
+ id="rect4356"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ id="g4388"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="M 238 3 L 238 3.9003906 L 238 14.099609 L 238 15 L 248 15 L 248 14.099609 L 248 7 L 244 3 L 238 3 z M 244 4.4140625 L 246.58594 7 L 244 7 L 244 6.0996094 L 244 4.4140625 z "
+ id="rect4365" />
+ </g>
+ <g
+ id="g4396"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="4"
+ x="578"
+ height="10"
+ width="10"
+ id="rect4392"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ sodipodi:nodetypes="ccccc"
+ inkscape:connector-curvature="0"
+ id="path4394"
+ d="m 588,7 4,-2 0,8 -4,-2 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4436"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4400"
+ d="m 420,6 0,6 6,0 0,-6 -6,0 z m 1,2 4,0 0,3 -4,0 0,-3 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407"
+ d="m 423,5 3,0 -3,-3 -3,3 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-0"
+ d="m 423,13 3,0 -3,3 -3,-3 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-4"
+ d="m 427,9 0,3 3,-3 -3,-3 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4407-1"
+ d="m 419,9 0,-3 -3,3 3,3 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4463"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443"
+ d="m 598,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4443-5"
+ d="m 603,5 3,0 3,4 -3,4 -3,0 3,-4 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 459,3.9999996 a 5,5 0 0 0 -5,5 A 5,5 0 0 0 459,14 a 5,5 0 0 0 5,-5.0000004 5,5 0 0 0 -5,-5 z m 0,3 a 2,2 0 0 1 2,2 A 2,2 0 0 1 459,11 a 2,2 0 0 1 -2,-2.0000004 2,2 0 0 1 2,-2 z"
+ id="path4467" />
+ <g
+ id="g4503"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4503-2"
+ transform="matrix(0.70710678,0.70710678,-0.70710678,0.70710678,140.80195,-321.92597)"
+ style="fill:#ffffff;fill-opacity:1">
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="3"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-7"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="463"
+ height="2"
+ width="2"
+ id="rect4474-4-5"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="8"
+ x="453"
+ height="2"
+ width="2"
+ id="rect4474-1-3"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.38778e-16"
+ rx="1.38778e-16"
+ y="13"
+ x="458"
+ height="2"
+ width="2"
+ id="rect4474-13-8"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 758,21 0,7.826172 0,0.173828 0.01,0 c 0.15733,2.222938 3.23986,3.977369 6.99023,3.978516 3.74811,-0.003 6.82715,-1.756919 6.98438,-3.978516 l 0.0154,0 0,-0.173828 0,-7.826172 z m 3.46483,2.849609 3.53517,3.535157 3.53516,-3.535157 1.20117,1.201172 -3.78125,3.783203 -0.95508,0.953125 -0.95508,-0.953125 -3.78125,-3.783203 0.95313,-0.955078 z"
+ id="rect4356-9"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="cccccccccccccccccccc" />
+ <g
+ style="display:inline;fill:#ffffff;fill-opacity:1"
+ id="g4734"
+ transform="translate(343,0.99999957)">
+ <g
+ id="layer1-92"
+ inkscape:label="Calque 1"
+ style="display:inline;fill:#ffffff;fill-opacity:1">
+ <path
+ id="path3015"
+ d="M 5,2 C 3.892,2 3,2.892 3,4 l 0,3 -2,0 0,3 4,0 1,0 0,-2 4,0 0,2 1,0 4,0 0,-3 -2,0 0,-3 C 13,2.892 12.108,2 11,2 L 5,2 Z m 2,7 0,2 -2,0 0,2 2,0 0,2 2,0 0,-2 2,0 0,-2 -2,0 0,-2 -2,0 z"
+ style="display:inline;fill:#ffffff;fill-opacity:1;stroke:none"
+ inkscape:connector-curvature="0" />
+ </g>
+ </g>
+ <g
+ id="g4377"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccc"
+ inkscape:connector-curvature="0"
+ id="path4766"
+ d="m 435,15 2,0 6,-6 -2,-2 -6,6 z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path4768"
+ d="m 444,2 a 4,4 0 0 0 -4,4 4,4 0 0 0 4,4 4,4 0 0 0 4,-4 4,4 0 0 0 -0.33398,-1.5859375 c -0.0612,0.086178 -0.1291,0.1701155 -0.20704,0.2480469 l -1.84765,1.8476562 c -0.66351,0.6635048 -1.67021,0.7243245 -2.25781,0.1367188 -0.58761,-0.5876058 -0.52679,-1.5943077 0.13671,-2.2578125 l 1.84766,-1.8476563 c 0.0789,-0.078897 0.16267,-0.1491534 0.25,-0.2109375 A 4,4 0 0 0 444,2 Z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 746.98828,2.4003902 c -0.25562,0 -0.51116,0.0971 -0.70703,0.2929688 l -2.30469,2.3066406 -1.98828,0 c -0.554,0 -1,0.446 -1,1 l 0,7.9785164 c 0,0.554 0.446,1 1,1 l 10,0 c 0.554,0 1,-0.446 1,-1 l 0,-7.9785164 c 0,-0.554 -0.446,-1 -1,-1 l -1.98828,0 -2.30469,-2.3066406 C 747.49944,2.4974904 747.2439,2.4003902 746.98828,2.4003902 Z m 1.55078,3.5996094 a 2.4615383,2.4615385 0 0 1 0.97656,0.203125 c -0.0537,0.038021 -0.10569,0.080354 -0.15429,0.1289062 l -1.13672,1.1386719 c -0.40828,0.4083106 -0.4456,1.0270683 -0.084,1.3886719 0.3616,0.3616032 0.98037,0.3243263 1.38868,-0.083984 l 1.13867,-1.1367187 c 0.0479,-0.047958 0.0892,-0.099311 0.12695,-0.1523438 A 2.4615383,2.4615385 0 0 1 751,8.4609371 2.4615383,2.4615385 0 0 1 748.53906,10.923828 2.4615383,2.4615385 0 0 1 747.5293,10.703125 L 744.23047,14 743,14 l 0,-1.230469 3.29688,-3.2988283 a 2.4615383,2.4615385 0 0 1 -0.22071,-1.0097656 2.4615383,2.4615385 0 0 1 2.46289,-2.4609375 z"
+ id="rect4744-3" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,1.9999996 a 7,7 0 0 0 -7,7 A 7,7 0 0 0 693,16 a 7,7 0 0 0 7,-7.0000004 7,7 0 0 0 -7,-7 z m 0,0.671875 0,2.328125 a 4,4 0 0 1 4,4 A 4,4 0 0 1 693,13 4,4 0 0 1 689.13086,9.9999996 l 1.04492,0 A 3,3 0 0 0 693,12 a 3,3 0 0 0 3,-3.0000004 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.7558594 -0.71289,-0.7128906 -0.36133,-0.359375 L 693,2.6718746 Z"
+ id="path4408" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 693,20 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,0.671875 L 693,23 a 4,4 0 0 1 4,4 4,4 0 0 1 -4,4 4,4 0 0 1 -3.86914,-3 l 1.04492,0 A 3,3 0 0 0 693,30 a 3,3 0 0 0 3,-3 3,3 0 0 0 -3,-3 l 0,2.328125 -1.75586,-1.755859 -0.71289,-0.712891 L 690.16992,23.5 693,20.671875 Z"
+ id="path4408-6" />
+ <g
+ id="g4497"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ sodipodi:nodetypes="cccccccccccccccccccccsssssss"
+ inkscape:connector-curvature="0"
+ id="path4490"
+ d="m 709.6,3 -1.6,2 -0.3,2 -2.7,3 0,5 1,0 2,-2 1,0 1,1 1,0 1,0 1,-1 1,0 2,2 1,0 0,-5 L 714.3,7 714,5 712.4,3 711,2 Z m 0.9,3 1,0 c 0.277,0 0.5,0.223 0.5,0.5 0,0.277 -0.223,0.5 -0.5,0.5 l -1,0 C 710.223,7 710,6.777 710,6.5 710,6.223 710.223,6 710.5,6 Z"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+ <rect
+ ry="0.5"
+ rx="0.5"
+ y="14.5"
+ x="710"
+ height="1"
+ width="2"
+ id="rect4492"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <g
+ id="g4566"
+ transform="matrix(0,1,-1,0,247.2144,-263.81249)"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-4"
+ d="m 272.53125,-19.781249 c -0.19625,0.008 -0.40095,0.0345 -0.59375,0.0625 -2.31356,0.335389 -4.30673,2.01152 -4.9375,4.40625 -0.13556,0.51465 -0.18822,1.02272 -0.1875,1.53125 l 1.96875,0 c 8.3e-4,-0.33898 0.0345,-0.68773 0.125,-1.03125 0.56572,-2.14773 2.75852,-3.40946 4.90625,-2.84375 0.6942,0.18285 1.28439,0.56718 1.78125,1.0625 l -1.8125,1.8125 5,0 0,-5.000001 -1.75,1.750001 c -0.74487,-0.740739 -1.68058,-1.257801 -2.71875,-1.531251 -0.59867,-0.157689 -1.19251,-0.244029 -1.78125,-0.218749 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect4492-7-85-4"
+ d="m 276.8125,-13.781249 c -0.002,0.33623 -0.0353,0.65936 -0.125,1 -0.56572,2.14773 -2.75852,3.409459 -4.90625,2.8437495 -0.6942,-0.1828495 -1.28439,-0.5671795 -1.78125,-1.0624995 l 1.8125,-1.8125 -5,0 0,4.999999 1.75,-1.75 c 0.74487,0.74074 1.68058,1.2578 2.71875,1.53125 0.59867,0.15769 1.19251,0.24403 1.78125,0.21875 0.19625,-0.008 0.40095,-0.0345 0.59375,-0.0625 2.31356,-0.33539 4.30673,-2.0115195 4.9375,-4.406249 0.13279,-0.50415 0.1856,-1.00151 0.1875,-1.5 l -1.96875,0 z"
+ style="color:#000000;display:block;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.9999997;marker:none;enable-background:new" />
+ </g>
+ <g
+ id="g4668"
+ style="fill:#ffffff;fill-opacity:1">
+ <path
+ inkscape:connector-curvature="0"
+ id="path4584"
+ d="m 729,2 a 7,7 0 0 0 -7,7 7,7 0 0 0 7,7 7,7 0 0 0 7,-7 7,7 0 0 0 -7,-7 z m 0,1 a 6,6 0 0 1 6,6 6,6 0 0 1 -6,6 6,6 0 0 1 -6,-6 6,6 0 0 1 6,-6 z"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="1"
+ y="3"
+ x="727"
+ height="12"
+ width="1"
+ id="rect4589"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="3"
+ x="730"
+ height="12"
+ width="1"
+ id="rect4589-8"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2568936"
+ x="724"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="4.2998734"
+ x="733"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-4"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="4"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-8"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-733.76257"
+ x="13"
+ height="9.5251265"
+ width="1"
+ id="rect4589-1-2"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="10"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-9"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ transform="matrix(0,1,-1,0,0,0)"
+ ry="1.3877788e-16"
+ rx="1.3877788e-16"
+ y="-735"
+ x="7"
+ height="11.99998"
+ width="1"
+ id="rect4589-1-22"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <circle
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4679"
+ cx="274"
+ cy="14"
+ r="2" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,6.9999996 0,3 A 6,6 0 0 1 278,16 l 3,0 a 9,9 0 0 0 -9,-9.0000004 z"
+ id="path4683" />
+ <path
+ inkscape:connector-curvature="0"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 272,1.9999996 0,3 A 11,11 0 0 1 283,16 l 3,0 A 14,14 0 0 0 272,1.9999996 Z"
+ id="path4688" />
+ <path
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ d="m 219,6.9999996 13,0 1,0 -1,7.9791974 0,0 -13,0 0,0 -1,-7.9791974 z"
+ id="rect4708"
+ inkscape:connector-curvature="0"
+ sodipodi:nodetypes="ccccccccc" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4711"
+ width="13"
+ height="2"
+ x="219"
+ y="3.9999995"
+ rx="1.38778e-16"
+ ry="1.38778e-16" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4713"
+ width="6"
+ height="3"
+ x="219"
+ y="2.9999995"
+ rx="1"
+ ry="1" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4979"
+ width="10"
+ height="10"
+ x="200.00009"
+ y="6"
+ rx="1"
+ ry="1" />
+ <ellipse
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="path4981"
+ cx="205.00009"
+ cy="3.625"
+ rx="2.0000014"
+ ry="1.625" />
+ <rect
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+ id="rect4983"
+ width="2"
+ height="3.6273403"
+ x="204.00009"
+ y="4"
+ rx="1"
+ ry="1" />
+ <g
+ id="g5003"
+ transform="matrix(0,1,-1.0333195,0,213.64476,-194)"
+ style="fill:#ffffff;fill-opacity:1">
+ <ellipse
+ ry="1.5"
+ rx="2.0000014"
+ cy="1.1550797"
+ cx="205"
+ id="path4981-3"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <rect
+ ry="1"
+ rx="0.9677549"
+ y="1.6550797"
+ x="204"
+ height="3.6273403"
+ width="2"
+ id="rect4983-7"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ </g>
+ <path
+ inkscape:connector-curvature="0"
+ style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+ d="M 361,3.9999998 C 360.60225,9.3474948 361.65771,11.475301 364,13 l 3,0 c 1.34792,-1.038563 0.98353,-1.5625 2,-1.5625 1.0167,0.0022 0.65208,0.523937 2,1.5625 l 3,0 c 2.34229,-1.524699 3.39775,-3.6525052 3,-9.0000002 0,0 -0.58016,0.801126 -1,1 l -2,0 c -0.39775,-0.839689 -2,-1 -2,-1 -2.03293,1.016466 -1.02772,1.779029 -2,2 l -1,0 -1,0 c -0.26517,0.06629 0.0329,-1.005631 -2,-2 0,0 -1.60225,0.160311 -2,1 l -2,0 c -0.41984,-0.198874 -1,-1 -1,-1 z m 5,4 a 2,1 0 0 1 2,1 A 2,1 0 0 1 366,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z m 6,0 a 2,1 0 0 1 2,1 A 2,1 0 0 1 372,10 a 2,1 0 0 1 -2,-1.0000002 2,1 0 0 1 2,-1 z"
+ id="path5021" />
+ <g
+ id="g5070"
+ style="fill:#ffffff;fill-opacity:1">
+ <circle
+ r="7"
+ cy="9"
+ cx="9"
+ id="path5059"
+ style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="rect5061"
+ d="m 5,5 0,8 8,0 0,-8 -8,0 z m 1,1 6,0 0,6 -6,0 0,-6 z"
+ style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.69999999;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5066"
+ d="m 6,6 6,6"
+ style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path5068"
+ d="M 12,6 6,12"
+ style="fill:#ffffff;fill-rule:evenodd;stroke:#000000;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1" />
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png b/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png
new file mode 100644
index 0000000..d09ba9d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/background-noise-toolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png
new file mode 100644
index 0000000..1200509
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png
new file mode 100644
index 0000000..9131951
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customize-illustration.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico b/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico
new file mode 100644
index 0000000..c7bd843
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customizeFavicon.ico
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png
new file mode 100644
index 0000000..a7c2775
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-gridTexture.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png
new file mode 100644
index 0000000..5e17cb4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorHorizontal.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png
new file mode 100644
index 0000000..dc4caee
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/customizeMode-separatorVertical.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png
new file mode 100644
index 0000000..0dfbbce
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/info-icon-customizeTip.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png
new file mode 100644
index 0000000..0251ed7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png
new file mode 100644
index 0000000..593e1df
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/menuPanel-customizeFinish@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
new file mode 100644
index 0000000..f618e06
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
@@ -0,0 +1,1575 @@
+/* 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/. */
+
+/* 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/. */
+
+
+
+
+
+
+
+#PanelUI-popup #PanelUI-contents:empty {
+ height: 128px;
+}
+
+#PanelUI-popup #PanelUI-contents:empty::before {
+ content: "";
+ background-image: url(chrome://browser/skin/customizableui/whimsy-bw.png);
+ display: block;
+ width: 64px;
+ height: 64px;
+ position: absolute;
+ transition: transform 1s ease-out;
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:active:empty::before {
+ animation: whimsyMoveX 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):empty::before {
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate;
+}
+
+#PanelUI-popup #PanelUI-contents:-moz-locale-dir(rtl):active:empty::before {
+ animation: whimsyMoveXRTL 3.05s linear 0s infinite alternate,
+ whimsyMoveY 3.4s linear 0s infinite alternate,
+ whimsyRotate 1s linear 0s infinite normal;
+}
+
+#PanelUI-popup #PanelUI-contents:empty:hover::before {
+ background-image: url(chrome://browser/skin/customizableui/whimsy.png);
+}
+
+@media (min-resolution: 2dppx) {
+ #PanelUI-popup #PanelUI-contents:empty::before {
+ background-image: url(chrome://browser/skin/customizableui/whimsy-bw@2x.png);
+ background-size: 64px 64px;
+ }
+ #PanelUI-popup #PanelUI-contents:empty:hover::before {
+ background-image: url(chrome://browser/skin/customizableui/whimsy@2x.png);
+ }
+}
+
+@keyframes whimsyMoveX {
+ /* These values are adjusted for the padding on the panel. */
+ from { margin-left: -15px; } to { margin-left: calc(100% - 49px); }
+}
+
+@keyframes whimsyMoveXRTL {
+ /* These values are adjusted for the padding on the panel. */
+ from { margin-right: -15px; } to { margin-right: calc(100% - 49px); }
+}
+
+@keyframes whimsyMoveY {
+ /* These values are adjusted for the padding and height of the panel. */
+ from { margin-top: -.5em; } to { margin-top: calc(64px - .5em); }
+}
+
+@keyframes whimsyRotate {
+ to { transform: perspective(5000px) rotateY(360deg); }
+}
+
+#PanelUI-button {
+ -moz-margin-start: 2px;
+ -moz-border-start: 1px solid;
+ border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
+ border-image-slice: 1;
+}
+
+#nav-bar[brighttext] > #PanelUI-button {
+ border-image-source: linear-gradient(transparent, rgba(100%,100%,100%,.2) 20%, rgba(100%,100%,100%,.2) 80%, transparent);
+}
+
+#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after {
+ content: url(chrome://browser/skin/update-badge.svg);
+ background-color: #74BF43;
+ height: 10px;
+}
+
+.panel-subviews {
+ padding: 4px;
+ background-clip: padding-box;
+ border-left: 1px solid hsla(210,4%,10%,.3);
+ box-shadow: 0 3px 5px hsla(210,4%,10%,.1),
+ 0 0 7px hsla(210,4%,10%,.1);
+ -moz-margin-start: 38px;
+}
+
+.panel-viewstack[viewtype="main"] > .panel-subviews {
+ transform: translateX(22.35em);
+}
+
+.panel-viewstack[viewtype="main"] > .panel-subviews:-moz-locale-dir(rtl) {
+ transform: translateX(-22.35em);
+}
+
+panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .panel-subviews {
+ display: none;
+}
+
+.panel-viewstack:not([viewtype="main"]) > .panel-mainview > #PanelUI-mainView {
+ -moz-box-flex: 1;
+}
+
+.panel-subview-body {
+ overflow-y: auto;
+ overflow-x: hidden;
+ -moz-box-flex: 1;
+}
+
+#PanelUI-popup .panel-subview-body {
+ margin: -4px;
+ padding: 4px 4px;
+}
+
+.panel-subview-header,
+.subviewbutton.panel-subview-footer {
+ box-sizing: border-box;
+ min-height: 41px;
+ padding: 11px 12px;
+}
+
+.panel-subview-header {
+ margin: -4px -4px 4px;
+ box-shadow: 0 -1px 0 hsla(210,4%,10%,.05) inset;
+ color: GrayText;
+ font-variant: small-caps;
+}
+
+.cui-widget-panelview .panel-subview-header {
+ display: none;
+}
+
+.cui-widget-panelview .subviewbutton.panel-subview-footer {
+ margin: 4px 0 0;
+ -moz-box-pack: center;
+}
+
+#PanelUI-mainView {
+ display: flex;
+ flex-direction: column;
+}
+
+#app-extension-point-end > #PanelUI-menu-button {
+ padding: 2px 5px;
+}
+#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text {
+ display: none;
+}
+#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon {
+ margin: 0;
+}
+
+#PanelUI-popup > arrowscrollbox > autorepeatbutton {
+ display: none;
+}
+#PanelUI-popup > arrowscrollbox > scrollbox {
+ overflow: visible;
+}
+
+#PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ overflow: hidden;
+}
+
+#PanelUI-popup > .panel-arrowcontainer > .panel-arrowcontent,
+.cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box {
+ padding: 0;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
+ line-height: 1.1;
+ max-height: 2.2em;
+}
+
+.panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
+.panelUI-grid .toolbarbutton-1:not([auto-hyphens="off"]) > .toolbarbutton-multiline-text {
+ -moz-hyphens: auto;
+}
+
+.panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text,
+.panelUI-grid:not([customize-transitioning]) .toolbarbutton-1 > .toolbarbutton-multiline-text {
+ position: absolute;
+ clip: rect(auto, auto, 2.3em, auto);
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-text,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-multiline-text {
+ text-align: center;
+ /* Need to override toolkit theming which sets margin: 0 !important; */
+ margin: 2px 0 0 !important;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
+ text-align: center;
+ margin: -1px 0 0;
+}
+
+#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
+#wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
+ -moz-margin-start: 0;
+}
+
+#PanelUI-contents {
+ max-width: 22.35em;
+}
+
+#BMB_bookmarksPopup,
+.panel-mainview:not([panelid="PanelUI-popup"]) {
+ max-width: 30em;
+}
+
+/* Bug 1164419 - increase Pocket panel size to accomidate wider Russian text. */
+panelmultiview[mainViewId=PanelUI-pocketView] > .panel-viewcontainer > .panel-viewstack > .panel-mainview:not([panelid="PanelUI-popup"]) {
+ max-width: 33em; /* standaloneSubviewWidth + 3 */
+}
+
+panelview:not([mainview]) .toolbarbutton-text,
+.cui-widget-panel toolbarbutton > .toolbarbutton-text {
+ text-align: start;
+ display: -moz-box;
+}
+
+.cui-widget-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 4px 0;
+}
+
+.cui-widget-panel[viewId="PanelUI-pocketView"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.cui-widget-panel.cui-widget-panelWithFooter > .panel-arrowcontainer > .panel-arrowcontent {
+ padding-bottom: 0;
+}
+
+#PanelUI-contents {
+ display: block;
+ flex: 1 0 auto;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .5em 0;
+ max-width: 22.35em;
+}
+
+#PanelUI-contents-scroller {
+ overflow-y: auto;
+ overflow-x: hidden;
+ width: 22.35em;
+ padding-left: 5px;
+ padding-right: 5px;
+ flex: auto;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon {
+ min-width: 0;
+ min-height: 0;
+ margin: 0;
+}
+
+toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item),
+.panelUI-grid .toolbarbutton-1,
+.panel-customization-placeholder-child {
+ -moz-appearance: none;
+ -moz-box-orient: vertical;
+ width: calc((22.35em / 3 - 0.1px));
+ height: calc(51px + 2.2em);
+}
+
+/* In order to have button labels constrained appropriately, items inside the toolbarpaletteitem
+ * should have a min-width set so they abide by the width set above (which they do outside of
+ * customize mode because they're in a flexed container) */
+toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 {
+ min-width: 0.01px;
+}
+
+/* Help SDK buttons fit in. */
+toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon,
+toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ height: 32px;
+ width: 32px;
+}
+
+toolbarpaletteitem:-moz-any([place="palette"], [place="panel"]) > toolbaritem[sdkstylewidget="true"] > .toolbarbutton-1 > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px;
+}
+
+.customization-palette .toolbarbutton-1 {
+ -moz-appearance: none;
+ -moz-box-orient: vertical;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ -moz-box-orient: vertical;
+ width: calc((22.35em / 3 - 0.1px) - 2px);
+ height: calc(49px + 2.2em);
+ border: 0;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-multiline-text {
+ margin-top: 2px; /* Hack needed to get the label of type=menu-button aligned with other buttons */
+}
+
+.panel-customization-placeholder-child {
+ margin: 6px 0 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+}
+
+.panelUI-grid .toolbarbutton-1[type="menu"] {
+ background-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow.png");
+ background-position: right 3px top 16px;
+ background-repeat: no-repeat;
+}
+
+.panelUI-grid .toolbarbutton-1[type="menu"]:-moz-locale-dir(rtl) {
+ background-position: left 3px top 16px;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-box-align: center;
+ width: 16px;
+ -moz-margin-start: -16px;
+ height: 51px;
+ margin-bottom: 2.2em;
+ padding: 0;
+}
+
+.panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker {
+ background-color: hsla(210,4%,10%,.1) !important;
+ border-radius: 0 0 0 2px;
+}
+
+.panelUI-grid .toolbarbutton-1:not([buttonover]):not(:-moz-any([disabled],[open],:active)):hover > .toolbarbutton-menubutton-dropmarker:-moz-locale-dir(rtl) {
+ border-radius: 0 0 2px 0;
+}
+
+#main-window:not([customizing]) .panel-combined-button[disabled] > .toolbarbutton-icon {
+ opacity: .5;
+}
+
+toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
+ width: calc((22.35em / 3 - 0.1px));
+ margin: 0 !important;
+}
+
+toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+}
+
+toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"] > iframe {
+ margin: 4px auto;
+}
+
+#PanelUI-multiView[viewtype="subview"] > .panel-viewcontainer > .panel-viewstack > .panel-mainview > #PanelUI-mainView {
+ background-color: hsla(210,4%,10%,.1);
+}
+
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .panel-wide-item,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-contents-scroller > #PanelUI-contents > .toolbarbutton-1:not([panel-multiview-anchor="true"]),
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-fxa-status,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-update-status,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > toolbarseparator,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-customize,
+#PanelUI-multiView[viewtype="subview"] #PanelUI-mainView > #PanelUI-footer > #PanelUI-footer-inner > #PanelUI-help:not([panel-multiview-anchor="true"]) {
+ opacity: .5;
+}
+
+/*
+ * XXXgijs: this is a workaround for a layout issue that was caused by these iframes,
+ * which was affecting subview display. Because of this, we're hiding the iframe *only*
+ * when displaying a subview. The discerning user might notice this, but it's not nearly
+ * as bad as the brokenness.
+ * This hack should be removed once https://bugzilla.mozilla.org/show_bug.cgi?id=975375
+ * is addressed.
+ */
+#PanelUI-multiView[viewtype="subview"] toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > iframe {
+ visibility: hidden;
+}
+
+toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-item) > .toolbarbutton-text {
+ text-align: center;
+}
+
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-icon,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container,
+.panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
+.customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
+.panel-customization-placeholder-child > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px;
+ min-width: 32px;
+ min-height: 32px;
+ /* Explanation for the below formula (A / B - C)
+ A
+ Each button is (22.35em / 3 - 0.1px) wide
+ B
+ Each button has two margins.
+ C (46px / 2 = 23px)
+ The button icon is 32 pixels wide.
+ The button has 12px of horizontal padding (6 on each side).
+ The button has 2px of horizontal border (1 on each side).
+ Total width of button's icon + button padding should therefore be 46px,
+ which means each horizontal margin should be the half the button's width - (46/2) px.
+ */
+ margin: 4px calc((22.35em / 3 - 0.1px) / 2 - 23px);
+}
+
+/* above we treat the container as the icon for the margins, that is so the
+/* badge itself is positioned correctly. Here we make sure that the icon itself
+/* has the minimum size we want, but no padding/margin. */
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px;
+ min-width: 32px;
+ min-height: 32px;
+ margin: 0;
+ padding: 0;
+}
+
+toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
+ -moz-box-flex: 1;
+}
+
+#personal-bookmarks[overflowedItem=true] > #bookmarks-toolbar-placeholder {
+ -moz-box-flex: 1;
+}
+
+#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 2px;
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
+ border-left: none;
+ border-right: none;
+ border-radius: 0;
+}
+
+#zoom-in-button > .toolbarbutton-text,
+#zoom-out-button > .toolbarbutton-text,
+#zoom-reset-button > .toolbarbutton-icon {
+ display: none;
+}
+
+#PanelUI-footer {
+ display: flex;
+ flex-shrink: 0;
+ flex-direction: column;
+ background-color: hsla(210,4%,10%,.07);
+ padding: 0;
+ margin: 0;
+}
+
+#PanelUI-footer-inner {
+ display: flex;
+ border-top: 1px solid hsla(210,4%,10%,.14);
+}
+
+#PanelUI-multiView[viewtype="subview"] #PanelUI-footer-inner {
+ position: relative;
+}
+
+#PanelUI-footer-inner > toolbarseparator {
+ border: 0;
+ border-left: 1px solid hsla(210,4%,10%,.14);
+ margin: 7px 0 7px;
+ -moz-appearance: none;
+}
+
+#PanelUI-footer-inner:hover > toolbarseparator {
+ margin: 0;
+}
+
+#PanelUI-update-status,
+#PanelUI-help,
+#PanelUI-fxa-status,
+#PanelUI-customize,
+#PanelUI-quit {
+ margin: 0;
+ padding: 11px 0;
+ box-sizing: border-box;
+ min-height: 40px;
+ -moz-appearance: none;
+ box-shadow: none;
+ border: none;
+ border-radius: 0;
+ transition: background-color;
+ -moz-box-orient: horizontal;
+}
+
+#PanelUI-update-status,
+#PanelUI-fxa-status {
+ border-top: 1px solid hsla(210,4%,10%,.14);
+ border-bottom: 1px solid transparent;
+ margin-bottom: -1px;
+}
+
+#PanelUI-update-status > .toolbarbutton-text,
+#PanelUI-fxa-status > .toolbarbutton-text {
+ width: 0; /* Fancy cropping solution for flexbox. */
+}
+
+#PanelUI-help,
+#PanelUI-quit {
+ min-width: 46px;
+}
+
+#PanelUI-update-status > .toolbarbutton-text,
+#PanelUI-fxa-status > .toolbarbutton-text,
+#PanelUI-customize > .toolbarbutton-text {
+ margin: 0;
+ padding: 0 6px;
+ text-align: start;
+}
+
+#PanelUI-help > .toolbarbutton-text,
+#PanelUI-quit > .toolbarbutton-text {
+ display: none;
+}
+
+#PanelUI-update-status > .toolbarbutton-icon,
+#PanelUI-fxa-status > .toolbarbutton-icon,
+#PanelUI-customize > .toolbarbutton-icon,
+#PanelUI-help > .toolbarbutton-icon,
+#PanelUI-quit > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+}
+
+#PanelUI-fxa-status,
+#PanelUI-customize {
+ flex: 1;
+ -moz-padding-start: 15px;
+ -moz-border-start-style: none;
+}
+
+#PanelUI-update-status {
+ width: calc(22.35em + 30px);
+ -moz-padding-start: 15px;
+ -moz-border-start-style: none;
+}
+
+#PanelUI-update-status {
+ list-style-image: url(chrome://branding/content/icon16.png);
+}
+
+#PanelUI-fxa-status {
+ list-style-image: url(chrome://browser/skin/sync-horizontalbar.png);
+}
+
+#PanelUI-fxa-status[syncstatus="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-horizontalbar.png);
+}
+
+#PanelUI-fxa-status[fxastatus="migrate-signup"],
+#PanelUI-fxa-status[fxastatus="migrate-verify"] {
+ list-style-image: url(chrome://browser/skin/warning16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#PanelUI-customize {
+ list-style-image: url(chrome://browser/skin/menuPanel-customize.png);
+}
+
+#customization-panelHolder #PanelUI-customize {
+ list-style-image: url(chrome://browser/skin/customizableui/menuPanel-customizeFinish.png);
+}
+
+#PanelUI-help {
+ list-style-image: url(chrome://browser/skin/menuPanel-help.png);
+}
+
+#PanelUI-quit {
+ -moz-border-end-style: none;
+ list-style-image: url(chrome://browser/skin/menuPanel-exit.png);
+}
+
+#PanelUI-fxa-status,
+#PanelUI-customize,
+#PanelUI-help,
+#PanelUI-quit {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#PanelUI-customize:hover,
+#PanelUI-help:not([disabled]):hover,
+#PanelUI-quit:not([disabled]):hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#PanelUI-customize:hover:active,
+#PanelUI-help:not([disabled]):hover:active,
+#PanelUI-quit:not([disabled]):hover:active {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
+#PanelUI-help[panel-multiview-anchor="true"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px);
+}
+
+#PanelUI-help[disabled],
+#PanelUI-quit[disabled] {
+ opacity: 0.4;
+}
+
+#PanelUI-fxa-status:not([disabled]):hover,
+#PanelUI-help:not([disabled]):hover,
+#PanelUI-customize:hover,
+#PanelUI-quit:not([disabled]):hover {
+ outline: 1px solid hsla(210,4%,10%,.07);
+ background-color: hsla(210,4%,10%,.07);
+}
+
+#PanelUI-fxa-status:not([disabled]):hover:active,
+#PanelUI-help:not([disabled]):hover:active,
+#PanelUI-customize:hover:active,
+#PanelUI-quit:not([disabled]):hover:active {
+ outline: 1px solid hsla(210,4%,10%,.12);
+ background-color: hsla(210,4%,10%,.12);
+ box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
+}
+
+#PanelUI-fxa-status:not([disabled]):hover,
+#PanelUI-fxa-status:not([disabled]):hover:active {
+ outline: none;
+}
+
+#PanelUI-update-status {
+ color: black;
+}
+
+#PanelUI-update-status[update-status="succeeded"] {
+ background-color: hsla(96, 65%, 75%, 0.5);
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover {
+ background-color: hsla(96, 65%, 75%, 0.8);
+}
+
+#PanelUI-update-status[update-status="succeeded"]:not([disabled]):hover:active {
+ background-color: hsl(96, 65%, 75%);
+}
+
+#PanelUI-update-status[update-status="failed"] {
+ background-color: hsla(359, 69%, 84%, 0.5);
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover {
+ background-color: hsla(359, 69%, 84%, 0.8);
+}
+
+#PanelUI-update-status[update-status="failed"]:not([disabled]):hover:active {
+ background-color: hsl(359, 69%, 84%);
+}
+
+#PanelUI-quit:not([disabled]):hover {
+ background-color: #d94141;
+ outline-color: #c23a3a;
+}
+
+#PanelUI-quit:not([disabled]):hover:active {
+ background-color: #ad3434;
+ outline-color: #992e2e;
+}
+
+#customization-panelHolder #PanelUI-customize {
+ color: white;
+ background-color: rgb(116,191,67);
+ text-shadow: none;
+ margin-top: -1px;
+}
+
+#customization-panelHolder #PanelUI-customize + toolbarseparator {
+ display: none;
+}
+
+#customization-panelHolder #PanelUI-customize:hover,
+#customization-panelHolder #PanelUI-customize:hover:active {
+ background-color: rgb(105,173,61);
+}
+
+#customization-palette .toolbarbutton-multiline-text,
+#customization-palette .toolbarbutton-text {
+ display: none;
+}
+
+panelview .toolbarbutton-1,
+.subviewbutton,
+.widget-overflow-list .toolbarbutton-1,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+.share-provider-button,
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 6px;
+ background-color: hsla(210,4%,10%,0);
+ border-radius: 2px;
+ border-style: solid;
+ border-color: hsla(210,4%,10%,0);
+}
+
+panelview .toolbarbutton-1,
+.subviewbutton,
+.widget-overflow-list .toolbarbutton-1,
+.share-provider-button,
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
+ border-width: 1px;
+}
+
+.subviewbutton.panel-subview-footer {
+ border-radius: 0;
+ border: none;
+}
+
+.subviewbutton.panel-subview-footer > .menu-text {
+ -moz-appearance: none;
+ -moz-margin-start: 0px !important;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 6px;
+ -moz-box-flex: 0;
+ text-align: center;
+}
+
+.subviewbutton.panel-subview-footer > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.subviewbutton.panel-subview-footer > .toolbarbutton-text {
+ text-align: center;
+ padding: 0;
+}
+
+.subviewbutton.panel-subview-footer > .menu-accel-container {
+ -moz-padding-start: 6px;
+}
+
+.subviewbutton:not(.panel-subview-footer) {
+ margin: 0;
+}
+
+.subviewbutton:not(.panel-subview-footer) > .toolbarbutton-text,
+/* Bookmark items need a more specific selector. */
+.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-text,
+.PanelUI-subView .subviewbutton:not(.panel-subview-footer) > .menu-iconic-text {
+ font: menu;
+}
+
+.PanelUI-subView .subviewbutton[shortcut]::after {
+ content: attr(shortcut);
+ float: right;
+ color: GrayText;
+}
+
+.PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
+ -moz-margin-start: 10px;
+}
+
+/* This is a <label> but it should fit in with the menu font- and colorwise. */
+#PanelUI-characterEncodingView-autodetect-label {
+ font: menu;
+ color: inherit;
+}
+
+.cui-widget-panelview .subviewbutton:not(.panel-subview-footer) {
+ margin-left: 4px;
+ margin-right: 4px;
+}
+
+panelview .toolbarbutton-1,
+.widget-overflow-list .toolbarbutton-1 {
+ margin-top: 6px;
+}
+
+panelview .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
+toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):hover,
+menu.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
+menuitem.subviewbutton:not(:-moz-any([disabled],:active))[_moz-menuactive],
+.share-provider-button:not(:-moz-any([disabled],[open],:active)):hover:not([checked="true"]),
+.widget-overflow-list .toolbarbutton-1:not(:-moz-any([disabled],[open],:active)):hover,
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not(:-moz-any([disabled],[open],:active)):hover {
+ background-color: hsla(210,4%,10%,.08);
+ border-color: hsla(210,4%,10%,.11);
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):not(:-moz-any([disabled],[open],:active)):hover {
+ border-color: hsla(210,4%,10%,.11);
+}
+
+panelview .toolbarbutton-1:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
+toolbarbutton.subviewbutton:not([disabled]):-moz-any([open],:hover:active),
+menu.subviewbutton:not([disabled])[_moz-menuactive]:active,
+menuitem.subviewbutton:not([disabled])[_moz-menuactive]:active,
+.share-provider-button:-moz-any(:not([disabled]):-moz-any([open],:hover:active),[checked=true]),
+.widget-overflow-list .toolbarbutton-1:not([disabled]):-moz-any([open],:hover:active),
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton:not([disabled]):-moz-any([open],:hover:active) {
+ background-color: hsla(210,4%,10%,.12);
+ border-color: hsla(210,4%,10%,.14);
+ box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
+}
+
+.subviewbutton.panel-subview-footer {
+ margin: 4px -4px -4px;
+ background-color: hsla(210,4%,10%,.07);
+ border-top: 1px solid hsla(210,4%,10%,.12);
+ border-radius: 0;
+}
+
+menuitem.panel-subview-footer:not(:-moz-any([disabled],:active))[_moz-menuactive],
+.subviewbutton.panel-subview-footer:not(:-moz-any([disabled],[open],:active)):hover {
+ background-color: hsla(210,4%,10%,.15);
+ border-top: 1px solid hsla(210,4%,10%,.14);
+}
+
+menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active,
+.subviewbutton.panel-subview-footer:not([disabled]):-moz-any([open],:hover:active) {
+ background-color: hsla(210,4%,10%,.19);
+ border-top: 1px solid hsla(210,4%,10%,.14);
+ box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
+}
+
+#BMB_bookmarksPopup .subviewbutton {
+ font: menu;
+ font-weight: normal;
+}
+
+#BMB_bookmarksPopup .subviewbutton:not([disabled="true"]) {
+ color: inherit;
+}
+
+#BMB_bookmarksPopup .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-up,
+#BMB_bookmarksPopup .panel-arrowcontainer > .panel-arrowcontent > .popup-internal-box > .autorepeatbutton-down {
+ -moz-appearance: none;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+/* Remove padding on xul:arrowscrollbox to avoid extra padding on footer */
+#BMB_bookmarksPopup arrowscrollbox {
+ padding-bottom: 0px;
+}
+
+#BMB_bookmarksPopup menupopup > .bookmarks-actions-menuseparator {
+ /* Hide bottom separator as the styled footer includes a top border serving the same purpose */
+ display: none;
+}
+
+/* Popups with only one item don't have a footer */
+#BMB_bookmarksPopup menupopup[placespopup=true][singleitempopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
+/* These popups never have a footer */
+#BMB_bookmarksToolbarPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox,
+#BMB_unsortedBookmarksPopup > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
+ /* And so they need some bottom padding: */
+ padding-bottom: 4px;
+}
+
+/* Disabled (empty) item is always alone and never has an icon, so fix its left padding */
+#BMB_bookmarksPopup menupopup[emptyplacesresult] .bookmark-item.subviewbutton {
+ padding-left: 6px;
+}
+
+.PanelUI-subView menuseparator,
+.PanelUI-subView toolbarseparator,
+.cui-widget-panelview menuseparator {
+ -moz-appearance: none;
+ min-height: 0;
+ border-top: 1px solid hsla(210,4%,10%,.15);
+ margin: 6px 0;
+ padding: 0;
+}
+
+.PanelUI-subView menuseparator,
+.PanelUI-subView toolbarseparator {
+ -moz-margin-start: -5px;
+ -moz-margin-end: -4px;
+}
+
+.PanelUI-subView menuseparator.small-separator,
+.PanelUI-subView toolbarseparator.small-separator {
+ margin-left: 5px;
+ margin-right: 5px;
+}
+
+.cui-widget-panelview menuseparator.small-separator {
+ margin-left: 10px;
+ margin-right: 10px;
+}
+
+.subviewbutton > .menu-accel-container {
+ -moz-box-pack: start;
+ -moz-margin-start: 10px;
+ -moz-margin-end: auto;
+ color: GrayText;
+}
+
+#PanelUI-historyItems > toolbarbutton {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+#PanelUI-recentlyClosedWindows > toolbarbutton > .toolbarbutton-icon,
+#PanelUI-recentlyClosedTabs > toolbarbutton > .toolbarbutton-icon,
+#PanelUI-historyItems > toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+toolbarbutton[panel-multiview-anchor="true"],
+toolbarbutton[panel-multiview-anchor="true"] > .toolbarbutton-menubutton-button {
+ color: HighlightText;
+ background-color: Highlight;
+}
+
+#PanelUI-help[panel-multiview-anchor="true"] + toolbarseparator {
+ display: none;
+}
+
+#PanelUI-help[panel-multiview-anchor="true"] {
+ background-image: linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-position: 0;
+}
+
+#PanelUI-help[panel-multiview-anchor="true"]::after {
+ content: "";
+ position: absolute;
+ top: 0;
+ height: 100%;
+ width: 38px;
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-repeat: no-repeat;
+ background-color: Highlight;
+ background-position: left 10px center, 0;
+}
+
+#PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-position: right 10px center, 0;
+}
+
+toolbarbutton[panel-multiview-anchor="true"] {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-position: right calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
+ background-repeat: no-repeat, repeat;
+}
+
+toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-position: left calc((22.35em / 3 - 0.1px) / 2 - 38px + 2px) center;
+}
+
+toolbarpaletteitem[place="palette"] > .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[cui-areatype="menu-panel"] > .toolbarbutton-menubutton-dropmarker {
+ display: none;
+}
+
+#search-container[cui-areatype="menu-panel"],
+#wrapper-search-container[place="panel"] {
+ width: 22.35em;
+}
+
+#search-container[cui-areatype="menu-panel"] {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+toolbarpaletteitem[place="palette"] > #search-container {
+ min-width: 7em;
+ width: 7em;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
+ background-color: hsla(210,4%,10%,0);
+ border-radius: 2px;
+ border: 1px solid;
+ border-color: hsla(210,4%,10%,0);
+ border-bottom-color: hsla(210,4%,10%,.1);
+ padding: 0;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms;
+}
+
+/* Make direct siblings overlap borders: */
+.toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) {
+ border-top-color: transparent !important;
+}
+
+.toolbaritem-combined-buttons + .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]),
+toolbarpaletteitem[haswideitem][place="panel"] + toolbarpaletteitem[haswideitem][place="panel"] {
+ margin-top: -1px;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton {
+ border: 0;
+ padding: .5em;
+ margin: 0;
+ -moz-box-flex: 1;
+ min-width: calc((22.35em / 3 - 0.1px));
+ max-width: calc((22.35em / 3 - 0.1px));
+ /* We'd prefer to use height: auto here but it leads to layout bugs in the panel. Cope:
+ 1.2em for line height + 2 * .5em padding + margin on the label (2 * 2px) */
+ height: calc(2.2em + 4px);
+ max-height: none;
+ -moz-box-orient: horizontal;
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-reset-button {
+ /* reduce the width with 2px for this button to compensate for two separators
+ of 1px. */
+ min-width: calc((22.35em / 3 - 0.1px) - 2px);
+ max-width: calc((22.35em / 3 - 0.1px) - 2px);
+}
+
+#main-window:not([customizing]) .toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton[disabled] > .toolbarbutton-icon {
+ opacity: .25;
+}
+
+#zoom-controls[cui-areatype="toolbar"] > #zoom-reset-button > .toolbarbutton-text {
+ min-width: 7ch;
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(ltr),
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(rtl),
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(ltr),
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button:-moz-locale-dir(rtl),
+#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button:-moz-locale-dir(ltr),
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button:-moz-locale-dir(rtl),
+#zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button:-moz-locale-dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.toolbaritem-combined-buttons > separator {
+ -moz-appearance: none;
+ width: 3px;
+ -moz-box-align: stretch;
+ background-image: linear-gradient(to bottom, transparent, hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, transparent),
+ linear-gradient(to bottom, transparent, hsla(210,54%,20%,.15) 40%, hsla(210,54%,20%,.15) 60%, transparent),
+ linear-gradient(to bottom, transparent, hsla(0,0%,100%,.3) 40%, hsla(0,0%,100%,.3) 60%, transparent);
+ background-size: 1px, 1px, 1px;
+ background-position: 0 0, 1px 0, 2px 0;
+ background-repeat: no-repeat;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > separator {
+ margin: .5em 0;
+ width: 1px;
+ height: auto;
+ background: hsla(210,4%,10%,.15);
+ transition-property: margin;
+ transition-duration: 10ms;
+ transition-timing-function: ease;
+}
+
+.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]):hover > separator {
+ margin: 0;
+}
+
+#widget-overflow > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+
+.cui-widget-panelview,
+#widget-overflow-scroller {
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+#widget-overflow-scroller {
+ max-height: 30em;
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
+
+#widget-overflow-list {
+ width: 22.35em;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+toolbaritem[overflowedItem=true],
+.widget-overflow-list .toolbarbutton-1 {
+ width: 100%;
+ max-width: 22.35em;
+ min-height: 36px;
+ background-repeat: no-repeat;
+ background-position: 0 center;
+}
+
+.widget-overflow-list .toolbarbutton-1,
+.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ -moz-box-align: center;
+ -moz-box-orient: horizontal;
+}
+
+.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text,
+.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text {
+ text-align: start;
+ -moz-padding-start: .5em;
+}
+
+#widget-overflow-list > .toolbaritem-combined-buttons {
+ min-height: 28px;
+}
+
+.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button::after {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: 0 0 0 1px hsla(0,0%,100%,.2);
+}
+
+.subviewbutton[checked="true"] {
+ background: url("chrome://global/skin/menu/shared-menu-check.png") center left 7px / 11px 11px no-repeat transparent;
+}
+
+.subviewbutton[checked="true"]:-moz-locale-dir(rtl) {
+ background-position: center right 7px;
+}
+
+.subviewbutton > .menu-iconic-left {
+ -moz-appearance: none;
+ -moz-margin-end: 3px;
+}
+
+menuitem[checked="true"].subviewbutton > .menu-iconic-left {
+ visibility: hidden;
+}
+
+.panel-mainview[panelid=customizationui-widget-panel],
+#customizationui-widget-multiview > .panel-viewcontainer,
+#customizationui-widget-multiview > .panel-viewcontainer > .panel-viewstack,
+#PanelUI-panicView > .panel-subview-body,
+#PanelUI-panicView,
+#PanelUI-pocketView > .panel-subview-body,
+#PanelUI-pocketView {
+ overflow: visible;
+}
+
+#PanelUI-panicView.cui-widget-panelview {
+ min-width: 280px;
+}
+
+#PanelUI-panic-timeframe {
+ padding: 15px;
+ border-bottom: 1px solid rgba(0,0,0,0.1);
+}
+
+#panic-button-success-icon,
+#PanelUI-panic-timeframe-icon,
+#PanelUI-panic-timeframe-icon-small {
+ background-color: transparent;
+ -moz-margin-end: 10px;
+}
+
+#panic-button-success-icon,
+#PanelUI-panic-timeframe-icon {
+ list-style-image: url(chrome://browser/skin/panic-panel/header.png);
+ max-height: 48px;
+ width: 48px;
+}
+
+#PanelUI-panic-timeframe-icon-small {
+ list-style-image: url(chrome://browser/skin/panic-panel/header-small.png);
+ max-height: 32px;
+ width: 32px;
+}
+
+/* current attribute is only set when in use as a subview instead of a main view */
+#PanelUI-panicView[current] #PanelUI-panic-timeframe-icon {
+ display: none;
+}
+
+#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-timeframe-icon-small {
+ display: none;
+}
+
+#panic-button-success-header,
+#PanelUI-panic-header {
+ -moz-box-align: center;
+ margin-bottom: 5px;
+}
+
+#PanelUI-panicView.cui-widget-panelview #PanelUI-panic-header {
+ margin-bottom: 0;
+}
+
+#PanelUI-panic-timeframe-icon-small:-moz-locale-dir(rtl),
+#PanelUI-panic-timeframe-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+.subviewradio {
+ -moz-binding: url(chrome://global/content/bindings/radio.xml#radio);
+ -moz-appearance: none;
+ -moz-box-align: center;
+ padding: 1px;
+ margin: 0 0 2px;
+ background-color: hsla(210,4%,10%,0);
+ border-radius: 2px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: hsla(210,4%,10%,0);
+}
+
+.subviewradio:not(:-moz-any([disabled],[open],:active)):hover {
+ background-color: hsla(210,4%,10%,.08);
+ border-color: hsla(210,4%,10%,.11);
+}
+
+.subviewradio[selected],
+.subviewradio[selected]:hover,
+.subviewradio:not([disabled]):-moz-any([open],:hover:active) {
+ background-color: hsla(210,4%,10%,.12);
+ border-color: hsla(210,4%,10%,.14);
+ box-shadow: 0 1px 0 hsla(210,4%,10%,.03) inset;
+}
+
+.subviewradio > .radio-check {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ border: 1px solid #e7e7e7;
+ border-radius: 50%;
+ margin: 1px 5px;
+ background-color: #f1f1f1;
+}
+
+.subviewradio > .radio-check[selected] {
+ background-color: #fff;
+ border: 4px solid #177ee6;
+}
+
+#PanelUI-panic-explanations {
+ padding: 10px 10px 0;
+}
+
+#PanelUI-panic-actionlist-main-label {
+ color: GrayText;
+ font-size: 0.9em;
+}
+
+.PanelUI-panic-actionlist {
+ -moz-padding-start: 20px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ background-size: 16px 16px;
+ background-repeat: no-repeat;
+ background-color: transparent;
+ background-position: center left;
+}
+
+.PanelUI-panic-actionlist:-moz-locale-dir(rtl) {
+ background-position: center right;
+}
+
+#PanelUI-panic-actionlist-cookies {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 16, 16, 0);
+}
+
+#PanelUI-panic-actionlist-history {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 32, 16, 16);
+}
+
+#PanelUI-panic-actionlist-windows {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 48, 16, 32);
+}
+
+#PanelUI-panic-actionlist-newwindow {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons.png), 0, 64, 16, 48);
+}
+
+#PanelUI-panic-warning {
+ color: #C11F14;
+ text-align: center;
+ width: 100%;
+ margin-top: 20px;
+}
+
+#PanelUI-panic-view-button {
+ -moz-appearance: none;
+ background-color: #d92316;
+ color: white;
+ margin: 5px 15px 11px;
+ border: 1px solid #c92014;
+ border-radius: 3px;
+ padding: 10px;
+}
+
+#PanelUI-panic-view-button:hover {
+ background-color: #bf1f13;
+ border-color: #b81d12;
+}
+
+#PanelUI-panic-view-button:hover:active {
+ background-color: #99180f;
+ border-color: #91170f;
+}
+
+#PanelUI-panic-view-button > .toolbarbutton-text {
+ text-align: center;
+ text-shadow: none;
+}
+
+#panic-button-success-closebutton {
+ background-color: #e5e5e5;
+ color: black;
+ margin: 5px 0 0;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ padding: 10px;
+ -moz-appearance: none;
+}
+
+#panic-button-success-closebutton:hover {
+ background-color: #dedede;
+ border-color: #bbb;
+}
+
+#panic-button-success-closebutton:hover:active {
+ background-color: #d0d0d0;
+ border-color: #aaa;
+}
+
+@media (min-resolution: 1.1dppx) {
+ #PanelUI-help[panel-multiview-anchor="true"]::after,
+ toolbarbutton[panel-multiview-anchor="true"] {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted@2x.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ background-size: 16px, auto;
+ }
+
+ #PanelUI-help[panel-multiview-anchor="true"]:-moz-locale-dir(rtl)::after,
+ toolbarbutton[panel-multiview-anchor="true"]:-moz-locale-dir(rtl) {
+ background-image: url(chrome://browser/skin/customizableui/subView-arrow-back-inverted-rtl@2x.png),
+ linear-gradient(rgba(255,255,255,0.3), transparent);
+ }
+
+ #PanelUI-update-status {
+ list-style-image: url(chrome://branding/content/icon32.png);
+ }
+
+ #PanelUI-fxa-status {
+ list-style-image: url(chrome://browser/skin/sync-horizontalbar@2x.png);
+ }
+
+ #PanelUI-fxa-status[syncstatus="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-horizontalbar@2x.png);
+ }
+
+ #PanelUI-fxa-status[fxastatus="migrate-signup"],
+ #PanelUI-fxa-status[fxastatus="migrate-verify"] {
+ list-style-image: url(chrome://browser/skin/warning16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+
+ #PanelUI-customize {
+ list-style-image: url(chrome://browser/skin/menuPanel-customize@2x.png);
+ }
+
+ #customization-panelHolder #PanelUI-customize {
+ list-style-image: url(chrome://browser/skin/customizableui/menuPanel-customizeFinish@2x.png);
+ }
+
+ #PanelUI-help {
+ list-style-image: url(chrome://browser/skin/menuPanel-help@2x.png);
+ }
+
+ #PanelUI-quit {
+ list-style-image: url(chrome://browser/skin/menuPanel-exit@2x.png);
+ }
+
+ #PanelUI-fxa-status,
+ #PanelUI-customize,
+ #PanelUI-help,
+ #PanelUI-quit {
+ -moz-image-region: rect(0, 32px, 32px, 0);
+ }
+
+ #PanelUI-update-status > .toolbarbutton-icon,
+ #PanelUI-fxa-status > .toolbarbutton-icon,
+ #PanelUI-customize > .toolbarbutton-icon,
+ #PanelUI-help > .toolbarbutton-icon,
+ #PanelUI-quit > .toolbarbutton-icon {
+ width: 16px;
+ }
+
+ #PanelUI-customize:hover,
+ #PanelUI-help:not([disabled]):hover,
+ #PanelUI-quit:not([disabled]):hover {
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+
+ #PanelUI-customize:hover:active,
+ #PanelUI-help:not([disabled]):hover:active,
+ #PanelUI-quit:not([disabled]):hover:active {
+ -moz-image-region: rect(0, 96px, 32px, 64px);
+ }
+
+ #PanelUI-help[panel-multiview-anchor="true"] {
+ -moz-image-region: rect(0, 128px, 32px, 96px);
+ background-size: auto;
+ }
+
+ .subviewbutton[checked="true"] {
+ background-image: url("chrome://global/skin/menu/shared-menu-check@2x.png");
+ }
+
+ #panic-button-success-icon,
+ #PanelUI-panic-timeframe-icon {
+ list-style-image: url(chrome://browser/skin/panic-panel/header@2x.png);
+ }
+
+ #PanelUI-panic-timeframe-icon-small {
+ list-style-image: url(chrome://browser/skin/panic-panel/header-small@2x.png);
+ }
+
+ #PanelUI-panic-actionlist-cookies {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 32, 32, 0);
+ }
+
+ #PanelUI-panic-actionlist-history {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 64, 32, 32);
+ }
+
+ #PanelUI-panic-actionlist-windows {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 96, 32, 64);
+ }
+
+ #PanelUI-panic-actionlist-newwindow {
+ background-image: -moz-image-rect(url(chrome://browser/skin/panic-panel/icons@2x.png), 0, 128, 32, 96);
+ }
+}
+
+.panel-subviews {
+ background-color: -moz-dialog;
+}
+
+#BMB_bookmarksPopup > menuitem[type="checkbox"] {
+ -moz-appearance: none !important; /* important, to override toolkit rule */
+}
+
+#BMB_bookmarksPopup menupopup[placespopup=true] {
+ margin-top: -6px;
+ padding-top: 2px;
+}
+
+/* Add some space at the top because there are no headers: */
+#BMB_bookmarksPopup menupopup[placespopup=true] > hbox > .popup-internal-box > .arrowscrollbox-scrollbox > .scrollbox-innerbox {
+ padding-top: 4px;
+}
+
+.subviewbutton > .toolbarbutton-text {
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-start: 3px;
+}
+
+.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: 0;
+}
+
+.subviewbutton > .toolbarbutton-text {
+ -moz-padding-start: 16px;
+}
+
+.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item) > .toolbarbutton-text {
+ -moz-padding-start: 0;
+}
+
+/* subviewbutton entries for social sidebars have images that come from external
+/* sources, and are not guaranteed to be the size we want, so force the size on
+/* those icons. */
+toolbarbutton.social-provider-menuitem > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.subviewbutton:-moz-any([image],[targetURI],.cui-withicon, .restoreallitem, .bookmark-item)[checked="true"] > .toolbarbutton-icon {
+ visibility: hidden;
+}
+
+menuitem.subviewbutton {
+ -moz-appearance: none !important;
+}
+
+menu.subviewbutton > .menu-right {
+ -moz-appearance: none;
+ list-style-image: url(chrome://browser/skin/places/bookmarks-menu-arrow.png);
+ -moz-image-region: rect(0, 16px, 16px, 0);
+ width: 16px;
+ height: 16px;
+}
+
+menu[disabled="true"].subviewbutton > .menu-right {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+menu.subviewbutton > .menu-right:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+.subviewbutton > .toolbarbutton-icon {
+ -moz-margin-end: 5px !important;
+}
+
+.subviewbutton > .menu-right,
+.subviewbutton > .menu-iconic-left {
+ padding-top: 1px;
+ /* These need !important to override menu.css */
+ margin-top: 1px !important;
+ margin-bottom: 2px !important;
+}
+
+.PanelUI-subView toolbarseparator,
+.PanelUI-subView menuseparator,
+.cui-widget-panelview menuseparator,
+#PanelUI-footer-inner > toolbarseparator {
+ -moz-appearance: none !important;
+}
+
+.subviewradio > .radio-label-box {
+ -moz-appearance: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png
new file mode 100644
index 0000000..cbdf469
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelarrow-customizeTip.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png
new file mode 100644
index 0000000..cf4198c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png
new file mode 100644
index 0000000..86178ab
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/subView-arrow-back-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png
new file mode 100644
index 0000000..481d3fc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png
new file mode 100644
index 0000000..09516ab
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy-bw@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy.png
new file mode 100644
index 0000000..2e9fdd7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png b/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png
new file mode 100644
index 0000000..61f55f6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/customizableui/whimsy@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devedition.css b/arc-firefox-theme/chrome/browser/devedition.css
new file mode 100644
index 0000000..c795641
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devedition.css
@@ -0,0 +1,413 @@
+
+
+/* devedition.css is loaded in browser.xul after browser.css when it is
+ preffed on. The bulk of the styling is here in the shared file, but
+ there are overrides for each platform in their devedition.css files. */
+
+:root {
+ --tab-toolbar-navbar-overlap: 0px;
+ --space-above-tabbar: 0px;
+ --toolbarbutton-text-shadow: none;
+}
+
+:root[devtoolstheme="dark"] {
+ /* Chrome */
+ --chrome-background-color: #1C2126;
+ --chrome-color: #F5F7FA;
+ --chrome-secondary-background-color: #39424D;
+ --chrome-navigator-toolbox-separator-color: rgba(0,0,0,.2);
+ --chrome-nav-bar-separator-color: rgba(0,0,0,.2);
+ --chrome-nav-buttons-background: #252C33;
+ --chrome-nav-buttons-hover-background: #1B2127;
+ --chrome-nav-bar-controls-border-color: #1D2328;
+ --chrome-selection-color: #fff;
+ --chrome-selection-background-color: #074D75;
+
+ /* Tabs */
+ --tabs-toolbar-color: #F5F7FA;
+ --tab-background-color: #1C2126;
+ --tab-hover-background-color: #07090a;
+ --tab-separator-color: #474C50;
+ --tab-selection-color: #f5f7fa;
+ --tab-selection-background-color: #1a4666;
+ --tab-selection-box-shadow: 0 2px 0 #D7F1FF inset,
+ 0 -2px 0 rgba(0,0,0,.05) inset,
+ 0 -1px 0 rgba(0,0,0,.3) inset;
+ --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, rgba(0,0,0,0.4) 16%, transparent 70%);
+
+ /* Toolbar buttons */
+ --toolbarbutton-hover-background: rgba(25,33, 38,.6) linear-gradient(rgba(25,33,38,.6), rgba(25,33,38,.6)) padding-box;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: rgba(25,33,38,.6);
+ --toolbarbutton-active-background: rgba(25,33,38,1) linear-gradient(rgba(25,33,38,1), rgba(25,33,38,1)) border-box;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: rgba(25,33,38,.8);
+ --toolbarbutton-checkedhover-backgroundcolor: #1D4F73;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(#5F6670 0, #5F6670 18px);
+
+ /* Identity box */
+ --identity-box-chrome-color: #46afe3;
+ --identity-box-chrome-background-image: linear-gradient(#5F6670 0, #5F6670 100%);
+ --identity-box-verified-background-image: linear-gradient(#5F6670 0, #5F6670 100%);
+ --verified-identity-box-backgroundcolor: transparent;
+
+ /* Url and search bars */
+ --url-and-searchbar-background-color: #171B1F;
+ --url-and-searchbar-color: #fff;
+ --urlbar-dropmarker-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg");
+ --urlbar-dropmarker-region: rect(0px, 11px, 14px, 0px);
+ --urlbar-dropmarker-active-region: rect(0px, 22px, 14px, 11px);
+ --urlbar-dropmarker-2x-url: url("chrome://browser/skin/devedition/urlbar-history-dropmarker.svg");
+ --urlbar-dropmarker-2x-region: rect(0px, 11px, 14px, 0px);
+ --urlbar-dropmarker-active-2x-region: rect(0px, 22px, 14px, 11px);
+ --search-button-image: url("chrome://browser/skin/devedition/search.svg#search-icon-inverted");
+}
+
+:root[devtoolstheme="dark"] .searchbar-dropmarker-image {
+ --searchbar-dropmarker-url: url("chrome://browser/skin/devtools/dropmarker.svg");
+ --searchbar-dropmarker-2x-url: url("chrome://browser/skin/devtools/dropmarker.svg");
+}
+
+:root[devtoolstheme="light"] {
+ --url-and-searchbar-background-color: #fff;
+
+ --chrome-background-color: #E3E4E6;
+ --chrome-color: #18191a;
+ --chrome-secondary-background-color: #f5f6f7;
+ --chrome-navigator-toolbox-separator-color: #cccccc;
+ --chrome-nav-bar-separator-color: #B6B6B8;
+ --chrome-nav-buttons-background: #fcfcfc;
+ --chrome-nav-buttons-hover-background: #DADBDB;
+ --chrome-nav-bar-controls-border-color: #ccc;
+ --chrome-selection-color: #f5f7fa;
+ --chrome-selection-background-color: #4c9ed9;
+
+ --tab-background-color: #E3E4E6;
+ --tab-hover-background-color: #D7D8DA;
+ --tab-separator-color: #C6C6C7;
+ --tab-selection-color: #f5f7fa;
+ --tab-selection-background-color: #4c9ed9;
+ --tab-selection-box-shadow: 0 2px 0 #9FDFFF inset,
+ 0 -2px 0 rgba(0,0,0,.05) inset,
+ 0 -1px 0 rgba(0,0,0,.2) inset;
+ --pinned-tab-glow: radial-gradient(22px at center calc(100% - 2px), rgba(76,158,217,0.9) 13%, transparent 16%);
+
+
+ /* Toolbar buttons */
+ --toolbarbutton-hover-background: #eaeaea;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: rgba(0,0,0,0.1);
+ --toolbarbutton-active-background: #d7d7d8 border-box;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: rgba(0,0,0,0.15);
+ --toolbarbutton-checkedhover-backgroundcolor: #d7d7d8;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(0,0,0,0.1) 0, rgba(0,0,0,0.1) 18px);
+
+ /* Url and search bars */
+ --search-button-image: url("chrome://browser/skin/devedition/search.svg#search-icon");
+}
+
+/* Give some space to drag the window around while customizing
+ (normal space to left and right of tabs doesn't work in this case) */
+#main-window[tabsintitlebar][customizing] {
+ --space-above-tabbar: 9px;
+}
+
+/* Override @tabCurveHalfWidth@ and @tabCurveWidth@. XXX: Switch to a CSS variable once the perf is sorted out - bug 1088771 */
+.tab-background-middle {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin: 0;
+}
+
+.tab-background,
+.tabs-newtab-button {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 0;
+ -moz-padding-start: 0;
+}
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ width: 0;
+}
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ -moz-margin-start: 0;
+}
+/* End override @tabCurveHalfWidth@ and @tabCurveWidth@ */
+
+#urlbar ::-moz-selection,
+#navigator-toolbox .searchbar-textbox ::-moz-selection,
+.browserContainer > findbar ::-moz-selection {
+ background-color: var(--chrome-selection-background-color);
+ color: var(--chrome-selection-color);
+}
+
+/* Change the base colors for the browser chrome */
+
+#tabbrowser-tabs,
+#TabsToolbar,
+#browser-panel {
+ background: var(--chrome-background-color);
+ color: var(--chrome-color);
+}
+
+#navigator-toolbox::after {
+ background: var(--chrome-navigator-toolbox-separator-color);
+}
+
+#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar),
+.browserContainer > findbar,
+#browser-bottombox {
+ background-color: var(--chrome-secondary-background-color) !important;
+ color: var(--chrome-color);
+}
+
+.browserContainer > findbar {
+ background-image: none;
+}
+
+.browserContainer > .findbar-textbox {
+ background-color: var(--url-and-searchbar-background-color) !important;
+ color: var(--url-and-searchbar-color);
+}
+
+/* Default findbar text color doesn't look good - Bug 1125677 */
+.browserContainer > findbar .findbar-find-status,
+.browserContainer > findbar .found-matches {
+ color: inherit;
+}
+
+#navigator-toolbox .toolbarbutton-1,
+.browserContainer > findbar .findbar-button,
+#PlacesToolbar toolbarbutton.bookmark-item {
+ color: var(--chrome-color);
+ text-shadow: var(--toolbarbutton-text-shadow);
+}
+
+/* Using toolbar[brighttext] instead of important to override linux */
+toolbar[brighttext] #downloads-indicator-counter {
+ text-shadow: var(--toolbarbutton-text-shadow);
+ color: var(--chrome-color);
+}
+
+#TabsToolbar {
+ text-shadow: none !important;
+ color: var(--chrome-color) !important; /* Make sure that the brighttext attribute is added */
+}
+
+/* URL bar and search bar*/
+#urlbar,
+#navigator-toolbox .searchbar-textbox {
+ background-color: var(--url-and-searchbar-background-color) !important;
+ background-image: none !important;
+ color: var(--url-and-searchbar-color) !important;
+ border: 1px solid var(--chrome-nav-bar-controls-border-color) !important;
+ box-shadow: none !important;
+}
+
+#urlbar {
+ -moz-border-start: none !important;
+ opacity: 1 !important;
+}
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
+ overflow: -moz-hidden-unscrollable;
+ clip-path: none;
+ -moz-margin-start: 0;
+}
+
+/* Make the white notication box stick out less. */
+#notification-popup-box {
+ border-radius: 0;
+ border: none;
+ background: transparent;
+}
+
+/* Nav bar specific stuff */
+#nav-bar {
+ margin-top: 0 !important;
+ border-top: none !important;
+ border-bottom: none !important;
+ border-radius: 0 !important;
+ box-shadow: 0 -1px var(--chrome-nav-bar-separator-color) !important;
+ background-image: none !important;
+}
+
+/* No extra vertical padding for nav bar */
+#nav-bar-customization-target,
+#nav-bar {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+/* Use smaller back button icon */
+#back-button {
+ -moz-image-region: rect(0, 54px, 18px, 36px);
+}
+
+searchbar:not([oneoffui]) .search-go-button {
+ /* !important is needed because searchbar.css is loaded after this */
+ -moz-image-region: auto !important;
+ list-style-image: var(--search-button-image);
+}
+
+.tab-background {
+ visibility: hidden;
+}
+
+/* Make the tab splitter 1px wide with a solid background. */
+#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
+.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
+#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
+ background: var(--tab-separator-color);
+ opacity: 1;
+ width: 1px;
+ -moz-margin-start: 0;
+ -moz-margin-end: -1px;
+}
+
+/* For the last tab separator, use margin-start of -1px to prevent jittering
+ due to the ::after element causing the width of the tab to extend, which
+ causes an overflow and makes it disappear, which removes the overflow and
+ causes it to reappear, etc, etc. */
+#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
+ -moz-margin-start: -1px;
+ -moz-margin-end: 0;
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down,
+.tabbrowser-arrowscrollbox > .scrollbutton-up {
+ background-color: var(--tab-background-color);
+ border-color: transparent;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ margin-bottom: 0;
+}
+
+.tabbrowser-tab {
+ /* We normally rely on other tab elements for pointer events, but this
+ theme hides those so we need it set here instead */
+ pointer-events: auto;
+}
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: var(--pinned-tab-glow);
+ background-position: center;
+ background-size: 100%;
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled]):hover,
+.tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled]):hover,
+.tabbrowser-tab:hover {
+ background-color: var(--tab-hover-background-color);
+}
+
+.tabbrowser-tab[visuallyselected] {
+ color: var(--tab-selection-color) !important; /* Override color: inherit */
+ background-color: var(--tab-selection-background-color);
+ box-shadow: var(--tab-selection-box-shadow);
+}
+
+/* Don't need space for the tab curves (66px - 30px) */
+.tabs-newtab-button {
+ width: 36px;
+}
+
+.tabs-newtab-button:hover {
+ /* Important needed because !important is used in browser.css */
+ background-color: var(--tab-hover-background-color) !important;
+ background-image: none;
+}
+
+.tab-close-button[selected]:not(:hover) {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64);
+}
+
+/* The menubar and tabs toolbar should match the devedition theme */
+#TabsToolbar,
+#toolbar-menubar {
+ -moz-appearance: none !important;
+}
+#main-menubar {
+ color: var(--chrome-color);
+}
+#main-menubar > menu:not([open]) {
+ color: inherit;
+}
+
+/* Allow buttons with -moz-appearance set to look normal on hover and open states */
+#navigator-toolbox .toolbarbutton-1:-moz-any(:hover, [open="true"]),
+#PlacesToolbar toolbarbutton.bookmark-item:-moz-any(:hover, [open="true"]) {
+ color: initial;
+}
+
+/* Square back and forward buttons */
+#back-button > .toolbarbutton-icon,
+#forward-button > .toolbarbutton-icon {
+ margin: 0;
+ border: 1px solid var(--chrome-nav-bar-controls-border-color);
+ padding: 2px 5px;
+ background: var(--chrome-nav-buttons-background);
+ box-shadow: none !important;
+}
+
+#forward-button > .toolbarbutton-icon {
+ -moz-border-start: none;
+}
+
+/* Override a box shadow for disabled back button */
+#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
+ box-shadow: none !important;
+}
+
+#back-button:hover:not([disabled="true"]) > .toolbarbutton-icon,
+#forward-button:hover:not([disabled="true"]) > .toolbarbutton-icon {
+ background: var(--chrome-nav-buttons-hover-background) !important;
+}
+
+#back-button > .toolbarbutton-icon {
+ border-radius: 2px 0 0 2px !important;
+}
+
+.urlbar-history-dropmarker {
+ -moz-appearance: none;
+ padding: 0 3px;
+ list-style-image: var(--urlbar-dropmarker-url);
+ -moz-image-region: var(--urlbar-dropmarker-region);
+}
+
+/* Add the proper background for tab overflow */
+#alltabs-button,
+#new-tab-button {
+ background: var(--chrome-background-color);
+}
+
+#new-tab-button:hover > .toolbarbutton-icon {
+ border-color: transparent !important;
+}
+
+/* Prevent double border below tabs toolbar */
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top-width: 0 !important;
+}
+
+/* Prevent devedition foreground color from seeping into the sidebar-box (since
+ * its background colors aren't affected by the devedition theme) */
+#sidebar-box {
+ color: initial;
+}
diff --git a/arc-firefox-theme/chrome/browser/devedition/search.svg b/arc-firefox-theme/chrome/browser/devedition/search.svg
new file mode 100644
index 0000000..1d7f558
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devedition/search.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ width="16"
+ height="16"
+ xml:space="preserve">
+<style>
+ use:not(:target) {
+ display: none;
+ }
+
+ use {
+ fill: #797C80;
+ }
+
+ use[id*="-inverted"] {
+ fill: #B6BABF;
+ }
+
+ use[id*="-mac"] {
+ transform: translate(16px) scaleX(-1);
+ }
+</style>
+<defs style="display: none;">
+ <path id="search" fill-rule="evenodd" clip-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947
+ l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283
+ c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001
+ c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352
+ C12.7,8.501,11.203,10.001,9.356,10.001z"/>
+</defs>
+<use id="search-icon" xlink:href="#search"/>
+<use id="search-icon-inverted" xlink:href="#search"/>
+<use id="search-icon-mac" xlink:href="#search"/>
+<use id="search-icon-mac-inverted" xlink:href="#search"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg b/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg
new file mode 100644
index 0000000..7af3149
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devedition/urlbar-history-dropmarker.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="33" height="14" viewBox="0 0 33 14" enable-background="new 0 0 33 14">
+ <defs style="display: none;">
+ <polygon points="0,0 5.5,7 11,0" id="dropmarker-shape"/>
+ </defs>
+ <style>
+ use {
+ fill: #B6BABF;
+ }
+ .hover {
+ fill: #61BDEB;
+ }
+ .active {
+ fill: #39ACE6;
+ }
+ </style>
+ <use xlink:href="#dropmarker-shape" style="transform: translate(0, 4px)"></use>
+ <use xlink:href="#dropmarker-shape" style="transform: translate(11px, 4px)" class="hover"></use>
+ <use xlink:href="#dropmarker-shape" style="transform: translate(22px, 4px)" class="active"></use>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/add.svg b/arc-firefox-theme/chrome/browser/devtools/add.svg
new file mode 100644
index 0000000..af162e3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/add.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <polygon fill="#EEF0F2" points="4,7 8,7 8,3 10,3 10,7 14,7 14,9 10,9 10,13 8,13 8,9 4,9 4,7"></polygon>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png
new file mode 100644
index 0000000..5c5d0ae
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png
new file mode 100644
index 0000000..dc3a3b1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/alerticon-warning@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/animationinspector.css b/arc-firefox-theme/chrome/browser/devtools/animationinspector.css
new file mode 100644
index 0000000..6cc0bdb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/animationinspector.css
@@ -0,0 +1,256 @@
+html {
+ height: 100%;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ display : flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
+ color: var(--theme-content-color3);
+}
+
+/* The top toolbar, containing the toggle-all button */
+
+#toolbar {
+ border-bottom: 1px solid var(--theme-splitter-color);
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-end;
+ height: 20px;
+}
+
+#toolbar .label {
+ padding: 1px 4px;
+}
+
+#toggle-all {
+ border-width: 0 0 0 1px;
+ min-height: 20px;
+}
+
+/* The error message, shown when an invalid/unanimated element is selected */
+
+#error-message {
+ padding-top: 10%;
+ text-align: center;
+ flex: 1;
+ overflow: auto;
+
+ /* The error message is hidden by default */
+ display: none;
+}
+
+/* The animation players container */
+
+#players {
+ flex: 1;
+ overflow: auto;
+}
+
+/* Element picker and toggle-all buttons */
+
+#element-picker,
+#toggle-all {
+ position: relative;
+}
+
+#element-picker::before,
+#toggle-all::before {
+ content: "";
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -8px 0 0 -8px;
+ background-image: url("chrome://browser/skin/devtools/command-pick.png");
+}
+
+#toggle-all::before {
+ background-image: url("debugger-pause.png");
+}
+
+#element-picker[checked]::before {
+ background-position: -48px 0;
+ filter: none; /* Icon is blue when checked, don't invert for light theme */
+}
+
+#toggle-all.paused::before {
+ background-image: url("debugger-play.png");
+}
+
+@media (min-resolution: 1.25dppx) {
+ #element-picker::before {
+ background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ background-size: 64px;
+ }
+
+ #toggle-all::before {
+ background-image: url("debugger-pause@2x.png");
+ }
+
+ #toggle-all.paused::before {
+ background-image: url("debugger-play@2x.png");
+ }
+}
+
+/* Animation target node gutter, contains a preview of the dom node */
+
+.animation-target {
+ background-color: var(--theme-toolbar-background);
+ padding: 1px 4px;
+ box-sizing: border-box;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.animation-target .attribute-name {
+ padding-left: 4px;
+}
+
+.animation-target .node-selector {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-right: 5px;
+ cursor: pointer;
+}
+
+.animation-target .node-selector:hover {
+ background-position: -32px 0;
+}
+
+.animation-target .node-selector:active {
+ background-position: -16px 0;
+}
+
+/* Animation title gutter, contains the name, duration, iteration */
+
+.animation-title {
+ background-color: var(--theme-toolbar-background);
+ border-bottom: 1px solid var(--theme-splitter-color);
+ padding: 1px 4px;
+ word-wrap: break-word;
+ overflow: auto;
+}
+
+.animation-title .meta-data {
+ float: right;
+}
+
+.animation-title strong {
+ margin: 0 .5em;
+}
+
+/* Timeline wiget */
+
+.timeline {
+ height: 20px;
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.timeline .playback-controls {
+ display: flex;
+ flex-direction: row;
+}
+
+/* Playback control buttons */
+
+.timeline .playback-controls button {
+ flex-grow: 1;
+ border-width: 0 1px 0 0;
+}
+
+.timeline .toggle::before {
+ background-image: url(debugger-pause.png);
+}
+
+.paused .timeline .toggle::before,
+.finished .timeline .toggle::before {
+ background-image: url(debugger-play.png);
+}
+
+.timeline .ff::before {
+ background-image: url(fast-forward.png);
+}
+
+.timeline .rw::before {
+ background-image: url(rewind.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .timeline .toggle::before {
+ background-image: url(debugger-pause@2x.png);
+ }
+
+ .paused .timeline .toggle::before,
+ .finished .timeline .toggle::before {
+ background-image: url(debugger-play@2x.png);
+ }
+
+ .timeline .ff::before {
+ background-image: url(fast-forward@2x.png);
+ }
+
+ .timeline .rw::before {
+ background-image: url(rewind@2x.png);
+ }
+}
+
+.timeline .rate {
+ -moz-appearance: none;
+ text-align: center;
+ color: var(--theme-body-color);
+ border-right: 1px solid var(--theme-splitter-color);
+}
+
+/* Slider (input type range) container */
+
+.timeline .sliders-container {
+ flex-grow: 1;
+ height: 100%;
+ position: relative;
+ border-width: 1px 0;
+}
+
+.timeline .sliders-container .current-time {
+ position: absolute;
+ padding: 0;
+ margin: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.timeline .sliders-container .current-time::-moz-range-thumb {
+ height: 100%;
+ width: 4px;
+ border-radius: 0;
+ border: none;
+ background: var(--theme-highlight-blue);
+}
+
+.timeline .sliders-container .current-time::-moz-range-track {
+ width: 100%;
+ height: 50px;
+ background: transparent;
+}
+
+/* Current time label */
+
+.timeline .time-display {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 50px;
+ border-left: 1px solid var(--theme-splitter-color);
+ background: var(--theme-toolbar-background);
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
new file mode 100644
index 0000000..f1b5594
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/add.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+ <path fill="#00B2F7" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5
+ S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62
+ h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702
+ c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
new file mode 100644
index 0000000..dc51832
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/connection-footer.css
@@ -0,0 +1,224 @@
+/* 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/. */
+
+/************** LAYOUT **************/
+
+#connection-footer {
+ display: flex;
+ flex-direction: column;
+ height: 50px;
+}
+
+#banners-and-logs {
+ display: flex;
+ flex-grow: 1;
+ max-height: 100%;
+}
+
+#logs {
+ display: flex;
+ width: 40%;
+ padding: 0;
+ width: 100%;
+}
+
+.banner {
+ display: none;
+ width: 60%;
+}
+
+#connection-footer[status="connected"] #banner-connected,
+#connection-footer[status="connecting"] #banner-connecting,
+#connection-footer[status="disconnected"] #banner-disconnected,
+#connection-footer[status="disconnecting"] #banner-disconnecting {
+ display: flex;
+}
+
+body.show-simulators .banner,
+body.edit-connection .banner {
+ display: none !important;
+}
+
+body.show-simulators #banner-simulators,
+body.edit-connection #banner-editing {
+ display: flex !important;
+}
+
+#banner-logs {
+ width: 40%;
+ display: flex;
+}
+
+#logs > pre {
+ overflow: auto;
+ white-space: pre-line;
+}
+
+#status.banner-box {
+ width: 100% !important;
+}
+
+.banner-box {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ width: 100%;
+}
+
+#banner-connected > .banner-box {
+ align-items: flex-start;
+}
+
+#start-simulator-box {
+ display: inline;
+}
+
+/************** PIXELS **************/
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-size: 0.9rem;
+}
+
+body {
+ color: #333;
+ background-color: white;
+ font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+}
+
+button {
+ background: linear-gradient(to bottom, #49535C, #394148);
+ box-shadow: 0px 1px 1px #3C444D, inset 0 1px 0px rgba(255,255,255,0.1);
+ color: #9FA6AD;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
+ border: 1px solid #111;
+ cursor: pointer;
+ border-radius: 3px;
+ padding: 3px 10px;
+}
+
+button.left {
+ margin-right: 0px;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+button.right {
+ margin-left: -6px;
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+button.action-primary {
+ background: linear-gradient(to bottom, #276DA3, #1E5580);
+ color: #EEE;
+}
+
+button.action-cancel {
+ background: linear-gradient(to bottom, #B32B02, #942300);
+ color: #EEE;
+}
+
+#banners-and-logs {
+ border-top: #111 solid;
+ border-width: 1px 0;
+ background: linear-gradient(to bottom, #323A42, #29313A);
+ color: #A8BABF;
+ box-shadow: inset 0 0 1px #424A51;
+}
+
+#status {
+ background: linear-gradient(to bottom, #454F59, #404952);
+ box-shadow: inset 0 0 1px #606D78, inset 0 1px 0 #5E6973;
+}
+
+#logs > pre {
+ border: 1px solid #111;
+ box-shadow: 0px 1px 1px #49525A, inset 0 0 5px rgba(0,0,0,0.3);
+ font-size: 10px;
+ background: #22272D;
+ padding: 5px;
+ height: 100%;
+ padding-left: 20px;
+ position: relative;
+}
+
+#logs > pre span{
+ text-shadow: 0 1px 2px #000;
+ color: #3195FB;
+ position: fixed;
+ right: calc(30% - 15px);
+ bottom: -1px;
+}
+
+#logs > pre b {
+ font-size: 10px;
+ color: #70C4FF;
+}
+
+.banner-box {
+ box-shadow: inset 0 0 1px #667480, inset 0 1px 0 #5E6973;
+ border-right: 1px solid #111;
+ background-position: center right;
+ background-size: 1px 100%;
+ background-repeat: no-repeat;
+ padding: 10px 20px;
+ position: relative;
+}
+
+.connected-status {
+ color: #B3BFC9;
+ text-shadow: 0px 1px 2px rgba(0,0,0,0.9);
+ padding-bottom: 10px;
+}
+
+.connected-status {
+ font-size: 150%;
+ top: 10%;
+ padding-right: 3px;
+ position: relative;
+}
+
+.connected-indicator {
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.3), inset 0 0px 1px rgba(255,255,255,0.3);
+ height: 100%;
+ flex: 0 0 10px;
+}
+
+#banner-connected .connected-indicator,
+#banner-connecting .connected-indicator {
+ background: linear-gradient(to bottom, #69B8FF, #339FFF );
+}
+
+#banner-simulators .connected-indicator,
+#banner-disconnected .connected-indicator,
+#banner-editing .connected-indicator,
+#banner-disconnecting .connected-indicator {
+ background: linear-gradient(to bottom, #375A87, #1C4375 );
+}
+
+#banner-simulators .banner-content > * {
+ display: inline-block;
+}
+
+#banner-simulators[simulator-count="0"] .found-simulator,
+#banner-simulators:not([simulator-count="0"]) .no-simulator {
+ display: none;
+}
+
+#connection-no-device,
+[device-count="0"] > #connection-found-device,
+#connection-manual,
+#connection-assisted {
+ display: none;
+}
+
+#connection-found-device,
+[device-count="0"] > #connection-no-device,
+[adb-available="true"] > #connection-assisted,
+[adb-available="false"] > #connection-manual {
+ display: inline;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
new file mode 100644
index 0000000..f186d9c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/default-app-icon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
new file mode 100644
index 0000000..fc6efd9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/device.css
@@ -0,0 +1,410 @@
+/* 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/. */
+
+/***************** GENERAL *****************/
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+html, body {
+ height: 100%;
+}
+
+body {
+ font-size: 0.9rem;
+ color: #333;
+ background-color: rgb(225, 225, 225);
+ font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+ display: flex;
+ flex-direction: column;
+}
+
+template {
+ display: none;
+}
+
+h1 {
+ font-size: 20px;
+}
+
+#content {
+ display: flex;
+ flex-direction: row;
+ height: 100%;
+ overflow: hidden;
+}
+
+#detail {
+ background-image: url('noise.png');
+ display: flex;
+ flex-grow: 1;
+ z-index: 1;
+ overflow: hidden;
+}
+
+#meta {
+ background-size: 100%;
+ padding-top: 50px;
+}
+
+#connection-footer {
+ border-width: 0;
+ height: 50px;
+ min-height: 50px;
+}
+
+
+#root-actor-debug {
+ background: white;
+}
+
+/***************** APP BUTTONS *****************/
+
+
+
+.app-buttons {
+ display: block;
+ margin-left: 20px;
+ color: #BBB;
+}
+
+button {
+ margin: 0;
+ font-size: 11px;
+ border: 1px solid #CCC;
+ padding: 5px 15px;
+ cursor: pointer;
+ background: rgba(255,255,255,0.4);
+ text-transform: uppercase;
+ border-radius: 3px;
+ border-width: 1px;
+}
+
+.app-buttons > button {
+ display: none;
+}
+
+.app-buttons > button[disabled] {
+ background-color: transparent;
+ opacity: 0.4;
+ pointer-events: none;
+}
+
+.app[running="false"] > .app-buttons > .button-start,
+.app[running="true"] > .app-buttons > .button-stop,
+.app[running="true"] > .app-buttons > .button-debug {
+ display: inline-block;
+}
+
+.button-debug {
+ color: #3498DB;
+}
+
+.button-debug:hover {
+ background-color: #3498DB;
+ color: #FFF;
+}
+
+.button-debug[disabled] {
+ color: #3498DB;
+}
+
+.button-start {
+ color: #18BC9C
+}
+
+.button-start:hover {
+ background-color: #18BC9C;
+ color: #FFF;
+}
+
+.button-start[disabled] {
+ color: #18BC9C
+}
+
+.button-stop {
+ color: #E74C3C;
+}
+
+.button-stop:hover {
+ background-color: #E74C3C;
+ color: #FFF;
+}
+
+.button-stop[disabled] {
+ color: #E74C3C;
+}
+
+
+
+/***************** PERMISSIONS *****************/
+
+
+
+
+.permission-table {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+.permission-table-body {
+ overflow: auto;
+ display: flex;
+ flex-grow: 1;
+ flex-direction: column;
+}
+
+.permission-table-header,
+.permission-table-footer {
+ display: flex;
+ background: #FFF;
+ border-top: 1px solid #CCC;
+ z-index: 2;
+ flex-shrink: 0;
+}
+
+.permission-table-header > div,
+.permission-table-footer > div {
+ z-index: 2;
+ flex-grow: 1;
+ background: linear-gradient(to bottom, #49535C, #394148);
+ box-shadow: 0px 1px 3px rgba(12, 20, 30, 0.5), inset 0 1px 0px rgba(255,255,255,0.1);
+ color: #9FA6AD;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.6);
+ border: 0;
+ margin: auto 0;
+ padding: 5px;
+ text-align: center;
+ background: transparent;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+.permission-table-header > div {
+ flex-basis: 20%;
+}
+
+.permission-table-header > div:first-child {
+ text-align: start;
+ padding-left: 10px;
+ flex-basis: 30%;
+}
+
+.permission-table-header {
+ border: 0;
+ border-bottom: 1px solid #CCC;
+ box-shadow: 0 1px 4px rgba(0,0,0,0.3);
+}
+
+.permission-table-footer {
+ box-shadow: 0 -1px 4px rgba(0,0,0,0.3);
+}
+
+.permission {
+ display: flex;
+ flex-grow: 1;
+}
+
+.permission:nth-child(odd) {
+ background: #E4E4E4;
+}
+
+.permission:hover {
+ background: #EEE;
+}
+
+.permission > div {
+ flex-grow: 1;
+ flex-basis: 20%;
+ text-align: center;
+ padding: 3px;
+ border-right: 1px solid #CCC;
+ border-bottom: 1px solid #CCC;
+}
+
+.permission > div:first-child {
+ text-align: start;
+ padding: 3px 10px;
+ flex-basis: 30%;
+ font-weight: bold;
+}
+
+.permission > div[permission="1"]:before, .allow-label:after {
+ color: #98CF39;
+ content: ' \2713';
+}
+
+.permission > div[permission="2"]:before, .deny-label:after {
+ color: #CC4908;
+ content: ' \2715';
+}
+
+.permission > div[permission="3"]:before, .prompt-label:after {
+ color: #009EED;
+ content: ' !';
+}
+
+
+
+
+/***************** SIDEBAR *****************/
+
+
+
+
+#sidebar {
+ background: #EEE;
+ position: relative;
+ box-shadow: 0 1px 6px rgba(0,0,0,0.3);
+ display: flex;
+ flex-direction: column;
+ flex: 0 0 350px;
+ overflow: hidden;
+ z-index: 100;
+}
+
+.sidebar-item {
+ background-color: #F6F6F6;
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+ color: #666;
+ line-height: 120%;
+ cursor: pointer;
+ display: flex;
+ padding: 15px 10px;
+ display: block;
+ text-align: start;
+ flex-grow: 1;
+}
+
+.sidebar-item > * {
+ flex-shrink: 0;
+}
+
+.sidebar-item:hover {
+ background-color: #EEE;
+}
+
+.sidebar-item.selected {
+ background-color: #46AFE3;
+ color: #FFF;
+}
+
+.help {
+ float: right;
+ padding: 0 5px;
+}
+
+/***************** HEADER *****************/
+
+header {
+ padding-top: 140px;
+ background-image: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));
+ color: #FFF;
+ text-shadow: 0 1px 2px rgba(0,0,0,0.8);
+ padding: 10px;
+}
+
+
+
+/***************** APPS & BROWSER TABS *****************/
+
+
+
+
+.apps, .browser-tabs {
+ display: flex;
+ flex-direction: column;
+ overflow: auto;
+}
+
+.browser-tabs.hidden {
+ display: none;
+}
+
+.app, .browser-tab {
+ display: flex;
+ align-items: center;
+ order: 1;
+}
+
+.app-name, .browser-tab-details {
+ flex-grow: 1;
+ font-weight: bold;
+}
+
+.app, .browser-tab {
+ padding: 10px 20px;
+ border-bottom: 1px solid #CCC;
+}
+
+.app:hover, .browser-tab:hover {
+ background-color: #EFEFEF;
+}
+
+.app-icon {
+ width: 32px;
+ height: 32px;
+ margin-right: 10px;
+}
+
+.browser-tab-url-subheading {
+ font-size: 10px;
+}
+
+
+
+/***************** NOT CONNECTED *****************/
+
+
+
+body:not(.notconnected) > #notConnectedMessage,
+body.notconnected > #content {
+ display: none;
+}
+
+#notConnectedMessage {
+ flex-grow: 1;
+ flex-direction: column;
+ margin: 50px auto;
+}
+
+#notConnectedMessage > span {
+ padding: 20px;
+ border: 1px solid #CCC;
+ border-radius: 5px;
+}
+
+#notConnectedMessage > span:before {
+ content: '';
+ background: url('error.svg') no-repeat;
+ background-size: 18px;
+ height: 24px;
+ width: 24px;
+ position: relative;
+ top: 10px;
+ display: inline-block;
+}
+
+
+
+/***************** TABS *****************/
+
+#tabs {
+ flex-grow: 1;
+ overflow: auto;
+}
+
+.tabpanel:not(.selected) {
+ display: none;
+}
+
+#tabs-headers {
+ flex-shrink: 0;
+ display: flex;
+ flex-direction: column;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
new file mode 100644
index 0000000..21261cd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/error.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+ <path fill="#E25026" d="M32,4.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5S47.74,4.894,32,4.894
+ z M46.903,48.674c-1.817,1.817-4.691,1.76-6.449,0.002l-8.327-8.327l-8.151,8.151c-1.877,1.877-4.87,1.814-6.685,0
+ c-1.877-1.877-1.879-4.811-0.002-6.687l8.151-8.151l-8.327-8.327c-1.76-1.76-1.817-4.634,0-6.451c1.76-1.76,4.691-1.76,6.451,0
+ l8.327,8.327l8.151-8.151c1.877-1.877,4.811-1.874,6.687,0.002c1.814,1.814,1.877,4.808,0,6.685l-8.151,8.151l8.327,8.327
+ C48.662,43.982,48.662,46.914,46.903,48.674z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
new file mode 100644
index 0000000..087819e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/help.css
@@ -0,0 +1,40 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+html, body {
+ margin: 0;
+ height: 100%;
+}
+
+body {
+ color: #555;
+ font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+ overflow: hidden;
+ max-width: 600px;
+ margin: auto;
+ padding: 20px 0;
+ background-color: #FFF;
+}
+
+button {
+ border: 1px solid #CCC;
+ padding: 5px 15px;
+ cursor: pointer;
+ background: rgba(255,255,255,0.4);
+ text-transform: uppercase;
+ color: #3498DB;
+}
+
+button:hover {
+ background-color: #3498DB;
+ color: #FFF;
+}
+
+a, a:visited {
+ color: rgb(39,109,163);
+}
+
+#close-button {
+ float: right;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
new file mode 100644
index 0000000..b0a414d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index-icons.svg
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="160px" height="240px" viewBox="0 0 160 240" enable-background="new 0 0 160 240" xml:space="preserve">
+<rect y="40" display="none" fill="#22272D" width="84" height="160"/>
+<rect x="80.75" y="40" display="none" fill="#194866" width="84" height="160"/>
+<path fill="#414042" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596
+ C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
+<path fill="#414042" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
+<g>
+ <g>
+ <path fill="#B2B5B9" d="M40,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L28,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.466,4.466l3.204,0v-12l-4.597-4.596
+ C46.042,27.895,42.044,21.149,40,21.149z M40.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C38.03,30.199,39.289,28.185,40.005,28.185z"/>
+ <path fill="#B2B5B9" d="M41.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C41.337,49.929,41.436,50.434,41.436,50.98z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M120,21.149c-2.044,0.001-6.042,6.745-7.404,13.436L108,39.181v12l3.204,0l4.467-4.466
+ c0.457,0.478,0.96,0.88,1.5,1.199h5.652c0.543-0.318,1.05-0.719,1.507-1.199l4.467,4.466l3.204,0v-12l-4.597-4.596
+ C126.042,27.895,122.044,21.149,120,21.149z M120.005,28.185c0.712,0,1.965,2,2.746,4.392c-0.846-0.157-1.747-0.244-2.686-0.244
+ c-0.987,0-1.933,0.099-2.815,0.271C118.03,30.199,119.289,28.185,120.005,28.185z"/>
+ <path fill="#DCE8F3" d="M121.436,50.98c0,1.41-1.094,2.553-1.459,2.553c-0.364,0-1.459-1.144-1.459-2.553
+ c0-0.546,0.099-1.051,0.266-1.466h-1.69c-0.198,0.731-0.31,1.549-0.31,2.412c0,3.108,2.411,5.627,3.215,5.627
+ s3.216-2.519,3.215-5.626c0-0.864-0.112-1.681-0.31-2.413l-1.734,0C121.337,49.929,121.436,50.434,121.436,50.98z"/>
+</g>
+<g>
+ <g>
+ <path fill="#B2B5B9" d="M52.5,136.017c0,2.279-1.888,4.167-4.167,4.167H31.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333
+ c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M49.375,107.892
+ c0-0.554-0.488-1.042-1.042-1.042H31.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667
+ c0.553,0,1.042-0.488,1.042-1.042V107.892z M42.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521
+ c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C43.125,102.912,42.897,102.684,42.604,102.684z
+ M40,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604
+ C42.604,134.585,41.432,133.413,40,133.413z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M132.5,136.017c0,2.279-1.888,4.167-4.167,4.167h-16.667c-2.279,0-4.167-1.888-4.167-4.167v-33.333
+ c0-2.279,1.888-4.167,4.167-4.167h16.667c2.279,0,4.167,1.888,4.167,4.167V136.017z M129.375,107.892
+ c0-0.554-0.488-1.042-1.042-1.042h-16.667c-0.553,0-1.042,0.488-1.042,1.042v22.917c0,0.554,0.488,1.042,1.042,1.042h16.667
+ c0.553,0,1.042-0.488,1.042-1.042V107.892z M122.604,102.684h-5.208c-0.293,0-0.521,0.228-0.521,0.521
+ c0,0.293,0.228,0.521,0.521,0.521h5.208c0.293,0,0.521-0.228,0.521-0.521C123.125,102.912,122.897,102.684,122.604,102.684z
+ M120,133.413c-1.432,0-2.604,1.171-2.604,2.604c0,1.433,1.172,2.604,2.604,2.604s2.604-1.171,2.604-2.604
+ C122.604,134.585,121.432,133.413,120,133.413z"/>
+</g>
+<g>
+ <path fill="#B2B5B9" d="M40,185.388c8.121,0,14.729,6.607,14.729,14.729S48.121,214.845,40,214.845s-14.729-6.607-14.729-14.729
+ S31.879,185.388,40,185.388 M40,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367
+ s17.367-7.775,17.367-17.367C57.367,190.525,49.591,182.75,40,182.75L40,182.75z"/>
+ <g>
+ <path fill="#B2B5B9" d="M39.565,204.504c-0.688,0-1.196-0.508-1.286-1.195l-0.299-2.57c-0.12-0.808,0.359-1.405,1.166-1.495
+ c2.81-0.269,4.364-1.345,4.364-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.87,0.568-4.065,1.645
+ c-0.299,0.239-0.688,0.418-1.106,0.418c-0.926,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285
+ c1.584-1.495,3.587-2.481,6.337-2.481c4.185,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.12,1.375
+ c-0.12,0.657-0.598,1.195-1.285,1.195H39.565z M39.565,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299
+ c0,1.166-0.896,2.062-2.122,2.062s-2.123-0.896-2.123-2.062v-0.299C37.442,207.583,38.339,206.687,39.565,206.687z"/>
+ </g>
+</g>
+<g>
+ <path fill="#DCE8F3" d="M120,185.388c8.121,0,14.729,6.607,14.729,14.729s-6.607,14.729-14.729,14.729s-14.729-6.607-14.729-14.729
+ S111.879,185.388,120,185.388 M120,182.75c-9.591,0-17.367,7.775-17.367,17.367c0,9.591,7.775,17.367,17.367,17.367
+ s17.367-7.775,17.367-17.367C137.367,190.525,129.591,182.75,120,182.75L120,182.75z"/>
+ <g>
+ <path fill="#DCE8F3" d="M119.564,204.504c-0.688,0-1.195-0.508-1.285-1.195l-0.299-2.57c-0.12-0.808,0.358-1.405,1.166-1.495
+ c2.81-0.269,4.363-1.345,4.363-3.229v-0.06c0-1.674-1.285-2.84-3.438-2.84c-1.584,0-2.869,0.568-4.064,1.645
+ c-0.3,0.239-0.688,0.418-1.106,0.418c-0.927,0-1.674-0.747-1.674-1.644c0-0.448,0.18-0.927,0.598-1.285
+ c1.584-1.495,3.587-2.481,6.337-2.481c4.186,0,7.024,2.331,7.024,6.068v0.06c0,3.767-2.72,5.47-6.038,6.038l-0.119,1.375
+ c-0.12,0.657-0.598,1.195-1.285,1.195H119.564z M119.564,206.687c1.226,0,2.122,0.896,2.122,2.062v0.299
+ c0,1.166-0.896,2.062-2.122,2.062s-2.122-0.896-2.122-2.062v-0.299C117.442,207.583,118.339,206.687,119.564,206.687z"/>
+ </g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
new file mode 100644
index 0000000..cb3f876
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/index.css
@@ -0,0 +1,103 @@
+/* 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/. */
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+}
+
+#tabs {
+ box-shadow: inset -4px 0 0 rgba(0,0,0,0.3);
+ background: #252C33;
+}
+
+#toolbox-tabs {
+ overflow-y: auto;
+}
+
+.button {
+ width: 80px;
+ height: 85px;
+ padding-bottom: 5px;
+ -moz-appearance: none;
+ border: none;
+ border-bottom: 1px solid #121214;
+ background-color: transparent;
+ color: #B5B8BB;
+ cursor: pointer;
+ text-align: center;
+ -moz-box-align: end;
+ font-size: 10px;
+ text-shadow: 0 1px 0 #333;
+ color: #9FA6AD;
+}
+
+.button:first-child {
+ border-top: none;
+}
+
+.button[selected] {
+ box-shadow: inset -4px 0 0 rgba(0,0,0,0.3), inset 2px 0 0 #DEFFFF, inset 3px 0 0 #8DC7E8, inset 4px 0 1px #1D6496;
+ color: #DCE8F3;
+ background-color: #1A4766;
+ border-color: #191B1E;
+}
+
+.button::-moz-focus-inner {
+ border-width: 0;
+}
+
+.panel {
+ border-width: 0;
+}
+
+.panel:not([selected="true"]) {
+ display: none;
+}
+
+.button.toolbox {
+ background-repeat: no-repeat;
+ background-position: center 15px;
+ background-size: 40px 40px;
+}
+
+.projects-button {
+ background: url('chrome://browser/skin/devtools/app-manager/index-icons.svg') no-repeat;
+ background-position: left -5px;
+}
+
+.projects-button[selected] {
+ background-position: right -5px;
+}
+
+.device-button {
+ background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+ background-position: left -85px, top left;
+ background-repeat: no-repeat, no-repeat;
+ background-size: 160px 240px, 2px 80px;
+}
+
+.device-button[selected] {
+ background-position: right -85px, top left;
+}
+
+.help-button {
+ border-bottom: 0;
+ background-image: url('chrome://browser/skin/devtools/app-manager/index-icons.svg');
+ background-position: left -165px, top left;
+ background-repeat: no-repeat, no-repeat;
+ background-size: 160px 240px, 2px 80px;
+}
+
+.help-button[selected] {
+ background-position: right -165px, top left;
+}
+
+#connection-footer {
+ border-width: 0;
+ height: 50px;
+ min-height: 50px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
new file mode 100644
index 0000000..b3c42ac
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/noise.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
new file mode 100644
index 0000000..10e8d2b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/plus.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+ <path fill="#ABABAB" d="M32.336,3.894c-15.74,0-28.5,12.76-28.5,28.5s12.76,28.5,28.5,28.5s28.5-12.76,28.5-28.5
+ S48.076,3.894,32.336,3.894z M44.86,36.966h-7.823v7.62c0,2.582-2.12,4.702-4.702,4.702c-2.584,0-4.704-2.12-4.704-4.702v-7.62
+ h-7.817c-2.52,0-4.572-2.056-4.572-4.572s2.053-4.572,4.572-4.572h7.817v-7.62c0-2.582,2.12-4.702,4.704-4.702
+ c2.582,0,4.702,2.12,4.702,4.702v7.62h7.823c2.514,0,4.57,2.056,4.57,4.572S47.374,36.966,44.86,36.966z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
new file mode 100644
index 0000000..98b2289
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/projects.css
@@ -0,0 +1,556 @@
+/* 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/. */
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ font-size: 0.9rem;
+}
+
+html, body {
+ height: 100%;
+}
+
+template {
+ display: none;
+}
+
+body {
+ display: flex;
+ color: #333;
+ background-color: white;
+ font-family: Lucida Grande, Helvetica, Helvetica Neue, sans-serif;
+ overflow: hidden;
+}
+
+body:not(.connected) button.device-action {
+ display: none;
+}
+
+strong {
+ color: #111;
+}
+
+
+/********* SIDEBAR ***********/
+
+
+
+#sidebar {
+ display: flex;
+ flex-direction: column;
+ flex: 0 0 350px;
+ overflow: hidden;
+ z-index: 100;
+ background-color: #E9EAEB;
+ position: relative;
+ box-shadow: 3px 0 1.5px rgba(0,0,0,0.08);
+}
+
+#project-list {
+ height: 100%;
+ overflow: auto;
+}
+
+#project-list:not([projects-count="0"]) > #no-project {
+ display: none;
+}
+
+#no-project {
+ padding: 100px 20px 0;
+ font-weight: bold;
+ color: #BBB;
+ font-size: 22px;
+}
+
+
+/********* PROJECT MENU ***********/
+
+
+.project-item {
+ padding: 10px 0;
+ background-color: #F0F1F2;
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+ color: #666;
+ line-height: 120%;
+ cursor: pointer;
+ display: flex;
+ position: relative;
+}
+
+.project-item:hover {
+ background-color: #EEE;
+}
+
+.project-item > * {
+ flex-shrink: 0;
+}
+
+.project-item.selected {
+ background-color: #46AFE3;
+}
+
+.project-item.selected strong {
+ color: #FFF;
+}
+
+.project-item.selected p,
+.project-item.selected span {
+ color: #C1DCF0;
+}
+
+.button-remove {
+ background-image: url('remove.svg');
+ background-size: 20px;
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ right: 5px;
+ bottom: 5px;
+ visibility: hidden;
+ opacity: 0.5;
+}
+
+.project-item:hover .button-remove {
+ visibility: visible;
+}
+
+.project-item-status {
+ width: 6px;
+ margin: -10px 0;
+ border-right: 1px solid rgba(0,0,0,0.1);
+ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 0 0 rgba(0,0,0,0.2);
+}
+
+.project-item-status[status="valid"] {
+ background-color: #70BF53;
+}
+
+.project-item-status[status~="warning"] {
+ background-color: #F2B33F;
+}
+
+.project-item-status[status~="error"] {
+ background-color: #ED4C62;
+}
+
+.project-item-icon {
+ width: 32px;
+ height: 32px;
+ margin: 0 10px;
+}
+
+.project-item-meta {
+ flex-grow: 1;
+ flex-shrink: 1 !important;
+}
+
+.project-item-type {
+ font-size: 10px;
+ line-height: 20px;
+ float: right;
+ padding-right: 10px;
+ color: #7597B9;
+ text-transform: uppercase;
+}
+
+.project-item-description {
+ color: #888;
+ font-size: 90%;
+}
+
+/********* ADD PROJECT ***********/
+
+#new-packaged-project {
+ box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
+ background-position: calc(100% - 10px) 10px;
+}
+
+#new-packaged-project,
+#new-hosted-project {
+ background-color: #EEE;
+ border: none;
+ border-top: 1px solid #DDD;
+ padding: 10px;
+ font-weight: bold;
+}
+
+#new-packaged-project:hover,
+#new-hosted-project:hover {
+ background-color: #DDD;
+}
+
+#new-hosted-project-wrapper {
+ display: flex;
+ align-items: center;
+}
+
+#new-packaged-project,
+#new-hosted-project-click {
+ background-image: url('plus.svg');
+ background-size: 20px;
+ background-repeat: no-repeat;
+ cursor: pointer;
+}
+
+#new-hosted-project-click {
+ background-position: top right;
+ width: 20px;
+ height: 20px;
+ margin-left: 5px;
+}
+
+#url-input {
+ flex-grow: 1;
+ width: 90%;
+ box-shadow: none;
+ border-radius: 3px;
+ border: 1px solid #DDD;
+ padding: 4px;
+ margin-top: 4px;
+}
+
+
+/********* LENSE ***********/
+
+
+#lense {
+ height: 100%;
+ flex-grow: 1;
+ display: flex;
+ z-index: 1;
+ overflow: hidden;
+ background-color: rgb(225, 225, 225);
+ background-image: url('rocket.svg'), url('noise.png');
+ background-repeat: no-repeat, repeat;
+ background-size: 35%, auto;
+ background-position: center center, top left;
+}
+
+#lense > div {
+ display: flex;
+ flex-grow: 1;
+ flex-direction: column;
+}
+
+
+/********* PROJECT ***********/
+
+
+.project-details {
+ background-color: rgb(225, 225, 225);
+ padding: 10px;
+ line-height: 160%;
+ display: flex;
+ flex-direction: column;
+}
+
+.project-metadata {
+ flex-grow: 1;
+}
+
+.project-status {
+ display: flex;
+}
+
+.project-title {
+ flex-direction: row;
+ display: flex;
+ align-items: flex-start;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #CCC;
+ margin-bottom: 10px;
+}
+
+.project-title > h1 {
+ flex-grow: 1;
+ font-size: 24px;
+}
+
+.project-location {
+ color: gray;
+ font-size: 10px;
+ cursor: pointer;
+ font-family: monospace;
+}
+
+.project-location:hover {
+ text-decoration: underline;
+}
+
+.project-header {
+ display: flex;
+ border-bottom: 1px solid #CCC;
+ margin: 10px 20px 10px 20px;
+ padding-bottom: 10px;
+}
+
+.project-icon {
+ flex-shrink: 0;
+ width: 64px;
+ height: 64px;
+ margin-right: 10px;
+}
+
+.project-location {
+ font-size: 11px;
+ color: #999;
+}
+
+.project-description {
+ font-style: italic;
+ color: #333;
+}
+
+.project-status > p {
+ text-transform: uppercase;
+ font-size: 10px;
+ padding: 2px 10px;
+ border-radius: 2px;
+ margin-top: 6px;
+ line-height: 10px;
+}
+
+.project-validation {
+ color: #FFF;
+ display: none;
+ margin-left: 10px;
+}
+
+.project-validation.valid {
+ background-color: #70BF53;
+}
+
+.project-validation.warning {
+ background-color: #F2B33F;
+}
+
+.project-validation.error {
+ background-color: #ED4C62;
+}
+
+[status="valid"] > .project-validation.valid,
+[status~="warning"] > .project-validation.warning,
+[status~="error"] > .project-validation.error {
+ display: inline;
+}
+
+.project-type {
+ display: none;
+ margin-left: 10px;
+}
+[type="hosted"] > .project-type.hosted,
+[type="packaged"] > .project-type.packaged {
+ display: inline;
+}
+
+/********* PROJECT BUTTONS ***********/
+
+
+
+.project-buttons {
+ display: flex;
+ margin-left: 20px;
+ color: #BBB;
+}
+
+.project-buttons > button {
+ margin: 0;
+ font-size: 11px;
+ border: 1px solid #CCC;
+ border-left-width: 0;
+ padding: 5px 15px;
+ cursor: pointer;
+ background: rgba(255,255,255,0.4);
+ text-transform: uppercase;
+}
+
+.project-buttons > button[disabled] {
+ background-color: transparent;
+ opacity: 0.4;
+ pointer-events: none;
+}
+
+.project-buttons > button:first-child {
+ border-left-width: 1px;
+}
+
+.project-button-debug {
+ color: #3498DB;
+}
+
+.project-button-debug:hover {
+ background-color: #3498DB;
+ color: #FFF;
+}
+
+.project-button-debug[disabled] {
+ color: #3498DB;
+}
+
+.project-button-update {
+ color: #777;
+}
+
+.project-button-update:hover {
+ background-color: #777;
+ color: #FFF;
+}
+
+.project-button-update[disabled] {
+ color: #777;
+}
+
+
+
+/********* ERRORS AND WARNINGS ***********/
+
+.project-warnings,
+.project-errors,
+.project-item-warnings,
+.project-item-errors {
+ display: none;
+}
+
+[status~="warning"] .project-item-warnings,
+[status~="error"] .project-item-errors {
+ display: inline-block;
+}
+
+[status~="warning"] > .project-warnings,
+[status~="error"] > .project-errors {
+ display: block;
+}
+
+.project-warnings,
+.project-errors {
+ margin: 20px 20px 0;
+ padding: 10px 10px;
+ font-family: monospace;
+}
+
+.project-warnings {
+ border-left: 3px solid #ECB51E;
+ background-color: rgba(236, 181, 20, 0.1);
+}
+
+.project-errors {
+ border-left: 3px solid #ED4C62;
+ background-color: rgba(237,76,98,0.1);
+}
+
+.project-item-warnings {
+ background-image: url('warning.svg');
+}
+
+.project-item-errors {
+ background-image: url('error.svg');
+ color: rgb(227, 79, 34);
+}
+
+.project-item-warnings,
+.project-item-errors {
+ background-repeat: no-repeat;
+ background-size: 12px;
+ background-position: left center;
+ margin-top: 6px;
+}
+
+.project-item-warnings > span,
+.project-item-errors > span {
+ font-size: 11px;
+ padding-left: 16px;
+ font-weight: bold;
+}
+
+
+/********* MANIFEST EDITOR ***********/
+
+.manifest-editor {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ background-color: #E1E1E1;
+}
+
+.manifest-header {
+ display: flex;
+ flex-direction: row;
+}
+
+.manifest-header > h2 {
+ font-size: 18px;
+ margin: 1em 15px 1em 30px;
+ display: none;
+}
+
+.manifest-header > button {
+ margin: 18px 0;
+ font-size: 11px;
+ border: 1px solid #CCC;
+ border-right-width: 0;
+ padding: 2px;
+ cursor: pointer;
+ background: rgba(255,255,255,0.4);
+ text-transform: uppercase;
+ display: none;
+}
+
+.manifest-header > button[disabled] {
+ background-color: transparent;
+ opacity: 0.4;
+ pointer-events: none;
+}
+
+.manifest-header > button:last-child {
+ border-right-width: 1px;
+}
+
+[type="packaged"] > .editable {
+ display: block;
+}
+
+[type="hosted"] > .viewable {
+ display: block;
+}
+
+.manifest-button-save {
+ color: #777;
+}
+
+.manifest-button-save:hover {
+ background-color: #777;
+ color: #FFF;
+}
+
+.manifest-button-save[disabled] {
+ color: #777;
+}
+
+.variables-view {
+ flex-grow: 1;
+ border: 0;
+ border-top: 5px solid #C9C9C9;
+}
+
+/* Bug 925921: Remove when the manifest editor is always on */
+
+.manifest-editor {
+ display: none;
+}
+
+.project-details {
+ flex-grow: 1;
+}
+
+#lense[manifest-editable] .manifest-editor {
+ display: flex;
+}
+
+#lense[manifest-editable] .project-details {
+ flex-grow: 0;
+}
+
+/* End blocks to remove */
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
new file mode 100644
index 0000000..3d36871
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/remove.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64">
+<path d="m 12.183457,12.241457 c -11.129861,11.12986 -11.129861,29.175226 0,40.305086 11.12986,11.129861 29.175226,11.129861 40.305086,0 11.129861,-11.12986 11.129861,-29.175226 0,-40.305086 -11.12986,-11.129861 -29.175226,-11.129861 -40.305086,0 z m 32.241241,14.52963 -5.531697,5.531696 5.388154,5.388154 c 1.82575,1.82575 1.82575,4.823882 0,6.649632 -1.827164,1.827164 -4.825297,1.827164 -6.651047,0.0014 l -5.388153,-5.388153 -5.527454,5.527453 c -1.781909,1.781909 -4.686704,1.779081 -6.465784,0 -1.779081,-1.77908 -1.781202,-4.684582 0,-6.465784 l 5.527453,-5.527454 -5.388153,-5.388153 c -1.82575,-1.82575 -1.82575,-4.823883 0.0014,-6.651047 1.82575,-1.82575 4.823882,-1.82575 6.649632,0 l 5.388154,5.388154 5.531696,-5.531697 c 1.777667,-1.777666 4.68529,-1.777666 6.46437,0.0014 1.779081,1.77908 1.779081,4.686703 0.0014,6.46437 z"
+ style="fill:#FF6B00" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
new file mode 100644
index 0000000..95c42a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/rocket.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+ <g opacity="0.1">
+ <g>
+ <path fill="#FFFFFF" d="M12,2.3c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464
+ c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535
+ C15.333,6.021,13.127,2.3,12,2.3z M12.003,6.181c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135
+ c-0.545,0-1.066,0.054-1.553,0.15C10.914,7.292,11.608,6.181,12.003,6.181z"/>
+ <path fill="#FFFFFF" d="M12.792,18.755c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408
+ c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104
+ s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,18.175,12.792,18.453,12.792,18.755z"/>
+ </g>
+ <g>
+ <g>
+ <path fill="#414042" d="M12,2c-1.127,0-3.333,3.721-4.084,7.411l-2.535,2.535v6.619l1.767,0l2.464-2.464
+ c0.252,0.264,0.529,0.486,0.827,0.662h3.118c0.299-0.175,0.579-0.397,0.831-0.662l2.464,2.464l1.767,0v-6.619l-2.535-2.535
+ C15.333,5.721,13.127,2,12,2z M12.003,5.881c0.393,0,1.084,1.103,1.515,2.423c-0.466-0.087-0.963-0.135-1.481-0.135
+ c-0.545,0-1.066,0.054-1.553,0.15C10.914,6.992,11.608,5.881,12.003,5.881z"/>
+ <path fill="#414042" d="M12.792,18.455c0,0.778-0.603,1.408-0.805,1.408c-0.201,0-0.805-0.631-0.805-1.408
+ c0-0.301,0.055-0.579,0.147-0.809h-0.932c-0.109,0.403-0.171,0.854-0.171,1.33c0,1.714,1.33,3.104,1.774,3.104
+ s1.774-1.389,1.774-3.103c0-0.477-0.062-0.927-0.171-1.331l-0.957,0C12.738,17.875,12.792,18.153,12.792,18.455z"/>
+ </g>
+ </g>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
new file mode 100644
index 0000000..89e7c6f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/app-manager/warning.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="64px" height="64px" viewBox="0 0 64 64" enable-background="new 0 0 64 64">
+ <path fill="#ECB51F" d="M61.689,51.121L36.437,7.384c-2.441-4.227-6.434-4.227-8.875,0L2.311,51.121
+ c-2.441,4.227-0.444,7.686,4.437,7.686h50.504C62.133,58.807,64.13,55.349,61.689,51.121z M35.968,47.68
+ c0,2.191-1.688,3.877-3.968,3.877s-3.968-1.686-3.968-3.877v-0.093c0-2.187,1.688-3.873,3.968-3.873s3.968,1.686,3.968,3.873V47.68z
+ M36.059,21.548l-1.961,17.146c-0.137,1.233-0.958,2.009-2.098,2.009s-1.961-0.776-2.098-2.009l-1.961-17.146
+ c-0.137-1.322,0.592-2.325,1.825-2.325h4.469C35.466,19.223,36.196,20.226,36.059,21.548z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e.png
new file mode 100644
index 0000000..cfa950a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/arrow-e.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png b/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png
new file mode 100644
index 0000000..c628ca0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/arrow-e@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png
new file mode 100644
index 0000000..9ce5dd7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-divider@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png
new file mode 100644
index 0000000..5f28c8b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png
new file mode 100644
index 0000000..22c3c86
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/breadcrumbs-scrollbutton@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css b/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css
new file mode 100644
index 0000000..69e847c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/canvasdebugger.css
@@ -0,0 +1,451 @@
+/* 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/. */
+
+/* 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/. */
+
+
+/* Reload and waiting notices */
+
+.notice-container {
+ margin-top: -50vh;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color-alt);
+}
+
+#empty-notice > button {
+ min-width: 30px;
+ min-height: 28px;
+ margin: 0;
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#empty-notice > button .button-text {
+ display: none;
+}
+
+#waiting-notice {
+ font-size: 110%;
+}
+
+/* Snapshots pane */
+
+#snapshots-pane > tabs {
+ -moz-border-end: 1px solid;
+}
+
+#snapshots-pane .devtools-toolbar {
+ -moz-border-end: 1px solid;
+}
+
+.theme-dark #snapshots-pane > tabs,
+.theme-dark #snapshots-pane .devtools-toolbar {
+ -moz-border-end-color: black; /* Match the splitter color. */
+}
+
+.theme-light #snapshots-pane > tabs,
+.theme-light #snapshots-pane .devtools-toolbar {
+ -moz-border-end-color: #aaa; /* Match the splitter color. */
+}
+
+#record-snapshot {
+ list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch.svg");
+}
+
+#record-snapshot[checked] {
+ list-style-image: url("chrome://browser/skin/devtools/profiler-stopwatch-checked.svg");
+}
+
+/* Snapshots items */
+
+.snapshot-item-thumbnail {
+ image-rendering: -moz-crisp-edges;
+ background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
+ background-size: 12px 12px, 12px 12px;
+ background-position: 0px 0px, 6px 6px;
+ background-repeat: repeat, repeat;
+}
+
+.snapshot-item-thumbnail[flipped=true] {
+ transform: scaleY(-1);
+}
+
+.theme-dark .snapshot-item-thumbnail {
+ background-color: #000;
+}
+
+.theme-light .snapshot-item-thumbnail {
+ background-color: #fff;
+}
+
+.snapshot-item-details {
+ -moz-padding-start: 6px;
+}
+
+.snapshot-item-calls {
+ padding-top: 4px;
+ font-size: 80%;
+}
+
+.snapshot-item-save {
+ padding-bottom: 2px;
+ font-size: 90%;
+}
+
+.snapshot-item-calls,
+.snapshot-item-save {
+ color: var(--theme-body-color-alt);
+}
+
+.snapshot-item-save {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.snapshot-item-save[disabled=true] {
+ text-decoration: none;
+ pointer-events: none;
+}
+
+.snapshot-item-footer.devtools-throbber::before {
+ margin-top: -2px;
+}
+
+#snapshots-list .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Debugging pane controls */
+
+#debugging-controls .devtools-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#resume {
+ list-style-image: url(debugger-play.png);
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+#step-over {
+ list-style-image: url(debugger-step-over.png);
+}
+
+#step-in {
+ list-style-image: url(debugger-step-in.png);
+}
+
+#step-out {
+ list-style-image: url(debugger-step-out.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #resume {
+ list-style-image: url(debugger-play@2x.png);
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+
+ #step-over {
+ list-style-image: url(debugger-step-over@2x.png);
+ }
+
+ #step-in {
+ list-style-image: url(debugger-step-in@2x.png);
+ }
+
+ #step-out {
+ list-style-image: url(debugger-step-out@2x.png);
+ }
+}
+
+#debugging-controls > toolbarbutton {
+ transition: opacity 0.15s ease-in-out;
+}
+
+#debugging-controls > toolbarbutton[disabled=true] {
+ opacity: 0.5;
+}
+
+#calls-slider {
+ -moz-padding-end: 24px;
+}
+
+#calls-slider .scale-slider {
+ margin: 0;
+}
+
+#debugging-toolbar-sizer-button {
+ /* This button's only purpose in life is to make the
+ container .devtools-toolbar have the right height. */
+ visibility: hidden;
+ min-width: 1px;
+}
+
+/* Calls list pane */
+
+#calls-list .side-menu-widget-container {
+ background: transparent;
+}
+
+#calls-list .side-menu-widget-item {
+ padding: 0;
+}
+
+/* Calls list items */
+
+.theme-dark #calls-list .side-menu-widget-item {
+ border-color: #111;
+ border-bottom-color: transparent;
+}
+
+.theme-light #calls-list .side-menu-widget-item {
+ border-color: #eee;
+ border-bottom-color: transparent;
+}
+
+.theme-dark .call-item-view:hover {
+ background-color: rgba(255,255,255,.025);
+}
+
+.theme-light .call-item-view:hover {
+ background-color: rgba(0,0,0,.025);
+}
+
+.theme-dark .call-item-view[draw-call] {
+ background-color: rgba(112,191,83,0.15);
+}
+
+.theme-light .call-item-view[draw-call] {
+ background-color: rgba(44,187,15,0.1);
+}
+
+.theme-dark .call-item-view[interesting-call] {
+ background-color: rgba(223,128,255,0.15);
+}
+
+.theme-light .call-item-view[interesting-call] {
+ background-color: rgba(184,46,229,0.1);
+}
+
+.call-item-gutter {
+ width: calc(3em + 22px);
+ -moz-padding-start: 22px;
+ -moz-padding-end: 4px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ -moz-border-end: 1px solid;
+ -moz-margin-end: 6px;
+}
+
+.selected .call-item-gutter {
+ background-image: url("editor-debug-location.png");
+ background-repeat: no-repeat;
+ background-position: 6px center;
+ background-size: 12px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .selected .call-item-gutter {
+ background-image: url("editor-debug-location@2x.png");
+ }
+}
+
+.call-item-gutter {
+ background-color: var(--theme-sidebar-background);
+ color: var(--theme-content-color3);
+ border-color: var(--theme-splitter-color);
+}
+
+.call-item-index {
+ text-align: end;
+}
+
+.call-item-context {
+ color: var(--theme-highlight-orange);
+}
+
+.call-item-name {
+ color: var(--theme-highlight-blue);
+}
+
+.call-item-location {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 6px;
+ text-align: end;
+ cursor: pointer;
+ color: var(--theme-highlight-bluegrey);
+}
+
+.call-item-location:hover {
+ color: var(--theme-highlight-blue);
+}
+
+.call-item-view:hover .call-item-location,
+.call-item-view[expanded] .call-item-location {
+ text-decoration: underline;
+}
+
+.theme-dark .call-item-location {
+ border-color: #111;
+}
+
+.theme-light .call-item-location {
+ border-color: #eee;
+}
+
+.call-item-stack {
+ -moz-padding-start: calc(3em + 22px);
+ padding-bottom: 10px;
+}
+
+.theme-dark .call-item-stack {
+ background: rgba(0,0,0,0.9);
+}
+
+.theme-light .call-item-stack {
+ background: rgba(255,255,255,0.9);
+}
+
+.call-item-stack-fn {
+ padding-top: 2px;
+ padding-bottom: 2px;
+}
+
+.call-item-stack-fn-location {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 6px;
+ text-align: end;
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.call-item-stack-fn-name {
+ color: var(--theme-content-color3);
+}
+
+.call-item-stack-fn-location {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.call-item-stack-fn-location:hover {
+ color: var(--theme-highlight-blue);
+}
+
+#calls-list .selected .call-item-contents > label:not(.call-item-gutter) {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Rendering preview */
+
+#screenshot-container {
+ background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
+ background-size: 30px 30px, 30px 30px;
+ background-position: 0px 0px, 15px 15px;
+ background-repeat: repeat, repeat;
+}
+
+.theme-dark #screenshot-container {
+ background-color: #000;
+}
+
+.theme-light #screenshot-container {
+ background-color: #fff;
+}
+
+@media (min-width: 701px) {
+ #screenshot-container {
+ width: 30vw;
+ max-width: 50vw;
+ min-width: 100px;
+ }
+}
+
+@media (max-width: 700px) {
+ #screenshot-container {
+ height: 40vh;
+ max-height: 70vh;
+ min-height: 100px;
+ }
+}
+
+#screenshot-image {
+ background-image: -moz-element(#screenshot-rendering);
+ background-size: contain;
+ background-position: center, center;
+ background-repeat: no-repeat;
+}
+
+#screenshot-image[flipped=true] {
+ transform: scaleY(-1);
+}
+
+#screenshot-dimensions {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ text-align: center;
+}
+
+.theme-dark #screenshot-dimensions {
+ background-color: rgba(0,0,0,0.4);
+}
+
+.theme-light #screenshot-dimensions {
+ background-color: rgba(255,255,255,0.8);
+}
+
+/* Snapshot filmstrip */
+
+#snapshot-filmstrip {
+ overflow: hidden;
+}
+
+.theme-dark #snapshot-filmstrip {
+ border-top: 1px solid #000;
+ color: var(--theme-selection-color);
+}
+
+.theme-light #snapshot-filmstrip {
+ border-top: 1px solid #aaa;
+ color: var(--theme-body-color-alt);
+}
+
+.filmstrip-thumbnail {
+ image-rendering: -moz-crisp-edges;
+ background-image: linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2)), linear-gradient(45deg, rgba(128,128,128,0.2) 25%, transparent 25%, transparent 75%, rgba(128,128,128,0.2) 75%, rgba(128,128,128,0.2));
+ background-size: 12px 12px, 12px 12px;
+ background-position: 0px -1px, 6px 5px;
+ background-repeat: repeat, repeat;
+ background-origin: content-box;
+ cursor: pointer;
+ padding-top: 1px;
+ padding-bottom: 1px;
+ transition: opacity 0.1s ease-in-out;
+}
+
+.filmstrip-thumbnail[flipped=true] {
+ transform: scaleY(-1);
+}
+
+.theme-dark .filmstrip-thumbnail {
+ background-color: #000;
+}
+
+.theme-light .filmstrip-thumbnail {
+ background-color: #fff;
+}
+
+.filmstrip-thumbnail {
+ -moz-border-end: 1px solid var(--theme-splitter-color)
+}
+
+#snapshot-filmstrip > .filmstrip-thumbnail:hover,
+#snapshot-filmstrip:not(:hover) > .filmstrip-thumbnail[highlighted] {
+ border: 1px solid var(--theme-highlight-blue);
+ margin: 0 0 0 -1px;
+ padding: 0;
+ opacity: 0.66;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/close.png b/arc-firefox-theme/chrome/browser/devtools/close.png
new file mode 100644
index 0000000..b539412
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/close.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/close@2x.png b/arc-firefox-theme/chrome/browser/devtools/close@2x.png
new file mode 100644
index 0000000..79ef6ce
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/close@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console.png b/arc-firefox-theme/chrome/browser/devtools/command-console.png
new file mode 100644
index 0000000..5c3740e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-console.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png
new file mode 100644
index 0000000..00bdc35
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-console@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png
new file mode 100644
index 0000000..a96b8eb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png
new file mode 100644
index 0000000..edfe4c1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-eyedropper@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames.png b/arc-firefox-theme/chrome/browser/devtools/command-frames.png
new file mode 100755
index 0000000..5c37ccb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-frames.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png
new file mode 100755
index 0000000..84b37d3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-frames@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png
new file mode 100644
index 0000000..244fb3c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png
new file mode 100644
index 0000000..77435bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-paintflashing@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick.png b/arc-firefox-theme/chrome/browser/devtools/command-pick.png
new file mode 100644
index 0000000..37ce97c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-pick.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png
new file mode 100644
index 0000000..88d739e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-pick@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png
new file mode 100644
index 0000000..2cad915
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png
new file mode 100644
index 0000000..6fce404
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-responsivemode@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers.png
new file mode 100644
index 0000000..ae7c705
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-rulers.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png
new file mode 100644
index 0000000..8378959
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-rulers@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png
new file mode 100644
index 0000000..f9470b4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png
new file mode 100644
index 0000000..ea5630f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-scratchpad@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png
new file mode 100644
index 0000000..f6da8e9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-screenshot.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png
new file mode 100644
index 0000000..b7cdced
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-screenshot@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt.png
new file mode 100644
index 0000000..6909b0a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-tilt.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png b/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png
new file mode 100644
index 0000000..2c35d19
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/command-tilt@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png
new file mode 100644
index 0000000..e51f67f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/commandline-icon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png
new file mode 100644
index 0000000..407fdae
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/commandline-icon@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/commandline.css b/arc-firefox-theme/chrome/browser/devtools/commandline.css
new file mode 100644
index 0000000..7666eed
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/commandline.css
@@ -0,0 +1,172 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within commandlineoutput.xhtml
+ and commandlinetooltip.xhtml). */
+:root[devtoolstheme="light"] {
+ --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */
+ --gcli-input-color: #18191a; /* --theme-body-color */
+ --gcli-border-color: #aaaaaa; /* --theme-splitter-color */
+}
+
+:root[devtoolstheme="dark"] {
+ --gcli-background-color: #343c45; /* --theme-toolbar-background */
+ --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf; /* --theme-body-color-alt */
+ --gcli-border-color: black; /* --theme-splitter-color */
+}
+
+.gcli-body {
+ margin: 0;
+ font: message-box;
+ color: var(--gcli-input-color);
+}
+
+#gcli-output-root,
+#gcli-tooltip-root {
+ border: 1px solid var(--gcli-border-color);
+ border-radius: 3px;
+ background-color: var(--gcli-background-color);
+}
+
+#gcli-output-root {
+ padding: 5px 10px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border-bottom: 0;
+}
+
+#gcli-tooltip-root {
+ padding: 5px 0px;
+}
+
+#gcli-tooltip-connector {
+ margin-top: -1px;
+ margin-left: 8px;
+ width: 20px;
+ height: 10px;
+ border-left: 1px solid var(--gcli-border-color);
+ border-right: 1px solid var(--gcli-border-color);
+ background-color: var(--gcli-background-color);
+}
+
+.gcli-tt-description,
+.gcli-tt-error {
+ padding: 0 10px;
+}
+
+.gcli-row-out {
+ padding: 0 5px;
+ line-height: 1.2em;
+ border-top: none;
+ border-bottom: none;
+ color: var(--gcli-input-color);
+}
+
+.gcli-row-out p,
+.gcli-row-out h1,
+.gcli-row-out h2,
+.gcli-row-out h3 {
+ margin: 5px 0;
+}
+
+.gcli-row-out h1,
+.gcli-row-out h2,
+.gcli-row-out h3,
+.gcli-row-out h4,
+.gcli-row-out h5,
+.gcli-row-out th,
+.gcli-row-out strong,
+.gcli-row-out pre {
+ color: var(--gcli-input-color);
+}
+
+.gcli-row-out pre {
+ font-size: 80%;
+}
+
+.gcli-row-out td {
+ white-space: nowrap;
+}
+
+.gcli-out-shortcut,
+.gcli-help-synopsis {
+ padding: 0 3px;
+ margin: 0 4px;
+ font-weight: normal;
+ font-size: 90%;
+ border-radius: 3px;
+ background-color: var(--gcli-background-color);
+ border: 1px solid var(--gcli-border-color);
+}
+
+.gcli-out-shortcut:before,
+.gcli-help-synopsis:before {
+ color: var(--gcli-input-color);
+ -moz-padding-end: 2px;
+}
+
+.gcli-help-arrow {
+ color: #666;
+}
+
+.gcli-help-description {
+ margin: 0 20px;
+ padding: 0;
+}
+
+.gcli-help-parameter {
+ margin: 0 30px;
+ padding: 0;
+}
+
+.gcli-help-header {
+ margin: 10px 0 6px;
+}
+
+.gcli-menu-name {
+ -moz-padding-start: 8px;
+}
+
+.gcli-menu-desc {
+ -moz-padding-end: 8px;
+ color: var(--gcli-input-color);
+}
+
+.gcli-menu-name:hover,
+.gcli-menu-desc:hover {
+ background-color: var(--gcli-input-focused-background);
+}
+
+.gcli-menu-highlight,
+.gcli-menu-highlight:hover {
+ background-color: hsla(0,100%,100%,.1);
+}
+
+.gcli-menu-typed {
+ color: hsl(25,78%,50%);
+}
+
+.gcli-menu-more {
+ font-size: 80%;
+ text-align: end;
+ -moz-padding-end: 8px;
+}
+
+.gcli-addon-disabled {
+ opacity: 0.6;
+ text-decoration: line-through;
+}
+
+.gcli-breakpoint-label {
+ font-weight: bold;
+}
+
+.gcli-breakpoint-lineText {
+ font-family: monospace;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/common.css b/arc-firefox-theme/chrome/browser/devtools/common.css
new file mode 100644
index 0000000..9cbb98d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/common.css
@@ -0,0 +1,264 @@
+
+:root {
+ font: message-box;
+ --monospace-font-family: monospace;
+}
+
+.devtools-monospace {
+ font-family: var(--monospace-font-family);
+ font-size: 80%;
+}
+
+/* Splitters */
+.devtools-horizontal-splitter {
+ -moz-appearance: none;
+ background-image: none;
+ background-color: transparent;
+ border: 0;
+ border-bottom: 1px solid rgba(118, 121, 125, .5);
+ min-height: 3px;
+ height: 3px;
+ margin-top: -3px;
+ position: relative;
+}
+
+.devtools-side-splitter {
+ -moz-appearance: none;
+ background-image: none;
+ background-color: transparent;
+ border: 0;
+ -moz-border-end: 1px solid rgba(118, 121, 125, .5);
+ min-width: 3px;
+ width: 3px;
+ -moz-margin-start: -3px;
+ position: relative;
+ cursor: e-resize;
+}
+
+.devtools-toolbox-side-iframe {
+ min-width: 465px;
+}
+
+/* Autocomplete Popup */
+/* Dark and light theme */
+
+.devtools-autocomplete-popup {
+ -moz-appearance: none !important;
+ box-shadow: 0 1px 0 hsla(209,29%,72%,.25) inset;
+ background-color: transparent;
+ border-radius: 3px;
+ overflow-x: hidden;
+ max-height: 32rem;
+}
+
+.devtools-autocomplete-listbox {
+ -moz-appearance: none !important;
+ background-color: transparent;
+ border-width: 0px !important;
+}
+
+.devtools-autocomplete-listbox > richlistitem,
+.devtools-autocomplete-listbox > richlistitem[selected] {
+ width: 100%;
+ background-color: transparent;
+ border-radius: 4px;
+}
+
+.devtools-autocomplete-listbox.dark-theme > richlistitem[selected],
+.devtools-autocomplete-listbox.dark-theme > richlistitem:hover {
+ background-color: rgba(0,0,0,0.5);
+}
+
+.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > .autocomplete-value,
+.devtools-autocomplete-listbox:focus.dark-theme > richlistitem[selected] > .initial-value {
+ color: hsl(208,100%,60%);
+}
+
+.devtools-autocomplete-listbox.dark-theme > richlistitem[selected] > label {
+ color: #eee;
+}
+
+.devtools-autocomplete-listbox.dark-theme > richlistitem > label {
+ color: #ccc;
+}
+
+.devtools-autocomplete-listbox > richlistitem > .initial-value,
+.devtools-autocomplete-listbox > richlistitem > .autocomplete-value {
+ margin: 0;
+ padding: 1px 0;
+}
+
+.devtools-autocomplete-listbox > richlistitem > .autocomplete-count {
+ text-align: end;
+}
+
+/* Rest of the dark and light theme */
+
+.devtools-autocomplete-popup,
+.theme-dark .CodeMirror-hints,
+.theme-dark .CodeMirror-Tern-tooltip {
+ border: 1px solid hsl(210,11%,10%);
+ background-image: linear-gradient(to bottom, hsla(209,18%,18%,0.9), hsl(210,11%,16%));
+}
+
+.devtools-autocomplete-popup.light-theme,
+.light-theme .CodeMirror-hints,
+.light-theme .CodeMirror-Tern-tooltip {
+ border: 1px solid hsl(210,24%,90%);
+ background-image: linear-gradient(to bottom, hsla(209,18%,100%,0.9), hsl(210,24%,95%));
+}
+
+.devtools-autocomplete-popup.light-theme {
+ box-shadow: 0 1px 0 hsla(209,29%,90%,.25) inset;
+}
+
+.devtools-autocomplete-listbox.light-theme > richlistitem[selected],
+.devtools-autocomplete-listbox.light-theme > richlistitem:hover {
+ background-color: rgba(128,128,128,0.3);
+}
+
+.devtools-autocomplete-listbox.light-theme > richlistitem[selected] > .autocomplete-value,
+.devtools-autocomplete-listbox:focus.light-theme > richlistitem[selected] > .initial-value {
+ color: #222;
+}
+
+.devtools-autocomplete-listbox.light-theme > richlistitem > label {
+ color: #666;
+}
+
+/* Tooltip widget (see browser/devtools/shared/widgets/Tooltip.js) */
+
+.devtools-tooltip .panel-arrowcontent {
+ padding: 4px;
+}
+
+.devtools-tooltip .panel-arrowcontainer {
+ /* Reseting the transition used when panels are shown */
+ transition: none;
+ /* Panels slide up/down/left/right when they appear using a transform.
+ Since we want to remove the transition, we don't need to transform anymore
+ plus it can interfeer by causing mouseleave events on the underlying nodes */
+ transform: none;
+}
+
+.devtools-tooltip[clamped-dimensions] {
+ min-height: 100px;
+ max-height: 400px;
+ min-width: 100px;
+ max-width: 400px;
+}
+.devtools-tooltip[clamped-dimensions-no-min-height] {
+ min-height: 0;
+ max-height: 400px;
+ min-width: 100px;
+ max-width: 400px;
+}
+.devtools-tooltip[clamped-dimensions-no-max-or-min-height] {
+ min-width: 400px;
+ max-width: 400px;
+}
+.devtools-tooltip[clamped-dimensions] .panel-arrowcontent,
+.devtools-tooltip[clamped-dimensions-no-min-height] .panel-arrowcontent,
+.devtools-tooltip[clamped-dimensions-no-max-or-min-height] .panel-arrowcontent {
+ overflow: hidden;
+}
+.devtools-tooltip[wide] {
+ max-width: 600px;
+}
+
+/* Tooltip: Simple Text */
+
+.devtools-tooltip-simple-text {
+ max-width: 400px;
+ margin: 0 -4px; /* Compensate for the .panel-arrowcontent padding. */
+ padding: 8px 12px;
+ white-space: pre-wrap;
+}
+
+.devtools-tooltip-simple-text:first-child {
+ margin-top: -4px;
+}
+
+.devtools-tooltip-simple-text:last-child {
+ margin-bottom: -4px;
+}
+
+/* Tooltip: Alert Icon */
+
+.devtools-tooltip-alert-icon {
+ width: 32px;
+ height: 32px;
+ margin: 6px;
+ -moz-margin-end: 20px;
+}
+
+.devtools-tooltip-alert-icon {
+ list-style-image: url("chrome://global/skin/icons/warning-32.png");
+}
+
+/* Tooltip: Variables View */
+
+.devtools-tooltip-variables-view-box {
+ margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
+}
+
+.devtools-tooltip-variables-view-box .variable-or-property > .title {
+ -moz-padding-end: 6px;
+}
+
+/* Tooltip: Tiles */
+
+.devtools-tooltip-tiles {
+ background-color: #eee;
+ background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
+ linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
+ background-size: 20px 20px;
+ background-position: 0 0, 10px 10px;
+}
+
+.devtools-tooltip-iframe {
+ border: none;
+ background: transparent;
+}
+
+/* Eyedropper Widget */
+
+.devtools-eyedropper-panel {
+ pointer-events: none;
+ -moz-appearance: none;
+ width: 156px;
+ height: 120px;
+ background-color: transparent;
+ border: none;
+}
+
+/* links to source code, like displaying `myfile.js:45` */
+
+.devtools-source-link {
+ font-family: var(--monospace-font-family);
+ color: var(--theme-highlight-blue);
+ cursor: pointer;
+ white-space: nowrap;
+ display: flex;
+ text-decoration: none;
+ font-size: 11px;
+ width: 12em; /* probably should be changed for each tool */
+}
+
+.devtools-source-link:hover {
+ text-decoration: underline;
+}
+
+.devtools-source-link > .filename {
+ text-overflow: ellipsis;
+ text-align: end;
+ overflow: hidden;
+ margin: 2px 0px;
+ cursor: pointer;
+}
+
+.devtools-source-link > .line-number {
+ flex: none;
+ margin: 2px 0px;
+ cursor: pointer;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/computedview.css b/arc-firefox-theme/chrome/browser/devtools/computedview.css
new file mode 100644
index 0000000..b920d7b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/computedview.css
@@ -0,0 +1,208 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* From content */
+
+* {
+ box-sizing: border-box;
+}
+
+:root {
+ height: 100%;
+}
+
+body {
+ margin: 0;
+ display : flex;
+ flex-direction: column;
+ height: 100%;
+}
+
+#propertyContainer {
+ -moz-user-select: text;
+ overflow: auto;
+ min-height: 0;
+ flex: 1;
+}
+
+.row-striped {
+ background: var(--theme-body-background);
+}
+
+.property-view-hidden,
+.property-content-hidden {
+ display: none;
+}
+
+.property-view {
+ clear: both;
+ padding: 2px 0 2px 17px;
+}
+
+.property-view > * {
+ display: inline-block;
+ vertical-align: middle;
+}
+
+.property-name {
+ /* -12px is so the expander triangle isn't pushed up above the property */
+ width: calc(100% - 12px);
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ outline: 0;
+}
+
+.property-value, .other-property-value {
+ background-image: url(arrow-e.png);
+ background-repeat: no-repeat;
+ background-size: 5px 8px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .property-value, .other-property-value {
+ background-image: url(arrow-e@2x.png);
+ }
+}
+
+.property-value {
+ width: 100%;
+ overflow-x: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ background-position: 2px center;
+ padding-left: 10px;
+ outline: 0;
+}
+
+.other-property-value {
+ background-position: left center;
+ padding-left: 8px;
+}
+
+@media (min-width: 400px) {
+ .property-name {
+ width: 200px;
+ }
+ .property-value {
+ /* -212px is accounting for the 200px property-name and the 12px triangle */
+ width: calc(100% - 212px);
+ }
+}
+
+.property-content {
+ padding-left: 17px;
+}
+
+/* From skin */
+.expander {
+ visibility: hidden;
+ margin-left: -12px!important;
+}
+
+.expandable {
+ visibility: visible;
+}
+
+.match {
+ visibility: hidden;
+}
+
+.matchedselectors > p {
+ clear: both;
+ margin: 0 2px 0 0;
+ padding: 2px;
+ overflow-x: hidden;
+ border-style: dotted;
+ border-color: rgba(128,128,128,0.4);
+ border-width: 1px 1px 0 1px;
+}
+
+.matchedselectors > p:last-of-type {
+ border-bottom-width: 1px;
+}
+
+/* This rule is necessary because Templater.jsm breaks LTR TDs in RTL docs */
+.rule-text {
+ direction: ltr;
+}
+
+.matched {
+ text-decoration: line-through;
+}
+
+.parentmatch {
+ opacity: 0.5;
+}
+
+#noResults {
+ font-size: 110%;
+ margin: 5px;
+ text-align: center;
+}
+
+.onlyuserstyles {
+ cursor: pointer;
+}
+
+.legendKey {
+ margin: 0 5px;
+}
+
+#root .devtools-toolbar {
+ width: 100%;
+ display: -moz-box;
+}
+
+.link {
+ padding: 0 3px;
+ cursor: pointer;
+ float: right;
+}
+
+/* Take away these two :visited rules to get a core dumper */
+/* See https://bugzilla.mozilla.org/show_bug.cgi?id=575675#c30 */
+
+.link,
+.link:visited {
+ color: #0091ff;
+}
+
+.link,
+.helplink,
+.link:visited,
+.helplink:visited {
+ text-decoration: none;
+}
+
+.link:hover {
+ text-decoration: underline;
+}
+
+.computedview-colorswatch {
+ border-radius: 50%;
+ width: 1em;
+ height: 1em;
+ vertical-align: text-top;
+ -moz-margin-end: 5px;
+ display: inline-block;
+ position: relative;
+}
+
+.computedview-colorswatch::before {
+ content: '';
+ background-color: #eee;
+ background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
+ linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
+ background-size: 12px 12px;
+ background-position: 0 0, 6px 6px;
+ position: absolute;
+ border-radius: 50%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/controls.png b/arc-firefox-theme/chrome/browser/devtools/controls.png
new file mode 100644
index 0000000..569c266
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/controls.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/controls@2x.png b/arc-firefox-theme/chrome/browser/devtools/controls@2x.png
new file mode 100644
index 0000000..fb06251
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/controls@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png
new file mode 100644
index 0000000..2dcb58a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png
new file mode 100644
index 0000000..64dbef8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/cubic-bezier-swatch@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dark-theme.css b/arc-firefox-theme/chrome/browser/devtools/dark-theme.css
new file mode 100644
index 0000000..4068fb0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/dark-theme.css
@@ -0,0 +1,1458 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* Colors are taken from:
+ * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
+ * Changes should be kept in sync with commandline.css and commandline.inc.css.
+ */
+:root {
+ --theme-body-background: #14171a;
+ --theme-sidebar-background: #181d20;
+ --theme-contrast-background: #b28025;
+
+ --theme-tab-toolbar-background: #252c33;
+ --theme-toolbar-background: #343c45;
+ --theme-selection-background: #1d4f73;
+ --theme-selection-background-semitransparent: rgba(29, 79, 115, .5);
+ --theme-selection-color: #f5f7fa;
+ --theme-splitter-color: black;
+ --theme-comment: #757873;
+
+ --theme-body-color: #8fa1b2;
+ --theme-body-color-alt: #b6babf;
+ --theme-content-color1: #a9bacb;
+ --theme-content-color2: #8fa1b2;
+ --theme-content-color3: #5f7387;
+
+ --theme-highlight-green: #70bf53;
+ --theme-highlight-blue: #46afe3;
+ --theme-highlight-bluegrey: #5e88b0;
+ --theme-highlight-purple: #6b7abb;
+ --theme-highlight-lightorange: #d99b28;
+ --theme-highlight-orange: #d96629;
+ --theme-highlight-red: #eb5368;
+ --theme-highlight-pink: #df80ff;
+
+ /* Colors used in Graphs, like performance tools. Mostly similar to some "highlight-*" colors. */
+ --theme-graphs-green: #70bf53;
+ --theme-graphs-blue: #46afe3;
+ --theme-graphs-purple: #df80ff;
+ --theme-graphs-yellow: #d99b28;
+ --theme-graphs-red: #eb5368;
+ --theme-graphs-grey: #757873;
+}
+
+.theme-body {
+ background: var(--theme-body-background);
+ color: var(--theme-body-color);
+}
+
+.theme-sidebar {
+ background: var(--theme-sidebar-background);
+ color: var(--theme-content-color1);
+}
+
+::-moz-selection {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.theme-bg-darker {
+ background-color: var(--theme-selection-background-semitransparent);
+}
+
+.theme-selected,
+.CodeMirror-hint-active {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.theme-bg-contrast,
+.variable-or-property:not([overridden])[changed] {
+ background: var(--theme-contrast-background);
+}
+
+.theme-link,
+.cm-s-mozilla .cm-link {
+ color: var(--theme-highlight-blue);
+}
+
+/*
+ * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
+ * failures in debug builds.
+ */
+.theme-link:visited,
+.cm-s-mozilla .cm-link:visited,
+.CodeMirror-Tern-type {
+ color: var(--theme-highlight-blue);
+}
+
+
+.theme-comment,
+.cm-s-mozilla .cm-meta,
+.cm-s-mozilla .cm-hr,
+.cm-s-mozilla .cm-comment,
+.variable-or-property .token-undefined,
+.variable-or-property .token-null,
+.CodeMirror-Tern-completion-unknown:before {
+ color: var(--theme-comment);
+}
+
+.theme-gutter {
+ background-color: #0f171f;
+ color: var(--theme-content-color3);
+ border-color: #303b47;
+}
+
+.theme-separator { /* grey */
+ border-color: #303b47;
+}
+
+.theme-fg-color1,
+.cm-s-mozilla .cm-number,
+.variable-or-property .token-number,
+.variable-or-property[return] > .title > .name,
+.variable-or-property[scope] > .title > .name {
+ color: var(--theme-highlight-green);
+}
+
+.CodeMirror-Tern-completion-number:before {
+ background-color: #5c9966;
+}
+
+.theme-fg-color2,
+.cm-s-mozilla .cm-attribute,
+.cm-s-mozilla .cm-variable,
+.cm-s-mozilla .cm-def,
+.cm-s-mozilla .cm-property,
+.cm-s-mozilla .cm-qualifier,
+.variables-view-variable > .title > .name {
+ color: var(--theme-highlight-blue);
+}
+
+.CodeMirror-Tern-completion-object:before {
+ background-color: #3689b2;
+}
+
+.cm-s-mozilla .cm-unused-line {
+ text-decoration: line-through;
+ text-decoration-color: #5f88b0;
+}
+
+.cm-s-mozilla .cm-executed-line {
+ background-color: #133c26;
+}
+
+.theme-fg-color3,
+.cm-s-mozilla .cm-builtin,
+.cm-s-mozilla .cm-tag,
+.cm-s-mozilla .cm-header,
+.cm-s-mozilla .cm-bracket,
+.variables-view-property > .title > .name {
+ color: var(--theme-highlight-pink);
+}
+
+.CodeMirror-Tern-completion-array:before {
+ background-color: var(--theme-highlight-bluegrey);
+}
+
+.theme-fg-color4 {
+ color: var(--theme-highlight-purple);
+}
+
+.theme-fg-color5,
+.cm-s-mozilla .cm-keyword {
+ color: var(--theme-highlight-lightorange);
+}
+
+.theme-fg-color6,
+.cm-s-mozilla .cm-string,
+.cm-s-mozilla .cm-string-2,
+.variable-or-property .token-string,
+.CodeMirror-Tern-farg {
+ color: var(--theme-highlight-orange);
+}
+
+.CodeMirror-Tern-completion-string:before,
+.CodeMirror-Tern-completion-fn:before {
+ background-color: #b26b47;
+}
+
+.theme-fg-color7,
+.cm-s-mozilla .cm-atom,
+.cm-s-mozilla .cm-quote,
+.cm-s-mozilla .cm-error,
+.variable-or-property .token-boolean,
+.variable-or-property .token-domnode,
+.variable-or-property[exception] > .title > .name {
+ color: var(--theme-highlight-red);
+}
+
+.CodeMirror-Tern-completion-bool:before {
+ background-color: #bf5656;
+}
+
+.variable-or-property .token-domnode {
+ font-weight: bold;
+}
+
+.theme-toolbar,
+.devtools-toolbar,
+.devtools-sidebar-tabs tabs,
+.devtools-sidebar-alltabs,
+.CodeMirror-dialog { /* General toolbar styling */
+ color: var(--theme-body-color-alt);
+ background-color: var(--theme-toolbar-background);
+ border-color: hsla(210,8%,5%,.6);
+}
+
+.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
+ color: black;
+}
+
+.ruleview-swatch,
+.computedview-colorswatch {
+ box-shadow: 0 0 0 1px #818181;
+}
+
+/* CodeMirror specific styles.
+ * Best effort to match the existing theme, some of the colors
+ * are duplicated here to prevent weirdness in the main theme. */
+
+.CodeMirror { /* Inherit platform specific font sizing and styles */
+ font-family: inherit;
+ font-size: inherit;
+ background: transparent;
+}
+
+.CodeMirror pre,
+.cm-s-mozilla .cm-variable-2,
+.cm-s-mozilla .cm-variable-3,
+.cm-s-mozilla .cm-operator,
+.cm-s-mozilla .cm-special {
+ color: var(--theme-content-color1);
+}
+
+.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
+ border-left: solid 1px #fff;
+}
+
+.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
+ background: rgb(185, 215, 253);
+}
+
+.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
+ background: rgb(176, 176, 176);
+}
+
+.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
+ background: rgba(185, 215, 253, .15);
+}
+
+div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
+ outline: solid 1px rgba(255, 255, 255, .25);
+ color: white;
+}
+
+/* Highlight for a line that contains an error. */
+div.CodeMirror div.error-line {
+ background: rgba(255,0,0,0.2);
+}
+
+/* Highlight for a line that represents a stack frame's location. */
+div.CodeMirror div.debug-line {
+ background: rgba(0,128,255,0.1);
+ box-shadow:
+ 0 1px 0 0 rgba(0,128,255,0.4),
+ 0 -1px 0 0 rgba(0,128,255,0.4);
+}
+
+/* Generic highlighted text */
+div.CodeMirror span.marked-text {
+ background: rgba(255,255,0,0.2);
+ border: 1px dashed rgba(192,192,0,0.6);
+ -moz-margin-start: -1px;
+ -moz-margin-end: -1px;
+}
+
+/* Highlight for evaluating current statement. */
+div.CodeMirror span.eval-text {
+ background-color: #556;
+}
+
+.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
+ color: var(--theme-content-color3);
+}
+
+.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
+ border-right-color: var(--theme-toolbar-background);
+ background-color: var(--theme-sidebar-background);
+}
+
+.cm-s-markup-view pre {
+ line-height: 1.4em;
+ min-height: 1.4em;
+}
+
+/* Twisty and checkbox controls */
+.theme-twisty, .theme-checkbox {
+ width: 14px;
+ height: 14px;
+ background-repeat: no-repeat;
+ background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-size: 56px 28px;
+}
+
+.theme-twisty {
+ cursor: pointer;
+ background-position: -28px -14px;
+}
+
+.theme-twisty:-moz-focusring {
+ outline-style: none;
+}
+
+.theme-twisty[open] {
+ background-position: -42px -14px;
+}
+
+.theme-twisty[invisible] {
+ visibility: hidden;
+}
+
+.theme-checkbox {
+ display: inline-block;
+ border: 0;
+ padding: 0;
+ outline: none;
+ background-position: -28px 0;
+}
+
+.theme-checkbox[checked] {
+ background-position: -42px 0;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-twisty, .theme-checkbox {
+ background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ }
+}
+
+/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */
+
+.theme-tooltip-panel .panel-arrowcontent {
+ padding: 5px;
+ background: rgba(19, 28, 38, .9);
+ border-radius: 5px;
+ box-shadow: none;
+ border: 3px solid #434850;
+}
+
+/* Overring panel arrow images to fit with our light and dark themes */
+
+.theme-tooltip-panel .panel-arrow[side="top"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
+ margin-bottom: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark.png");
+ margin-top: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="left"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
+ margin-right: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark.png");
+ margin-left: -4px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-tooltip-panel .panel-arrow[side="top"],
+ .theme-tooltip-panel .panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-dark@2x.png");
+ }
+
+ .theme-tooltip-panel .panel-arrow[side="left"],
+ .theme-tooltip-panel .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-dark@2x.png");
+ }
+}
+
+.theme-tooltip-panel .devtools-tooltip-simple-text {
+ color: white;
+ border-bottom: 1px solid #434850;
+}
+
+.theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
+ border-bottom: 0;
+}
+
+.devtools-textinput,
+.devtools-searchinput {
+ background-color: rgba(24, 29, 32, 1);
+ color: rgba(184, 200, 217, 1);
+}
+
+.CodeMirror-Tern-fname {
+ color: #f7f7f7;
+}
+
+.CodeMirror-hints,
+.CodeMirror-Tern-tooltip {
+ box-shadow: 0 0 4px rgba(255, 255, 255, .3);
+ background-color: #0f171f;
+ color: var(--theme-body-color);
+}
+
+
+
+/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
+.theme-light {
+ --searchbox-background-color: #ffee99;
+ --searchbox-border-color: #ffbf00;
+ --searcbox-no-match-background-color: #ffe5e5;
+ --searcbox-no-match-border-color: #e52e2e;
+}
+
+.theme-dark {
+ --searchbox-background-color: #4d4222;
+ --searchbox-border-color: #d99f2b;
+ --searcbox-no-match-background-color: #402325;
+ --searcbox-no-match-border-color: #cc3d3d;
+}
+
+/* Toolbars */
+.devtools-toolbar,
+.devtools-sidebar-tabs tabs {
+ -moz-appearance: none;
+ padding: 0;
+ border-width: 0;
+ border-bottom-width: 1px;
+ border-style: solid;
+ height: 24px;
+ line-height: 24px;
+ box-sizing: border-box;
+}
+
+.devtools-toolbar {
+ padding: 0 3px;
+}
+
+.devtools-toolbar checkbox {
+ margin: 0 2px;
+ padding: 0;
+ line-height: -moz-block-height;
+}
+.devtools-toolbar checkbox .checkbox-check {
+ margin: 0;
+ padding: 0;
+ vertical-align: bottom;
+}
+.devtools-toolbar checkbox .checkbox-label-box {
+ border: none !important; /* overrides .checkbox-label-box from checkbox.css */
+}
+.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
+ margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */
+ padding: 0;
+}
+
+/* Toolbar buttons */
+.devtools-menulist,
+.devtools-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ background: transparent;
+ min-width: 78px;
+ min-height: 18px;
+ padding: 1px;
+ text-shadow: none;
+ border: none;
+ border-radius: 0;
+ margin: 2px 3px;
+ color: inherit;
+ transition: background 0.05s ease-in-out;
+ color: var(--theme-content-color1);
+ background-color: var(--theme-toolbar-background);
+}
+
+.devtools-menulist:-moz-focusring,
+.devtools-toolbarbutton:-moz-focusring {
+ outline: 1px dotted hsla(210,30%,85%,0.7);
+ outline-offset: -4px;
+}
+
+.devtools-toolbarbutton[standalone] {
+ -moz-margin-end: 5px;
+ border-width: 1px;
+ border-style: solid;
+}
+.devtools-toolbarbutton[label][standalone] {
+ min-height: 2em;
+}
+
+.devtools-toolbarbutton:not([label]),
+.devtools-toolbarbutton[text-as-image] {
+ min-width: 32px;
+}
+
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+ min-width: inherit;
+}
+
+/* Command buttons with menupopups should be styled slightly differently -
+ no background color and a bit more narrow */
+#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
+ background: transparent;
+}
+#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
+ padding: 0 2px;
+}
+
+.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-toolbar .devtools-toolbarbutton {
+ border-width: 0;
+}
+
+.devtools-toolbarbutton > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-box-orient: horizontal;
+ padding: 0;
+}
+
+.devtools-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch;
+}
+
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ -moz-margin-end: 4px;
+}
+
+.devtools-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ min-width: 16px;
+}
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px;
+}
+
+.theme-dark .devtools-menulist,
+.theme-dark .devtools-toolbarbutton {
+ border-color: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-menulist,
+.theme-light .devtools-toolbarbutton {
+ border-color: rgba(170, 170, 170, .5); /* Splitters */
+}
+
+/* Text-only buttons */
+.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ background-color: rgba(170, 170, 170, .2); /* Splitter */
+}
+.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ background-color: rgba(0, 0, 0, .2); /* Splitter */
+}
+
+/* Button States */
+.theme-dark .devtools-toolbarbutton:not([disabled]):hover,
+.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
+.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
+ background: rgba(0, 0, 0, .3); /* Splitters */
+}
+.theme-light .devtools-toolbarbutton:not([disabled]):hover,
+.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
+.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
+ background: rgba(170, 170, 170, .3); /* Splitters */
+}
+
+.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active,
+.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
+.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
+ background: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-toolbarbutton:not([disabled]):hover:active,
+.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
+.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
+ background: rgba(170, 170, 170, .4); /* Splitters */
+}
+
+/* Menu type buttons and checked states */
+.theme-dark .devtools-toolbarbutton[checked=true],
+.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+ background: rgba(29, 79, 115, .7); /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-toolbarbutton[checked=true],
+.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+ background: rgba(76, 158, 217, .2); /* Select highlight blue */
+}
+
+.theme-dark .devtools-menulist[open=true],
+.theme-dark .devtools-toolbarbutton[open=true],
+.theme-dark .devtools-toolbarbutton[open=true]:hover,
+.theme-dark .devtools-toolbarbutton[open=true]:hover:active,
+.theme-dark .devtools-toolbarbutton[checked=true]:hover {
+ background: rgba(29, 79, 115, .8); /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-menulist[open=true],
+.theme-light .devtools-toolbarbutton[open=true],
+.theme-light .devtools-toolbarbutton[open=true]:hover,
+.theme-light .devtools-toolbarbutton[open=true]:hover:active,
+.theme-light .devtools-toolbarbutton[checked=true]:hover {
+ background: rgba(76, 158, 217, .4); /* Select highlight blue */
+}
+
+.devtools-option-toolbarbutton {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
+ background: none;
+ opacity: .8;
+ border: none;
+}
+
+.devtools-option-toolbarbutton[open=true] {
+ opacity: 1;
+}
+
+/* Toolbar button groups */
+.devtools-toolbarbutton-group > .devtools-toolbarbutton {
+ margin-left: 1px;
+ margin-right: 1px;
+ outline-offset: -3px;
+ box-shadow: none;
+}
+
+.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
+ -moz-margin-end: 0;
+}
+
+.devtools-toolbarbutton-group + .devtools-toolbarbutton {
+ -moz-margin-start: 3px;
+}
+
+.devtools-separator + .devtools-toolbarbutton {
+ -moz-margin-start: 1px;
+}
+
+/* HTML buttons, similar to toolbar buttons, but work in HTML documents */
+
+.devtools-button {
+ border: 0 solid var(--theme-splitter-color);
+ background: var(--theme-toolbar-background);
+ margin: 0;
+ padding: 0;
+ min-width: 32px;
+ min-height: 18px;
+ /* The icon is absolutely positioned in the button using ::before */
+ position: relative;
+}
+
+.devtools-button[standalone] {
+ min-height: 32px;
+ border-width: 1px;
+}
+
+/* Button States */
+.theme-dark .devtools-button:not([disabled]):hover {
+ background: rgba(0, 0, 0, .3); /* Splitters */
+}
+.theme-light .devtools-button:not([disabled]):hover {
+ background: rgba(170, 170, 170, .3); /* Splitters */
+}
+
+.theme-dark .devtools-button:not([disabled]):hover:active {
+ background: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-button:not([disabled]):hover:active {
+ background: rgba(170, 170, 170, .4); /* Splitters */
+}
+
+/* Menu type buttons and checked states */
+.theme-dark .devtools-button[checked] {
+ background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-button[checked] {
+ background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */
+}
+
+.devtools-button::before {
+ content: "";
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -8px 0 0 -8px;
+ background-repeat: no-repeat;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-button::before {
+ background-size: 32px;
+ }
+}
+
+/* Text input */
+
+.devtools-textinput,
+.devtools-searchinput {
+ -moz-appearance: none;
+ margin: 0 3px;
+ border: 1px solid;
+ border-radius: 2px;
+ padding: 4px 6px;
+ border-color: var(--theme-splitter-color);
+}
+
+.devtools-searchinput {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ padding: 0;
+ -moz-padding-start: 22px;
+ -moz-padding-end: 4px;
+ background-position: 8px center;
+ background-size: 11px 11px;
+ background-repeat: no-repeat;
+ font-size: inherit;
+}
+
+.theme-dark .devtools-searchinput {
+ background-image: url(magnifying-glass.png);
+}
+
+.theme-light .devtools-searchinput {
+ background-image: url(magnifying-glass-light.png);
+}
+
+.devtools-searchinput:-moz-locale-dir(rtl) {
+ background-position: calc(100% - 8px) center;
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+/* Searchbox is a div container element for a search input element */
+.devtools-searchbox {
+ display: -moz-box;
+ -moz-box-flex: 1;
+ position: relative;
+}
+
+.devtools-rule-searchbox {
+ -moz-box-flex: 1;
+ padding-right: 23px;
+ width: 100%;
+ font: inherit;
+}
+
+.devtools-rule-searchbox[filled] {
+ background-color: var(--searchbox-background-color);
+ border-color: var(--searchbox-border-color);
+}
+
+.devtools-style-searchbox-no-match {
+ background-color: var(--searcbox-no-match-background-color) !important;
+ border-color: var(--searcbox-no-match-border-color) !important;
+}
+
+.devtools-no-search-result {
+ border-color: var(--theme-highlight-red) !important;
+}
+
+.devtools-searchinput-clear {
+ position: absolute;
+ top: 3.5px;
+ right: 7px;
+ padding: 0;
+ border: 0;
+ width: 16px;
+ height: 16px;
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ background-color: transparent;
+}
+
+.theme-dark .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
+}
+
+.theme-light .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
+}
+
+.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important;
+}
+
+.devtools-searchinput-clear:hover {
+ background-position: -16px 0;
+}
+
+.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
+ list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
+ list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-dark .devtools-searchinput {
+ background-image: url(magnifying-glass@2x.png);
+ }
+
+ .theme-light .devtools-searchinput {
+ background-image: url(magnifying-glass-light@2x.png);
+ }
+}
+
+/* Close button */
+
+.devtools-closebutton {
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.8;
+}
+
+.devtools-closebutton > image {
+ width: 16px;
+ height: 16px;
+ -moz-appearance: none;
+ background-size: 16px 16px;
+ background-image: url("chrome://browser/skin/devtools/close@2x.png");
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.devtools-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: -4px;
+}
+
+.devtools-closebutton > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-closebutton:hover {
+ opacity: 1;
+}
+
+/* In-tools sidebar */
+.devtools-sidebar-tabs {
+ -moz-appearance: none;
+ margin: 0;
+}
+
+.devtools-sidebar-tabs > tabpanels {
+ -moz-appearance: none;
+ background: transparent;
+ padding: 0;
+ border: 0;
+}
+
+.theme-light .devtools-sidebar-tabs > tabpanels {
+ background: var(--theme-sidebar-background);
+ color: var(--theme-body-color);
+}
+
+.devtools-sidebar-tabs tabs {
+ position: static;
+ font: inherit;
+ margin-bottom: 0;
+ overflow: hidden;
+}
+
+.devtools-sidebar-alltabs {
+ -moz-appearance: none;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 4px;
+ margin: 0;
+ border-width: 0 0 1px 0;
+ -moz-border-start-width: 1px;
+ border-style: solid;
+}
+
+.devtools-sidebar-alltabs .toolbarbutton-icon {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > .tabs-right,
+.devtools-sidebar-tabs tabs > .tabs-left {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > tab {
+ -moz-appearance: none;
+ /* We want to match the height of a toolbar with a toolbarbutton
+ * First, we need to replicated the padding of toolbar (4px),
+ * then we need to take the border of the buttons into account (1px).
+ */
+ padding: 0 3px;
+ margin: 0;
+ min-width: 78px;
+ text-align: center;
+ background-color: transparent;
+ color: inherit;
+ -moz-box-flex: 1;
+ border-width: 0;
+ -moz-border-start-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ position: static;
+ text-shadow: none;
+}
+
+.devtools-sidebar-tabs tabs > tab:first-child {
+ -moz-border-start-width: 0;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab {
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab:hover {
+ background: hsla(206,37%,4%,.2);
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active {
+ background: hsla(206,37%,4%,.4);
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab {
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
+ background: hsla(206,37%,4%,.2);
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
+ background: hsla(206,37%,4%,.4);
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected],
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background: #1d4f73;
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab {
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab:hover {
+ background: #ddd;
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab:hover:active {
+ background: #ddd;
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab {
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
+ background: #ddd;
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected],
+.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background: #4c9ed9;
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+/* Toolbox - moved from toolbox.css.
+ * Rules that apply to the global toolbox like command buttons,
+ * devtools tabs, docking buttons, etc. */
+
+#toolbox-controls > toolbarbutton,
+#toolbox-dock-buttons > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+}
+
+#toolbox-controls > toolbarbutton > .toolbarbutton-text,
+#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text,
+.command-button > .toolbarbutton-text {
+ display: none;
+}
+
+#toolbox-dock-buttons > toolbarbutton > image {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ background-size: 16px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+
+#toolbox-dock-bottom > image {
+ background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png");
+}
+
+#toolbox-dock-side > image {
+ background-image: url("chrome://browser/skin/devtools/dock-side@2x.png");
+}
+
+#toolbox-dock-window > image {
+ background-image: url("chrome://browser/skin/devtools/undock@2x.png");
+}
+
+#toolbox-dock-window,
+#toolbox-dock-bottom,
+#toolbox-dock-side {
+ opacity: 0.8;
+}
+
+#toolbox-dock-window:hover,
+#toolbox-dock-bottom:hover,
+#toolbox-dock-side:hover {
+ opacity: 1;
+}
+
+.devtools-separator {
+ margin: 0 2px;
+ width: 2px;
+ background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent),
+ linear-gradient(transparent, hsla(206,37%,4%,.6), transparent),
+ linear-gradient(transparent, hsla(204,45%,98%,.1), transparent);
+ background-size: 1px 100%;
+ background-repeat: no-repeat;
+ background-position: 0, 1px, 2px;
+}
+
+#toolbox-buttons:empty + .devtools-separator,
+.devtools-separator[invisible] {
+ visibility: hidden;
+}
+
+#toolbox-controls-separator {
+ margin: 0;
+}
+
+/* Command buttons */
+
+.command-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 8px;
+ margin: 0;
+ width: 32px;
+ position: relative;
+}
+
+.command-button:hover {
+ background-color: hsla(206,37%,4%,.2);
+}
+.command-button:hover:active, .command-button[checked=true]:not(:hover) {
+ background-color: hsla(206,37%,4%,.4);
+}
+
+.command-button > image {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ background-size: 64px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+.command-button:hover > image {
+ background-position: -16px center;
+}
+.command-button:hover:active > image {
+ background-position: -32px center;
+}
+.command-button[checked=true] > image {
+ background-position: -48px center;
+}
+.command-button[open=true] > image {
+ background-position: 0 center;
+}
+
+#command-button-paintflashing > image {
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
+}
+
+#command-button-screenshot > image {
+ background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
+}
+
+#command-button-responsive > image {
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
+}
+
+#command-button-tilt > image {
+ background-image: url("chrome://browser/skin/devtools/command-tilt.png");
+}
+
+#command-button-scratchpad > image {
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
+ background-size: 48px 16px;
+}
+
+#command-button-pick > image {
+ background-image: url("chrome://browser/skin/devtools/command-pick.png");
+}
+
+#command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames.png");
+}
+
+#command-button-splitconsole > image {
+ background-image: url("chrome://browser/skin/devtools/command-console.png");
+}
+
+#command-button-eyedropper > image {
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
+}
+
+#command-button-rulers > image {
+ background-image: url("chrome://browser/skin/devtools/command-rulers.png");
+}
+
+@media (min-resolution: 1.25dppx) {
+ #command-button-paintflashing > image {
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
+ }
+
+ #command-button-screenshot > image {
+ background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
+ }
+
+ #command-button-responsive > image {
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
+ }
+
+ #command-button-tilt > image {
+ background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
+ }
+
+ #command-button-scratchpad > image {
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
+ }
+
+ #command-button-pick > image {
+ background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ }
+
+ #command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
+ }
+
+ #command-button-splitconsole > image {
+ background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
+ }
+
+ #command-button-eyedropper > image {
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
+ }
+
+ #command-button-rulers > image {
+ background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png");
+ }
+}
+
+/* Tabs */
+
+.devtools-tabbar {
+ -moz-appearance: none;
+ min-height: 24px;
+ border: 0px solid;
+ border-bottom-width: 1px;
+ padding: 0;
+ background: var(--theme-tab-toolbar-background);
+ border-bottom-color: var(--theme-splitter-color);
+}
+
+.theme-light .devtools-tabbar {
+ box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset;
+}
+
+.theme-dark .devtools-tabbar {
+ box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset;
+}
+
+#toolbox-tabs {
+ margin: 0;
+}
+
+.devtools-tab {
+ -moz-appearance: none;
+ -moz-binding: url("chrome://global/content/bindings/general.xml#control-item");
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 24px;
+ max-width: 110px;
+ margin: 0;
+ padding: 0;
+ border-style: solid;
+ border-width: 0;
+ -moz-border-start-width: 1px;
+ -moz-box-align: center;
+}
+
+.theme-dark .devtools-tab {
+ color: var(--theme-body-color-alt);
+ border-color: #42484f;
+}
+
+.theme-light .devtools-tab {
+ color: var(--theme-body-color);
+ border-color: var(--theme-splitter-color);
+}
+
+.theme-dark .devtools-tab:hover {
+ background-color: hsla(206,37%,4%,.2);
+ color: #ced3d9;
+}
+
+.theme-light .devtools-tab:hover {
+ background-color: rgba(170,170,170,.2);
+}
+
+.theme-dark .devtools-tab:hover:active {
+ background-color: hsla(206,37%,4%,.4);
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-tab:hover:active {
+ background-color: rgba(170,170,170,.4);
+}
+
+.devtools-tab:not([selected])[highlighted] {
+ box-shadow: 0 2px 0 var(--theme-highlight-green) inset;
+}
+
+.theme-dark .devtools-tab:not([selected])[highlighted] {
+ background-color: hsla(99,100%,14%,.2);
+}
+
+.theme-light .devtools-tab:not([selected])[highlighted] {
+ background-color: rgba(44, 187, 15, .2);
+}
+
+.devtools-tab > image {
+ border: none;
+ -moz-margin-end: 0;
+ -moz-margin-start: 4px;
+ opacity: 0.6;
+ max-height: 16px;
+ width: 16px; /* Prevents collapse during theme switching */
+}
+
+.devtools-tab > label {
+ white-space: nowrap;
+}
+
+.devtools-tab:hover > image {
+ opacity: 0.8;
+}
+
+.devtools-tab:active > image,
+.devtools-tab[selected] > image {
+ opacity: 1;
+}
+
+.devtools-tabbar .devtools-tab[selected],
+.devtools-tabbar .devtools-tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background-color: var(--theme-selection-background);
+}
+
+.theme-dark .devtools-tabbar .devtools-tab[selected] {
+ box-shadow: 0 2px 0 #d7f1ff inset,
+ 0 8px 3px -5px #2b82bf inset,
+ 0 -2px 0 rgba(0,0,0,.2) inset;
+}
+
+.theme-light .devtools-tabbar .devtools-tab[selected] {
+ box-shadow: 0 2px 0 #d7f1ff inset,
+ 0 8px 3px -5px #2b82bf inset,
+ 0 -2px 0 rgba(0,0,0,.06) inset;
+}
+
+#toolbox-tabs .devtools-tab[selected],
+#toolbox-tabs .devtools-tab[highlighted] {
+ border-width: 0;
+ -moz-padding-start: 1px;
+}
+
+#toolbox-tabs .devtools-tab[selected]:last-child,
+#toolbox-tabs .devtools-tab[highlighted]:last-child {
+ -moz-padding-end: 1px;
+}
+
+#toolbox-tabs .devtools-tab[selected] + .devtools-tab,
+#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab {
+ -moz-border-start-width: 0;
+ -moz-padding-start: 1px;
+}
+
+#toolbox-tabs .devtools-tab:first-child[selected] {
+ -moz-border-start-width: 0;
+}
+
+#toolbox-tabs .devtools-tab:last-child {
+ -moz-border-end-width: 1px;
+}
+
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
+ visibility: collapse;
+}
+
+/* The options tab is special - it doesn't have the same parent
+ as the other tabs (toolbox-option-container vs toolbox-tabs) */
+#toolbox-option-container .devtools-tab:not([selected]) {
+ background-color: transparent;
+}
+#toolbox-option-container .devtools-tab {
+ border-color: transparent;
+ border-width: 0;
+ -moz-padding-start: 1px;
+}
+#toolbox-tab-options > image {
+ margin: 0 8px;
+}
+
+/* Invert the colors of certain dark theme images for displaying
+ * inside of the light theme.
+ */
+.theme-light .devtools-tab[icon-invertable] > image,
+.theme-light #toolbox-dock-buttons > toolbarbutton > image,
+.theme-light .command-button-invertable > image,
+.theme-light .command-button-invertable:active > image,
+.theme-light .devtools-closebutton > image,
+.theme-light .devtools-toolbarbutton > image,
+.theme-light .devtools-option-toolbarbutton > image,
+.theme-light #breadcrumb-separator-normal,
+.theme-light .scrollbutton-up > .toolbarbutton-icon,
+.theme-light .scrollbutton-down > .toolbarbutton-icon,
+.theme-light #black-boxed-message-button .button-icon,
+.theme-light .notice-container button .button-icon,
+.theme-light #requests-menu-perf-notice-button .button-icon,
+.theme-light #requests-menu-network-summary-button .button-icon,
+.theme-light .event-tooltip-debugger-icon,
+.theme-light .devtools-button::before {
+ filter: url(filters.svg#invert);
+}
+
+/* Since selected backgrounds are blue, we want to use the normal
+ * (light) icons. */
+.theme-light .command-button-invertable[checked=true]:not(:active) > image,
+.theme-light .devtools-tab[icon-invertable][selected] > image,
+.theme-light .devtools-tab[icon-invertable][highlighted] > image,
+.theme-light #record-snapshot[checked] > image,
+.theme-light #profiler-start[checked] > image,
+.theme-light .notice-container button[checked] .button-icon {
+ filter: none !important;
+}
+
+.theme-light .command-button:hover {
+ background-color: inherit;
+}
+
+.theme-light .command-button:hover:active,
+.theme-light .command-button[checked=true]:not(:hover) {
+ background-color: inherit;
+}
+
+.hidden-labels-box:not(.visible) > label,
+.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
+ display: none;
+}
+
+.devtools-invisible-splitter {
+ border-color: transparent;
+}
+
+.devtools-horizontal-splitter {
+ border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.devtools-side-splitter {
+ -moz-border-end: 1px solid var(--theme-splitter-color);
+ border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
+}
+
+/* Throbbers */
+.devtools-throbber::before {
+ content: "";
+ display: inline-block;
+ vertical-align: bottom;
+ -moz-margin-end: 0.5em;
+ width: 1em;
+ height: 1em;
+ border: 2px solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ animation: 1.1s linear throbber-spin infinite;
+}
+
+@keyframes throbber-spin {
+ from {
+ transform: none;
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png
new file mode 100644
index 0000000..c64f4bb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png
new file mode 100644
index 0000000..2dd33d2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-blackbox@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png
new file mode 100644
index 0000000..9573fc7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png
new file mode 100644
index 0000000..12f7223
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-collapse@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png
new file mode 100644
index 0000000..f317997
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-expand.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png
new file mode 100644
index 0000000..091601f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-expand@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png
new file mode 100644
index 0000000..8288bdf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-pause.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png
new file mode 100644
index 0000000..53ed141
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-pause@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play.png
new file mode 100644
index 0000000..9189a0a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-play.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png
new file mode 100644
index 0000000..5fe68e1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-play@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png
new file mode 100644
index 0000000..fb59dcc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png
new file mode 100644
index 0000000..e3791bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-prettyprint@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png
new file mode 100644
index 0000000..b16b706
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png
new file mode 100644
index 0000000..c0b4500
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-in@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png
new file mode 100644
index 0000000..859c727
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png
new file mode 100644
index 0000000..1c19679
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-out@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png
new file mode 100644
index 0000000..ec28fc0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png
new file mode 100644
index 0000000..452f0d4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-step-over@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png
new file mode 100644
index 0000000..c4b7dcb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png
new file mode 100644
index 0000000..b8bbadd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger-toggleBreakpoints@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/debugger.css b/arc-firefox-theme/chrome/browser/devtools/debugger.css
new file mode 100644
index 0000000..c313820
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/debugger.css
@@ -0,0 +1,672 @@
+/* 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/. */
+
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* Sources and breakpoints pane */
+
+#sources-pane[selectedIndex="0"] + #sources-and-editor-splitter {
+ border-color: transparent;
+}
+
+#sources-pane > tabs {
+ -moz-border-end: 1px solid;
+}
+
+#sources-pane .devtools-toolbar {
+ border: none; /* Remove the devtools-toolbar bottom border. */
+ -moz-border-end: 1px solid;
+}
+
+#sources-pane > tabs,
+#sources-pane .devtools-toolbar {
+ -moz-border-end-color: var(--theme-splitter-color);
+}
+
+/* Sources and breakpoints list */
+
+.dbg-source-item {
+ padding: 2px 0px;
+}
+
+.dbg-breakpoint-line {
+ font-weight: 600;
+}
+
+.dbg-breakpoint-text {
+ -moz-padding-start: 6px;
+ font-style: italic;
+ font-size: 90%;
+}
+
+.dbg-breakpoint-checkbox {
+ width: 16px;
+ height: 16px;
+ margin: 2px;
+}
+
+.dbg-breakpoint-condition-thrown-message {
+ display: none;
+ color: var(--theme-highlight-red);
+}
+
+.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message {
+ display: block;
+ -moz-padding-start: 0;
+}
+
+/* Sources toolbar */
+
+#sources-toolbar > .devtools-toolbarbutton,
+#sources-controls > .devtools-toolbarbutton {
+ min-width: 32px;
+}
+
+#black-box {
+ list-style-image: url(debugger-blackbox.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #black-box {
+ list-style-image: url(debugger-blackbox@2x.png);
+ }
+}
+
+#pretty-print {
+ list-style-image: url(debugger-prettyprint.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #pretty-print {
+ list-style-image: url(debugger-prettyprint@2x.png);
+ }
+}
+
+#toggle-breakpoints {
+ list-style-image: url(debugger-toggleBreakpoints.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #toggle-breakpoints {
+ list-style-image: url(debugger-toggleBreakpoints@2x.png);
+ }
+}
+
+#sources-toolbar .devtools-toolbarbutton:not([label]) {
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #sources-toolbar .devtools-toolbarbutton:not([label]) {
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #sources-toolbar .devtools-toolbarbutton:not([label])[checked] {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+#sources .black-boxed {
+ color: rgba(128,128,128,0.4);
+}
+
+#sources .selected .black-boxed {
+ color: rgba(255,255,255,0.4);
+}
+
+#sources .black-boxed ~ .dbg-breakpoint {
+ display: none;
+}
+
+/* Debugger unblackbox button */
+
+#black-boxed-message-button > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ background-image: url(debugger-blackbox.png);
+ background-position: 0 0;
+ background-size: 32px 16px;
+ background-repeat: no-repeat;
+ -moz-margin-end: 5px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ #black-boxed-message-button > .button-box > .button-icon {
+ background-image: url(debugger-blackbox@2x.png);
+ }
+}
+
+/* Black box message and source progress meter */
+
+#black-boxed-message,
+#source-progress-container {
+ /* Prevent the container deck from aquiring the size from this message. */
+ min-width: 1px;
+ min-height: 1px;
+}
+
+#source-progress {
+ min-height: 2em;
+ min-width: 40em;
+}
+
+#black-boxed-message-label,
+#black-boxed-message-button {
+ text-align: center;
+ font-size: 120%;
+}
+
+#black-boxed-message-button {
+ margin-top: 1em;
+ padding: .25em;
+}
+
+/* Breadcrumbs stack frames view */
+
+.dbg-stackframe-details {
+ -moz-padding-start: 4px;
+}
+
+/* Classic stack frames view */
+
+.dbg-classic-stackframe {
+ display: block;
+}
+
+.dbg-classic-stackframe-title {
+ font-weight: 600;
+}
+
+.dbg-classic-stackframe-details:-moz-locale-dir(ltr) {
+ float: right;
+}
+
+.dbg-classic-stackframe-details:-moz-locale-dir(rtl) {
+ float: left;
+}
+
+.dbg-classic-stackframe-details-url {
+ max-width: 90%;
+ text-align: end;
+}
+
+.dbg-classic-stackframe-details-url {
+ color: var(--theme-content-color1);
+}
+
+.dbg-classic-stackframe-details-sep {
+ color: var(--theme-body-color-alt)
+}
+
+.dbg-classic-stackframe-details-line {
+ color: var(--theme-highlight-bluegrey);
+}
+
+#callstack-list .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Tracer */
+
+#trace {
+ list-style-image: url(tracer-icon.png);
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#trace[checked] {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #trace {
+ list-style-image: url(tracer-icon@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #trace[checked] {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+#clear-tracer {
+ /* Make this button as narrow as the text inside it. */
+ min-width: 1px;
+}
+
+.trace-name {
+ -moz-padding-start: 4px;
+}
+
+/* Tracer dark theme */
+
+.theme-dark .trace-item {
+ color: var(--theme-selection-color);
+}
+
+.theme-dark .trace-item.black-boxed {
+ color: rgba(128,128,128,0.4);
+}
+
+.theme-dark .trace-item.selected-matching {
+ background-color: rgba(29,79,115,.4); /* Select highlight blue at 40% alpha */
+}
+
+.theme-dark .selected > .trace-item {
+ background-color: rgba(29,79,115,.6); /* Select highlight blue at 60% alpha */
+}
+
+.trace-call {
+ color: var(--theme-highlight-blue);
+}
+
+.trace-return,
+.trace-yield {
+ color: var(--theme-highlight-green);
+}
+
+.trace-throw {
+ color: var(--theme-highlight-red);
+}
+
+.trace-param {
+ color: var(--theme-content-color1);
+}
+
+.theme-dark .trace-syntax {
+ color: var(--theme-content-color2);
+}
+
+/* Tracer light theme */
+.theme-light .trace-item {
+ color: var(--theme-content-color1);
+}
+
+.theme-light .trace-item.black-boxed {
+ color: rgba(128,128,128,0.4);
+}
+
+.theme-light .trace-item.selected-matching {
+ background-color: rgba(76,158,217,.4); /* Select highlight blue at 40% alpha */
+}
+
+.theme-light .selected > .trace-item {
+ background-color: rgba(76,158,217,.6); /* Select highlight blue at 60% alpha */
+}
+
+#tracer-traces .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Watch expressions view */
+
+#expressions {
+ min-height: 10px;
+ max-height: 125px;
+}
+
+.dbg-expression {
+ height: 20px;
+}
+
+.dbg-expression-arrow {
+ background-image: url(commandline-icon.png);
+ background-position: -16px 0;
+ background-repeat: no-repeat;
+ background-size: 32px 16px;
+ width: 16px;
+ height: 16px;
+ margin: 2px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .dbg-expression-arrow {
+ background-image: url(commandline-icon@2x.png);
+ }
+}
+
+.dbg-expression-input {
+ color: inherit;
+}
+
+.dbg-expression-button {
+ -moz-appearance: none;
+ border: none;
+ background: none;
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.dbg-expression-button {
+ color: var(--theme-highlight-blue);
+}
+
+/* Event listeners view */
+
+.dbg-event-listener-type {
+ font-weight: 600;
+}
+
+.dbg-event-listener-location {
+ color: var(--theme-content-color1);
+}
+
+.dbg-event-listener-separator {
+ color: var(--theme-body-color-alt);
+}
+
+.dbg-event-listener-targets {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.theme-dark #event-listeners .selected {
+ /* Selected items shouldn't be displayed differently. */
+ background: none;
+ color: #fff;
+}
+
+.theme-light #event-listeners .selected {
+ /* Selected items shouldn't be displayed differently. */
+ background: none;
+ color: #000;
+}
+
+/* Searchbox and the search operations help panel */
+
+#searchbox {
+ min-width: 220px;
+ -moz-margin-start: 1px;
+}
+
+#filter-label {
+ -moz-margin-start: 2px;
+}
+
+#searchbox-panel-operators {
+ margin-top: 5px;
+ margin-bottom: 8px;
+ -moz-margin-start: 2px;
+}
+
+.searchbox-panel-operator-button {
+ min-width: 26px;
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 2px;
+ -moz-margin-end: 6px;
+ text-align: center;
+}
+
+.searchbox-panel-operator-label {
+ padding-bottom: 2px;
+}
+
+/* Searchbox results panel */
+
+#results-panel {
+ border: none;
+}
+
+.results-panel-item {
+ padding: 6px 8px;
+ border-top: 1px solid rgba(128,128,128,0.2);
+}
+
+.results-panel-item:first-of-type {
+ border-top: none;
+}
+
+.results-panel-item-label {
+ font-weight: 600;
+}
+
+.results-panel-item-label-before {
+ -moz-padding-end: 6px;
+}
+
+.theme-dark .results-panel-item-label {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .results-panel-item-label {
+ color: var(--theme-body-color);
+}
+
+.results-panel-item-label-before {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.results-panel-item-label-below {
+ color: var(--theme-content-color3);
+}
+
+#results-panel .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Sources search view */
+
+#globalsearch {
+ min-height: 10px;
+ max-height: 50vh;
+}
+
+.dbg-results-header {
+ -moz-padding-start: 6px;
+}
+
+.dbg-results-header-location {
+ font-weight: 600;
+}
+
+.dbg-results-header-match-count {
+ -moz-padding-start: 6px;
+}
+
+.dbg-results-line-number {
+ min-width: 3em;
+ -moz-border-end: 1px solid rgba(128,128,128,0.2);
+ -moz-padding-end: 4px;
+ text-align: end;
+}
+
+.dbg-results-line-contents {
+ -moz-padding-start: 4px;
+}
+
+.dbg-results-line-contents-string[match=true] {
+ background-color: rgba(255,255,0,0.2);
+ border: 1px solid rgba(128,128,128,0.7);
+ border-radius: 4px;
+ margin-top: -1px !important;
+ margin-bottom: -1px !important;
+ cursor: pointer;
+}
+
+.dbg-results-line-contents-string[match=true][focusing] {
+ transition: transform 0.3s ease-in-out;
+}
+
+.dbg-results-line-contents-string[match=true][focused] {
+ transition-duration: 0.1s;
+ transform: scale(1.75, 1.75);
+}
+
+.dbg-source-results:not(.selected):hover {
+ background-color: var(--theme-sidebar-background);
+}
+
+.dbg-results-header {
+ background-color: var(--theme-tab-toolbar-background);
+}
+
+.theme-dark .dbg-results-header {
+ color: var(--theme-content-color1);
+}
+
+.theme-light .dbg-results-header {
+ color: var(--theme-content-color3);
+}
+
+.theme-dark .dbg-search-result:hover {
+ background-color: rgba(29,79,115,.2); /* Select highlight blue at 40% alpha */
+}
+
+.theme-light .dbg-search-result:hover {
+ background-color: rgba(76,158,217,.2); /* Select highlight blue at 40% alpha */
+}
+
+.dbg-results-header-match-count {
+ color: var(--theme-content-color3);
+}
+
+.dbg-results-line-number {
+ background-color: var(--theme-tab-toolbar-background);
+ color: var(--theme-body-color-alt);
+}
+
+.dbg-results-line-contents-string {
+ color: var(--theme-body-color-alt);
+}
+
+.theme-dark .dbg-results-line-contents-string[match=true] {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .dbg-results-line-contents-string[match=true] {
+ color: var(--theme-body-color);
+}
+
+/* Toolbar controls */
+
+#debugger-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon,
+#sources-toolbar .devtools-toolbarbutton:not([label]) > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#resume {
+ list-style-image: url(debugger-pause.png);
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#resume[checked] {
+ list-style-image: url(debugger-play.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #resume {
+ list-style-image: url(debugger-pause@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #resume[checked] {
+ list-style-image: url(debugger-play@2x.png);
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+#resume ~ toolbarbutton {
+ transition: opacity 0.15s ease-in-out;
+}
+
+#resume:not([checked]) ~ toolbarbutton {
+ opacity: 0.5;
+}
+
+#step-over {
+ list-style-image: url(debugger-step-over.png);
+}
+
+#step-in {
+ list-style-image: url(debugger-step-in.png);
+}
+
+#step-out {
+ list-style-image: url(debugger-step-out.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #step-over {
+ list-style-image: url(debugger-step-over@2x.png);
+ }
+
+ #step-in {
+ list-style-image: url(debugger-step-in@2x.png);
+ }
+
+ #step-out {
+ list-style-image: url(debugger-step-out@2x.png);
+ }
+}
+
+#instruments-pane-toggle {
+ background: none;
+ box-shadow: none;
+ border: none;
+ list-style-image: url(debugger-collapse.png);
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#instruments-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand.png);
+}
+
+#instruments-pane-toggle:hover {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #instruments-pane-toggle {
+ list-style-image: url(debugger-collapse@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #instruments-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand@2x.png);
+ }
+
+ #instruments-pane-toggle:hover {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+/* Horizontal vs. vertical layout */
+
+#vertical-layout-panes-container {
+ min-height: 35vh;
+ max-height: 80vh;
+}
+
+#body[layout=vertical] #sources-pane > tabs {
+ -moz-border-end: none;
+}
+
+#body[layout=vertical] #instruments-pane {
+ margin: 0 !important;
+ /* To prevent all the margin hacks to hide the sidebar. */
+}
+
+#body[layout=vertical] .side-menu-widget-container,
+#body[layout=vertical] .side-menu-widget-empty-text {
+ box-shadow: none !important;
+}
+
+#body[layout=vertical] .side-menu-widget-item-arrow {
+ background-image: none !important;
+}
+
+#body[layout=vertical] .side-menu-widget-group,
+#body[layout=vertical] .side-menu-widget-item {
+ -moz-margin-end: 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png
new file mode 100644
index 0000000..d5df16f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/dock-bottom@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png b/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png
new file mode 100644
index 0000000..17de7f1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/dock-side@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg b/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg
new file mode 100644
index 0000000..09b65c7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/dropmarker.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8" height="4" viewBox="0 0 8 4" enable-background="new 0 0 8 4">
+ <polygon points="0,0 4,4 8,0" fill="#B6BABF" />
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png
new file mode 100644
index 0000000..401f26b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/editor-breakpoint.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png
new file mode 100644
index 0000000..d590573
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png
new file mode 100644
index 0000000..b1dd7ee
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/editor-debug-location@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/editor-error.png b/arc-firefox-theme/chrome/browser/devtools/editor-error.png
new file mode 100644
index 0000000..39ef81e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/editor-error.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/eyedropper.css b/arc-firefox-theme/chrome/browser/devtools/eyedropper.css
new file mode 100644
index 0000000..cf22caf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/eyedropper.css
@@ -0,0 +1,45 @@
+/* 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/. */
+
+#canvas {
+ image-rendering: -moz-crisp-edges;
+ cursor: none;
+ border: 3px solid #E0E0E0;
+ border-radius: 50%;
+}
+
+#canvas-overflow {
+ overflow: hidden;
+ width: 96px;
+ height: 96px;
+}
+
+#color-preview {
+ width: 16px;
+ height: 16px;
+ box-shadow: 0px 0px 0px black;
+ border: solid 1px #fff;
+ margin: 3px;
+}
+
+#color-value-box {
+ background-color: #E0E0E0;
+ border-radius: 1px;
+ width: 150px;
+}
+
+#color-value {
+ padding: 0.3em;
+ text-shadow: 1px 1px 1px #fff;
+}
+
+#color-value.highlight {
+ font-family: inherit;
+}
+
+window {
+ /* inexplicably, otherwise background shows up on Linux */
+ border: 1px solid transparent;
+ background-color: transparent;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward.png
new file mode 100644
index 0000000..f2c6c52
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/fast-forward.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png b/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png
new file mode 100644
index 0000000..4c3cf88
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/fast-forward@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg
new file mode 100644
index 0000000..e8ff440
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-close.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" width="16" height="16">
+ <path d="M 0.00,160.00 L 512.00,160.00 L 480.00,480.00 L 32.00,480.00 L 0.00,160.00 Z M 464.00,96.00 L 480.00,128.00 L 32.00,128.00 L 64.00,64.00 L 240.00,64.00 L 256.00,96.00 L 464.00,96.00 Z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg
new file mode 100644
index 0000000..fd8209d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filetype-dir-open.svg
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" width="16" height="16">
+ <path d="M 416.00,480.00L 512.00,224.00L 96.00,224.00L0.00,480.00 zM 64.00,192.00 L 0.00,480.00 L 0.00,64.00 L 144.00,64.00 L 208.00,128.00 L 416.00,128.00 L 416.00,192.00 Z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg
new file mode 100644
index 0000000..809e098
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filetype-globe.svg
@@ -0,0 +1,3 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="20" viewBox="0 0 878 1024">
+ <path d="M438.857 73.143q119.429 0 220.286 58.857t159.714 159.714 58.857 220.286-58.857 220.286-159.714 159.714-220.286 58.857-220.286-58.857-159.714-159.714-58.857-220.286 58.857-220.286 159.714-159.714 220.286-58.857zM595.429 370.857q-1.143 0.571-5.429 5.429t-7.714 5.429q1.143 0 2.571-2.857t2.857-6.286 2-4q3.429-4 12.571-8.571 8-3.429 29.714-6.857 19.429-4.571 29.143 6.286-1.143-1.143 5.429-7.429t8.286-6.857q1.714-1.143 8.571-2.571t8.571-4.286l1.143-12.571q-6.857 0.571-10-4t-3.714-12q0 1.143-3.429 4.571 0-4-2.571-4.571t-6.571 0.571-5.143 0.571q-5.714-1.714-8.571-4.286t-4.571-9.429-2.286-8.571q-1.143-2.857-5.429-6t-5.429-6q-0.571-1.143-1.429-3.143t-1.714-3.714-2.286-3.143-3.143-1.429-4 2.857-4.286 5.714-2.571 2.857q-1.714-1.143-3.429-0.857t-2.571 0.571-2.571 1.714-2.857 2q-1.714 1.143-4.857 1.714t-4.857 1.143q8.571-2.857-0.571-6.286-5.714-2.286-9.143-1.714 5.143-2.286 4.286-6.857t-4.857-8h2.857q-0.571-2.286-4.857-4.857t-10-4.857-7.429-3.429q-4.571-2.857-19.429-5.429t-18.857-0.286q-2.857 3.429-2.571 6t2.286 8 2 7.143q0.571 3.429-3.143 7.429t-3.714 6.857q0 4 8 8.857t5.714 12.286q-1.714 4.571-9.143 9.143t-9.143 6.857q-2.857 4.571-0.857 10.571t6 9.429q1.143 1.143 0.857 2.286t-2 2.571-3.143 2.286-3.714 2l-1.714 1.143q-6.286 2.857-11.714-3.429t-7.714-14.857q-4-14.286-9.143-17.143-13.143-4.571-16.571 0.571-2.857-7.429-23.429-14.857-14.286-5.143-33.143-2.286 3.429-0.571 0-8.571-4-8.571-10.857-6.857 1.714-3.429 2.286-10t0.571-7.714q1.714-7.429 6.857-13.143 0.571-0.571 4-4.857t5.429-7.714 0.286-3.429q20 2.286 28.571-6.286 2.857-2.857 6.571-9.714t6-9.714q5.143-3.429 8-3.143t8.286 3.143 8.286 2.857q8 0.571 8.857-6.286t-4.286-11.429q6.857 0.571 1.714-9.714-2.857-4-4.571-5.143-6.857-2.286-15.429 2.857-4.571 2.286 1.143 4.571-0.571-0.571-5.429 6t-9.429 10-9.143-2.857q-0.571-0.571-3.143-7.714t-5.429-7.714q-4.571 0-9.143 8.571 1.714-4.571-6.286-8.571t-13.714-4.571q10.857-6.857-4.571-15.429-4-2.286-11.714-2.857t-11.143 2.286q-2.857 4-3.143 6.571t2.857 4.571 6 3.143 6.571 2.286 4.857 1.714q8 5.714 4.571 8-1.143 0.571-4.857 2t-6.571 2.571-3.429 2.286q-1.714 2.286 0 8t-1.143 8q-2.857-2.857-5.143-10t-4-9.429q4 5.143-14.286 3.429l-5.714-0.571q-2.286 0-9.143 1.143t-11.714 0.571-7.714-4.571q-2.286-4.571 0-11.429 0.571-2.286 2.286-1.143-2.286-1.714-6.286-5.429t-5.714-4.857q-26.286 8.571-53.714 23.429 3.429 0.571 6.857-0.571 2.857-1.143 7.429-3.714t5.714-3.143q19.429-8 24-4l2.857-2.857q8 9.143 11.429 14.286-4-2.286-17.143-0.571-11.429 3.429-12.571 6.857 4 6.857 2.857 10.286-2.286-1.714-6.571-5.714t-8.286-6.286-8.571-2.857q-9.143 0-12.571 0.571-83.429 45.714-134.286 126.857 4 4 6.857 4.571 2.286 0.571 2.857 5.143t1.429 6.286 6.571-1.714q5.143 4.571 1.714 10.857 0.571-0.571 25.143 15.429 10.857 9.714 12 12 1.714 6.286-5.714 10.286-0.571-1.143-5.143-5.143t-5.143-2.286q-1.714 2.857 0.286 10.571t6 7.143q-4 0-5.429 9.143t-1.429 20.286-0.571 13.429l1.143 0.571q-1.714 6.857 3.143 19.714t12.286 11.143q-7.429 1.714 11.429 24.571 3.429 4.571 4.571 5.143 1.714 1.143 6.857 4.286t8.571 5.714 5.714 6q2.286 2.857 5.714 12.857t8 13.429q-1.143 3.429 5.429 11.429t6 13.143q-0.571 0-1.429 0.571t-1.429 0.571q1.714 4 8.857 8t8.857 7.429q0.571 1.714 1.143 5.714t1.714 6.286 4.571 1.143q1.143-11.429-13.714-35.429-8.571-14.286-9.714-16.571-1.714-2.857-3.143-8.857t-2.571-8.286q1.143 0 3.429 0.857t4.857 2 4.286 2.286 1.143 1.714q-1.714 4 1.143 10t6.857 10.571 9.714 10.857 6.857 7.429q3.429 3.429 8 11.143t0 7.714q5.143 0 11.429 5.714t9.714 11.429q2.857 4.571 4.571 14.857t2.857 13.714q1.143 4 4.857 7.714t7.143 5.429l9.143 4.571t7.429 4q2.857 1.143 10.571 6t12.286 6.571q5.714 2.286 9.143 2.286t8.286-1.429 7.714-2q8.571-1.143 16.571 8.571t12 12q20.571 10.857 31.429 6.286-1.143 0.571 0.286 4.286t4.571 8.857 5.143 8.286 3.143 4.857q2.857 3.429 10.286 8.571t10.286 8.571q3.429-2.286 4-5.143-1.714 4.571 4 11.429t10.286 5.714q8-1.714 8-18.286-17.714 8.571-28-10.286 0-0.571-1.429-3.143t-2.286-4.857-1.429-4.857 0-4.286 2.857-1.714q5.143 0 5.714-2t-1.143-7.143-2.286-7.429q-0.571-4.571-6.286-11.429t-6.857-8.571q-2.857 5.143-9.143 4.571t-9.143-5.143q0 0.571-0.857 3.143t-0.857 3.714q-7.429 0-8.571-0.571 0.571-1.714 1.429-10t2-12.857q0.571-2.286 3.143-6.857t4.286-8.286 2.286-7.143-2.571-5.429-10-1.429q-10.857 0.571-14.857 11.429-0.571 1.714-1.714 6t-2.857 6.571-5.143 4q-4 1.714-13.714 1.143t-13.714-2.857q-7.429-4.571-12.857-16.571t-5.429-21.143q0-5.714 1.429-15.143t1.714-14.286-3.143-14q1.714-1.143 5.143-5.429t5.714-6q1.143-0.571 2.571-0.857t2.571 0 2.286-0.857 1.714-3.429q-0.571-0.571-2.286-1.714-1.714-1.714-2.286-1.714 4 1.714 16.286-0.857t15.714 0.857q8.571 6.286 12.571-1.143 0-0.571-1.429-5.429t-0.286-7.714q2.857 15.429 16.571 5.143 1.714 1.714 8.857 2.857t10 2.857q1.714 1.143 4 3.143t3.143 2.571 2.857-0.286 4.857-3.714q5.714 8 6.857 13.714 6.286 22.857 10.857 25.143 4 1.714 6.286 1.143t2.571-5.429 0-8-0.857-7.143l-0.571-4.571v-10.286l-0.571-4.571q-8.571-1.714-10.571-6.857t0.857-10.571 8.571-10.571q0.571-0.571 4.571-2t8.857-3.714 7.143-4.571q12-10.857 8.571-20 4 0 6.286-5.143-0.571 0-2.857-1.714t-4.286-2.857-2.571-1.143q5.143-2.857 1.143-9.143 2.857-1.714 4.286-6.286t4.286-5.714q5.143 6.857 12 1.143 4-4.571 0.571-9.143 2.857-4 11.714-6t10.571-5.429q4 1.143 4.571-1.143t0.571-6.857 1.714-6.857q2.286-2.857 8.571-5.143t7.429-2.857l9.714-6.286q1.714-2.286 0-2.286 10.286 1.143 17.714-6.286 5.714-6.286-3.429-11.429 1.714-3.429-1.714-5.429t-8.571-3.143q1.714-0.571 6.571-0.286t6-0.857q8.571-5.714-4-9.143-9.714-2.857-24.571 6.857zM502.286 872q117.714-20.571 200.571-108-1.714-1.714-7.143-2.571t-7.143-2q-10.286-4-13.714-4.571 0.571-4-1.429-7.429t-4.571-5.143-7.143-4.571-6.286-4q-1.143-1.143-4-3.429t-4-3.143-4.286-2.571-4.857-1.143-5.714 0.571l-1.714 0.571q-1.714 0.571-3.143 1.429t-3.143 1.714-2.286 1.714 0 1.429q-12-9.714-20.571-12.571-2.857-0.571-6.286-3.143t-6-4-5.714-0.857-6.571 4q-2.857 2.857-3.429 8.571t-1.143 7.429q-4-2.857 0-10t1.143-10.571q-1.714-3.429-6-2.571t-6.857 2.571-6.571 4.857-5.143 3.714-4.857 3.143-4.857 4.286q-1.714 2.286-3.429 6.857t-2.857 6.286q-1.143-2.286-6.571-3.714t-5.429-3.143q1.143 5.714 2.286 20t2.857 21.714q4 17.714-6.857 27.429-15.429 14.286-16.571 22.857-2.286 12.571 6.857 14.857 0 4-4.571 11.714t-4 12.286q0 3.429 1.143 9.143z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg b/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg
new file mode 100644
index 0000000..95be627
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filetype-store.svg
@@ -0,0 +1,7 @@
+<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g>
+<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
+<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
+<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg b/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg
new file mode 100644
index 0000000..37dcab4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filter-swatch.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 12 12" width="12px" height="12px">
+ <defs>
+ <mask id="mask">
+ <rect width="100%" height="100%" fill="white"/>
+ <polygon points="12,0 0,0 0,12"/>
+ </mask>
+ </defs>
+
+ <g id="addpage-shape">
+ <circle cx="6" cy="6" r="6" fill="white"/>
+ <circle cx="6" cy="6" r="6" mask="url(#mask)" fill="#AEB0B1" />
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/filters.svg b/arc-firefox-theme/chrome/browser/devtools/filters.svg
new file mode 100644
index 0000000..916028b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/filters.svg
@@ -0,0 +1,27 @@
+<svg height="0" xmlns="http://www.w3.org/2000/svg">
+<filter id="invert" x="0%" y="0%" width="100%" height="100%" >
+ <feComponentTransfer>
+ <feFuncR type="table" tableValues=".1 0"/>
+ <feFuncG type="table" tableValues=".1 0"/>
+ <feFuncB type="table" tableValues=".1 0"/>
+ </feComponentTransfer>
+</filter>
+<filter id="invert-white" x="0%" y="0%" width="100%" height="100%" >
+ <feComponentTransfer>
+ <feFuncR type="table" tableValues=".6 0"/>
+ <feFuncG type="table" tableValues=".6 0"/>
+ <feFuncB type="table" tableValues=".6 0"/>
+ </feComponentTransfer>
+ </filter>
+
+ <!-- Web Audio Gradients -->
+ <linearGradient id="bypass-light" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+ <stop offset="0%" stop-color="#f0f1f2"/> <!-- theme-toolbar-background -->
+ <stop offset="50%" stop-color="#fff"/>
+ </linearGradient>
+
+ <linearGradient id="bypass-dark" x1="6%" y1="8%" x2="12%" y2="12%" spreadMethod="repeat">
+ <stop offset="0%" stop-color="#343c45"/> <!-- theme-toolbar-background -->
+ <stop offset="50%" stop-color="transparent"/>
+ </linearGradient>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css
new file mode 100644
index 0000000..7e38611
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars-light.css
@@ -0,0 +1,10 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("floating-scrollbars.css");
+
+scrollbar thumb {
+ background-color: rgba(170,170,170,0.2) !important;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css
new file mode 100644
index 0000000..ff70d64
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/floating-scrollbars.css
@@ -0,0 +1,33 @@
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+scrollbar {
+ -moz-appearance: none !important;
+ position: relative;
+ background-color: transparent;
+ background-image: none;
+ z-index: 2147483647;
+ padding: 2px;
+}
+
+scrollbar[orient="vertical"] {
+ -moz-margin-start: -10px;
+ min-width: 10px;
+ max-width: 10px;
+}
+
+scrollbar[orient="horizontal"] {
+ margin-top: -10px;
+ min-height: 10px;
+ max-height: 10px;
+}
+
+scrollbar thumb {
+ -moz-appearance: none !important;
+ border-width: 0px !important;
+ background-color: rgba(170,170,170,0.2) !important;
+ border-radius: 3px !important;
+}
+
+scrollbar scrollbarbutton, scrollbar gripper {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/font-inspector.css b/arc-firefox-theme/chrome/browser/devtools/font-inspector.css
new file mode 100644
index 0000000..30424df
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/font-inspector.css
@@ -0,0 +1,77 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0;
+ padding-bottom: 20px;
+}
+
+#all-fonts {
+ padding: 0;
+ margin: 0;
+}
+
+#showall {
+ border-radius: 0;
+ border: 1px solid black;
+ margin: 3px;
+ cursor: pointer;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+}
+
+.font {
+ padding: 10px 10px;
+}
+
+.theme-dark .font {
+ border-bottom: 1px solid #444;
+}
+
+.theme-light .font {
+ border-bottom: 1px solid #DDD;
+}
+
+.font:last-of-type {
+ border-bottom: 0;
+}
+
+.theme-light .font:nth-child(even) {
+ background: #F4F4F4;
+}
+
+.font-preview {
+ margin-left: -4px;
+ height: 60px;
+ display: block;
+}
+
+.font-info {
+ display: block;
+}
+
+.font-name {
+ display: inline;
+}
+
+.font-css-code {
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding: 5px;
+}
+
+.theme-light .font-css-code,
+.theme-light .font-url {
+ border: 1px solid #CCC;
+ background: white;
+}
+
+.theme-dark .font-css-code,
+.theme-dark .font-url {
+ border: 1px solid #333;
+ background: black;
+ color: white;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/inspector.css b/arc-firefox-theme/chrome/browser/devtools/inspector.css
new file mode 100644
index 0000000..cab78e7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/inspector.css
@@ -0,0 +1,155 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+
+#inspector-searchbox {
+ transition-property: max-width, -moz-padding-end, -moz-padding-start;
+ transition-duration: 250ms;
+ transition-timing-function: ease;
+}
+
+#inspector-searchbox:not([focused]):not([filled]) > .textbox-input-box {
+ overflow: hidden;
+}
+
+#inspector-searchbox:not([focused]):not([filled]) {
+ max-width: 20px !important;
+ -moz-padding-end: 5px;
+ -moz-padding-start: 22px;
+ background-position: 8px center, top left, top left;
+}
+
+#inspector-searchbox[focused],
+#inspector-searchbox[filled] {
+ max-width: 200px !important;
+}
+
+/* Expand/collapse panel toolbar button */
+
+#inspector-pane-toggle {
+ background: none;
+ box-shadow: none;
+ border: none;
+ list-style-image: url(debugger-collapse.png);
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#inspector-pane-toggle > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#inspector-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand.png);
+}
+
+#inspector-pane-toggle:active {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #inspector-pane-toggle {
+ list-style-image: url(debugger-collapse@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #inspector-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand@2x.png);
+ }
+
+ #inspector-pane-toggle:active {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+/* Tooltip: Events */
+
+#devtools-tooltip-events-container {
+ margin: -4px; /* Compensate for the .panel-arrowcontent padding. */
+ max-width: 590px;
+ overflow-y: auto;
+}
+
+.event-header {
+ display: flex;
+ align-items: center;
+ cursor: pointer;
+}
+
+.event-tooltip-event-type,
+.event-tooltip-filename,
+.event-tooltip-attributes {
+ -moz-margin-start: 0;
+ flex-shrink: 0;
+ cursor: pointer;
+}
+
+.event-tooltip-event-type {
+ font-weight: bold;
+ font-size: 13px;
+}
+
+.event-tooltip-filename {
+ -moz-margin-end: 0;
+ font-size: 100%;
+ flex-shrink: 1;
+}
+
+.event-tooltip-debugger-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 4px;
+ opacity: 0.6;
+ flex-shrink: 0;
+}
+
+.event-tooltip-debugger-icon:hover {
+ opacity: 1;
+}
+
+.event-tooltip-content-box {
+ display: none;
+ overflow: auto;
+ -moz-margin-end: 0;
+}
+
+.event-tooltip-content-box[open] {
+ display: block;
+}
+
+.event-tooltip-source-container {
+ margin-top: 5px;
+ margin-bottom: 10px;
+ -moz-margin-start: 5px;
+ -moz-margin-end: 0;
+}
+
+.event-tooltip-source {
+ margin-bottom: 0;
+}
+
+.event-tooltip-attributes-container {
+ display: flex;
+ flex-shrink: 0;
+ flex-grow: 1;
+ justify-content: flex-end;
+}
+
+.event-tooltip-attributes-box {
+ display: flex;
+ flex-shrink: 0;
+ align-items: center;
+ border-radius: 3px;
+ padding: 2px;
+ -moz-margin-start: 5px;
+ background-color: var(--theme-body-color-alt);
+ color: var(--theme-toolbar-background);
+}
+
+.event-tooltip-attributes {
+ margin: 0;
+ font-size: 9px;
+ padding-top: 2px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg
new file mode 100644
index 0000000..7bd7028
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-ltr.svg
@@ -0,0 +1,4 @@
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#181D20" d="M7,11.6 7,.4 1.5,6z"/>
+<path fill="#000" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg
new file mode 100644
index 0000000..9315d9e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-dark-rtl.svg
@@ -0,0 +1,4 @@
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#181D20" d="M0,11.6 0,.4 5.5,6z"/>
+<path fill="#000" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg
new file mode 100644
index 0000000..93913c9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-ltr.svg
@@ -0,0 +1,4 @@
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#f7f7f7" d="M7,11.6 7,.4 1.5,6z"/>
+<path fill="#ababab" d="M7,0 6,0 0,6 6,12 7,12 7,11.6 1.5,6 7,.4z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg b/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg
new file mode 100755
index 0000000..e580b88
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemArrow-rtl.svg
@@ -0,0 +1,4 @@
+<svg width="7" xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 7 12" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 7 12">
+<path fill="#f7f7f7" d="M0,11.6 0,.4 5.5,6z"/>
+<path fill="#ababab" d="M1,0 0,0 0,.4 5.5,6 0,11.6 0,12 1,12 7,6z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle.png
new file mode 100644
index 0000000..dc30c22
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemToggle.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png b/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png
new file mode 100644
index 0000000..9042128
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/itemToggle@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/layoutview.css b/arc-firefox-theme/chrome/browser/devtools/layoutview.css
new file mode 100644
index 0000000..8027a4c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/layoutview.css
@@ -0,0 +1,60 @@
+/* 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/. */
+
+.theme-sidebar {
+ box-sizing: border-box;
+}
+
+#main {
+ background-color: white;
+ border-color: hsla(210,100%,85%,0.7);
+ border-style: dotted;
+ color: var(--theme-selection-color);
+}
+
+.margin,
+.size {
+ color: var(--theme-highlight-blue);
+}
+
+#content {
+ background-color: #87ceeb;
+ border-color: hsl(210,100%,85%);
+ border-style: dotted;
+}
+
+#padding,
+#margins {
+ border-color: hsla(210,100%,85%,0.2);
+ outline: dotted 1px hsl(210,100%,85%);
+}
+
+#padding {
+ background-color: #6a5acd;
+}
+
+#borders {
+ background-color: #444444;
+ border-style: dotted;
+ border-color: hsl(210,100%,85%);
+}
+
+#margins {
+ background-color: #edff64;
+ /* This opacity applies to all of the regions, since they are nested. */
+ opacity: .8;
+}
+
+.editable {
+ border: 1px dashed transparent;
+}
+
+.editable:hover {
+ border-bottom-color: hsl(0,0%,50%);
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #CCC;
+ padding: 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/light-theme.css b/arc-firefox-theme/chrome/browser/devtools/light-theme.css
new file mode 100644
index 0000000..ac6a511
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/light-theme.css
@@ -0,0 +1,1456 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* Colors are taken from:
+ * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors.
+ * Changes should be kept in sync with commandline.css and commandline.inc.css.
+ */
+:root {
+ --theme-body-background: #fcfcfc;
+ --theme-sidebar-background: #f7f7f7;
+ --theme-contrast-background: #e6b064;
+
+ --theme-tab-toolbar-background: #ebeced;
+ --theme-toolbar-background: #f0f1f2;
+ --theme-selection-background: #4c9ed9;
+ --theme-selection-background-semitransparent: rgba(76, 158, 217, .23);
+ --theme-selection-color: #f5f7fa;
+ --theme-splitter-color: #aaaaaa;
+ --theme-comment: #757873;
+
+ --theme-body-color: #18191a;
+ --theme-body-color-alt: #585959;
+ --theme-content-color1: #292e33;
+ --theme-content-color2: #8fa1b2;
+ --theme-content-color3: #667380;
+
+ --theme-highlight-green: #2cbb0f;
+ --theme-highlight-blue: #0088cc;
+ --theme-highlight-bluegrey: #5f88b0;
+ --theme-highlight-purple: #5b5fff;
+ --theme-highlight-lightorange: #d97e00;
+ --theme-highlight-orange: #f13c00;
+ --theme-highlight-red: #ed2655;
+ --theme-highlight-pink: #b82ee5;
+
+ /* Colors used in Graphs, like performance tools. Similar colors to Chrome's timeline. */
+ --theme-graphs-green: #85d175;
+ --theme-graphs-blue: #83b7f6;
+ --theme-graphs-purple: #b693eb;
+ --theme-graphs-yellow: #efc052;
+ --theme-graphs-red: #e57180;
+ --theme-graphs-grey: #cccccc;
+}
+
+.theme-body {
+ background: var(--theme-body-background);
+ color: var(--theme-body-color);
+}
+
+.theme-sidebar {
+ background: var(--theme-sidebar-background);
+ color: var(--theme-body-color);
+}
+
+::-moz-selection {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.theme-bg-darker {
+ background: var(--theme-selection-background-semitransparent);
+}
+
+.theme-selected,
+.CodeMirror-hint-active {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.theme-bg-contrast,
+.variable-or-property:not([overridden])[changed] {
+ background: var(--theme-contrast-background);
+}
+
+.theme-link,
+.cm-s-mozilla .cm-link,
+.CodeMirror-Tern-type {
+ color: var(--theme-highlight-blue);
+}
+
+/*
+ * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
+ * failures in debug builds.
+ */
+.theme-link:visited,
+.cm-s-mozilla .cm-link:visited {
+ color: var(--theme-highlight-blue);
+}
+
+.theme-comment,
+.cm-s-mozilla .cm-meta,
+.cm-s-mozilla .cm-hr,
+.cm-s-mozilla .cm-comment,
+.variable-or-property .token-undefined,
+.variable-or-property .token-null,
+.CodeMirror-Tern-completion-unknown:before {
+ color: var(--theme-comment);
+}
+
+.theme-gutter {
+ background-color: hsl(0,0%,90%);
+ color: var(--theme-content-color3);
+ border-color: hsl(0,0%,65%);
+}
+
+.theme-separator { /* grey */
+ border-color: #cddae5;
+}
+
+.cm-s-mozilla .cm-unused-line {
+ text-decoration: line-through;
+ text-decoration-color: var(--theme-highlight-bluegrey);
+}
+
+.cm-s-mozilla .cm-executed-line {
+ background-color: #fcfffc;
+}
+
+.theme-fg-color1,
+.cm-s-mozilla .cm-number,
+.variable-or-property .token-number,
+.variable-or-property[return] > .title > .name,
+.variable-or-property[scope] > .title > .name {
+ color: var(--theme-highlight-green);
+}
+
+.CodeMirror-Tern-completion-number:before {
+ background-color: hsl(72,100%,27%);
+}
+
+.theme-fg-color2,
+.cm-s-mozilla .cm-attribute,
+.cm-s-mozilla .cm-builtin,
+.cm-s-mozilla .cm-def,
+.cm-s-mozilla .cm-property,
+.cm-s-mozilla .cm-qualifier,
+.variables-view-variable > .title > .name {
+ color: var(--theme-highlight-blue);
+}
+
+.CodeMirror-Tern-completion-object:before {
+ background-color: hsl(208,56%,40%);
+}
+
+.theme-fg-color3,
+.cm-s-mozilla .cm-variable,
+.cm-s-mozilla .cm-tag,
+.cm-s-mozilla .cm-header,
+.cm-s-mozilla .cm-bracket,
+.variables-view-property > .title > .name {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.CodeMirror-Tern-completion-array:before {
+ background-color: var(--theme-highlight-bluegrey);
+}
+
+.theme-fg-color4 {
+ color: var(--theme-highlight-orange);
+}
+
+.theme-fg-color5,
+.cm-s-mozilla .cm-keyword {
+ color: var(--theme-highlight-lightorange);
+}
+
+.theme-fg-color6,
+.cm-s-mozilla .cm-string,
+.cm-s-mozilla .cm-string-2,
+.variable-or-property .token-string,
+.CodeMirror-Tern-farg {
+ color: var(--theme-highlight-orange);
+}
+
+.CodeMirror-Tern-completion-string:before,
+.CodeMirror-Tern-completion-fn:before {
+ background-color: hsl(24,85%,39%);
+}
+
+.theme-fg-color7,
+.cm-s-mozilla .cm-atom,
+.cm-s-mozilla .cm-quote,
+.cm-s-mozilla .cm-error,
+.variable-or-property .token-boolean,
+.variable-or-property .token-domnode,
+.variable-or-property[exception] > .title > .name {
+ color: var(--theme-highlight-red);
+}
+
+.CodeMirror-Tern-completion-bool:before {
+ background-color: #bf5656;
+}
+
+.variable-or-property .token-domnode {
+ font-weight: bold;
+}
+
+.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
+ color: black;
+}
+
+.theme-toolbar,
+.devtools-toolbar,
+.devtools-sidebar-tabs tabs,
+.devtools-sidebar-alltabs,
+.CodeMirror-dialog { /* General toolbar styling */
+ color: var(--theme-body-color-alt);
+ background-color: var(--theme-toolbar-background);
+ border-color: var(--theme-splitter-color);
+}
+
+.ruleview-swatch,
+.computedview-colorswatch {
+ box-shadow: 0 0 0 1px #c4c4c4;
+}
+
+/* CodeMirror specific styles.
+ * Best effort to match the existing theme, some of the colors
+ * are duplicated here to prevent weirdness in the main theme. */
+
+.CodeMirror { /* Inherit platform specific font sizing and styles */
+ font-family: inherit;
+ font-size: inherit;
+ background: transparent;
+}
+
+.CodeMirror pre,
+.cm-s-mozilla .cm-variable-2,
+.cm-s-mozilla .cm-variable-3,
+.cm-s-mozilla .cm-operator,
+.cm-s-mozilla .cm-special {
+ color: var(--theme-body-color);
+}
+
+.cm-s-mozilla .CodeMirror-lines .CodeMirror-cursor {
+ border-left: solid 1px black;
+}
+
+.cm-s-mozilla.CodeMirror-focused .CodeMirror-selected { /* selected text (focused) */
+ background: rgb(185, 215, 253);
+}
+
+.cm-s-mozilla .CodeMirror-selected { /* selected text (unfocused) */
+ background: rgb(176, 176, 176);
+}
+
+.cm-s-mozilla .CodeMirror-activeline-background { /* selected color with alpha */
+ background: rgba(185, 215, 253, .35);
+}
+
+div.cm-s-mozilla span.CodeMirror-matchingbracket { /* highlight brackets */
+ outline: solid 1px rgba(0, 0, 0, .25);
+ color: black;
+}
+
+/* Highlight for a line that contains an error. */
+div.CodeMirror div.error-line {
+ background: rgba(255,0,0,0.2);
+}
+
+/* Highlight for a line that represents a stack frame's location. */
+div.CodeMirror div.debug-line {
+ background: rgba(0,128,255,0.1);
+ box-shadow:
+ 0 1px 0 0 rgba(0,128,255,0.4),
+ 0 -1px 0 0 rgba(0,128,255,0.4);
+}
+
+/* Generic highlighted text */
+div.CodeMirror span.marked-text {
+ background: rgba(255,255,0,0.2);
+ border: 1px dashed rgba(192,192,0,0.6);
+ -moz-margin-start: -1px;
+ -moz-margin-end: -1px;
+}
+
+/* Highlight for evaluating current statement. */
+div.CodeMirror span.eval-text {
+ background-color: #ccd;
+}
+
+.cm-s-mozilla .CodeMirror-linenumber { /* line number text */
+ color: var(--theme-content-color3);
+}
+
+.cm-s-mozilla .CodeMirror-gutters { /* vertical line next to line numbers */
+ border-right-color: var(--theme-splitter-color);
+ background-color: var(--theme-sidebar-background);
+}
+
+.cm-s-markup-view pre {
+ line-height: 1.4em;
+ min-height: 1.4em;
+}
+
+/* Twisty and checkbox controls */
+
+.theme-twisty, .theme-checkbox {
+ width: 14px;
+ height: 14px;
+ background-repeat: no-repeat;
+ background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-size: 56px 28px;
+}
+
+.theme-twisty {
+ cursor: pointer;
+ background-position: 0 -14px;
+}
+
+.theme-twisty:-moz-focusring {
+ outline-style: none;
+}
+
+.theme-twisty[open] {
+ background-position: -14px -14px;
+}
+
+.theme-twisty[invisible] {
+ visibility: hidden;
+}
+
+/* Use white twisty when next to a selected item in markup view */
+.theme-selected ~ .theme-twisty {
+ background-position: -28px -14px;
+}
+
+.theme-selected ~ .theme-twisty[open] {
+ background-position: -42px -14px;
+}
+
+.theme-checkbox {
+ display: inline-block;
+ border: 0;
+ padding: 0;
+ outline: none;
+ background-position: 0 0;
+}
+
+.theme-checkbox[checked] {
+ background-position: -14px 0;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-twisty, .theme-checkbox {
+ background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ }
+}
+
+/* XUL panel styling (see browser/devtools/shared/widgets/Tooltip.js) */
+
+.theme-tooltip-panel .panel-arrowcontent {
+ padding: 4px;
+ background: rgba(255, 255, 255, .9);
+ border-radius: 5px;
+ box-shadow: none;
+ border: 3px solid #d9e1e8;
+}
+
+/* Overring panel arrow images to fit with our light and dark themes */
+
+.theme-tooltip-panel .panel-arrow[side="top"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png");
+ margin-bottom: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light.png");
+ margin-top: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="left"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png");
+ margin-right: -4px;
+}
+
+.theme-tooltip-panel .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light.png");
+ margin-left: -4px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-tooltip-panel .panel-arrow[side="top"],
+ .theme-tooltip-panel .panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-vertical-light@2x.png");
+ }
+
+ .theme-tooltip-panel .panel-arrow[side="left"],
+ .theme-tooltip-panel .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/devtools/tooltip/arrow-horizontal-light@2x.png");
+ }
+}
+
+.theme-tooltip-panel .devtools-tooltip-simple-text {
+ color: black;
+ border-bottom: 1px solid #d9e1e8;
+}
+
+.theme-tooltip-panel .devtools-tooltip-simple-text:last-child {
+ border-bottom: 0;
+}
+
+.CodeMirror-hints,
+.CodeMirror-Tern-tooltip {
+ box-shadow: 0 0 4px rgba(128, 128, 128, .5);
+ background-color: var(--theme-sidebar-background);
+}
+
+
+
+/* CSS Variables specific to the devtools toolbar that aren't defined by the themes */
+.theme-light {
+ --searchbox-background-color: #ffee99;
+ --searchbox-border-color: #ffbf00;
+ --searcbox-no-match-background-color: #ffe5e5;
+ --searcbox-no-match-border-color: #e52e2e;
+}
+
+.theme-dark {
+ --searchbox-background-color: #4d4222;
+ --searchbox-border-color: #d99f2b;
+ --searcbox-no-match-background-color: #402325;
+ --searcbox-no-match-border-color: #cc3d3d;
+}
+
+/* Toolbars */
+.devtools-toolbar,
+.devtools-sidebar-tabs tabs {
+ -moz-appearance: none;
+ padding: 0;
+ border-width: 0;
+ border-bottom-width: 1px;
+ border-style: solid;
+ height: 24px;
+ line-height: 24px;
+ box-sizing: border-box;
+}
+
+.devtools-toolbar {
+ padding: 0 3px;
+}
+
+.devtools-toolbar checkbox {
+ margin: 0 2px;
+ padding: 0;
+ line-height: -moz-block-height;
+}
+.devtools-toolbar checkbox .checkbox-check {
+ margin: 0;
+ padding: 0;
+ vertical-align: bottom;
+}
+.devtools-toolbar checkbox .checkbox-label-box {
+ border: none !important; /* overrides .checkbox-label-box from checkbox.css */
+}
+.devtools-toolbar checkbox .checkbox-label-box .checkbox-label {
+ margin: 0 6px !important; /* overrides .checkbox-label from checkbox.css */
+ padding: 0;
+}
+
+/* Toolbar buttons */
+.devtools-menulist,
+.devtools-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ background: transparent;
+ min-width: 78px;
+ min-height: 18px;
+ padding: 1px;
+ text-shadow: none;
+ border: none;
+ border-radius: 0;
+ margin: 2px 3px;
+ color: inherit;
+ transition: background 0.05s ease-in-out;
+ color: var(--theme-content-color1);
+ background-color: var(--theme-toolbar-background);
+}
+
+.devtools-menulist:-moz-focusring,
+.devtools-toolbarbutton:-moz-focusring {
+ outline: 1px dotted hsla(210,30%,85%,0.7);
+ outline-offset: -4px;
+}
+
+.devtools-toolbarbutton[standalone] {
+ -moz-margin-end: 5px;
+ border-width: 1px;
+ border-style: solid;
+}
+.devtools-toolbarbutton[label][standalone] {
+ min-height: 2em;
+}
+
+.devtools-toolbarbutton:not([label]),
+.devtools-toolbarbutton[text-as-image] {
+ min-width: 32px;
+}
+
+#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+ min-width: inherit;
+}
+
+/* Command buttons with menupopups should be styled slightly differently -
+ no background color and a bit more narrow */
+#toolbox-buttons .devtools-toolbarbutton:not([text-as-image]):not(:hover):not([open=true]) {
+ background: transparent;
+}
+#toolbox-buttons .devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker {
+ padding: 0 2px;
+}
+
+.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-toolbar .devtools-toolbarbutton {
+ border-width: 0;
+}
+
+.devtools-toolbarbutton > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-box-orient: horizontal;
+ padding: 0;
+}
+
+.devtools-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch;
+}
+
+.devtools-toolbarbutton > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ -moz-margin-end: 4px;
+}
+
+.devtools-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ min-width: 16px;
+}
+
+.devtools-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px;
+}
+
+.theme-dark .devtools-menulist,
+.theme-dark .devtools-toolbarbutton {
+ border-color: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-menulist,
+.theme-light .devtools-toolbarbutton {
+ border-color: rgba(170, 170, 170, .5); /* Splitters */
+}
+
+/* Text-only buttons */
+.theme-light .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ background-color: rgba(170, 170, 170, .2); /* Splitter */
+}
+.theme-dark .devtools-toolbarbutton[label]:not([text-as-image]):not([type=menu-button]),
+.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image] {
+ background-color: rgba(0, 0, 0, .2); /* Splitter */
+}
+
+/* Button States */
+.theme-dark .devtools-toolbarbutton:not([disabled]):hover,
+.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
+.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
+ background: rgba(0, 0, 0, .3); /* Splitters */
+}
+.theme-light .devtools-toolbarbutton:not([disabled]):hover,
+.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover,
+.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover {
+ background: rgba(170, 170, 170, .3); /* Splitters */
+}
+
+.theme-dark .devtools-toolbarbutton:not([disabled]):hover:active,
+.theme-dark #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
+.theme-dark .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
+ background: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-toolbarbutton:not([disabled]):hover:active,
+.theme-light #toolbox-buttons .devtools-toolbarbutton:not([disabled])[text-as-image]:hover:active,
+.theme-light .devtools-toolbarbutton:not([disabled])[label]:not([text-as-image]):not([type=menu-button]):hover:active {
+ background: rgba(170, 170, 170, .4); /* Splitters */
+}
+
+/* Menu type buttons and checked states */
+.theme-dark .devtools-toolbarbutton[checked=true],
+.theme-dark #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+ background: rgba(29, 79, 115, .7); /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-toolbarbutton[checked=true],
+.theme-light #toolbox-buttons .devtools-toolbarbutton[text-as-image][checked] {
+ background: rgba(76, 158, 217, .2); /* Select highlight blue */
+}
+
+.theme-dark .devtools-menulist[open=true],
+.theme-dark .devtools-toolbarbutton[open=true],
+.theme-dark .devtools-toolbarbutton[open=true]:hover,
+.theme-dark .devtools-toolbarbutton[open=true]:hover:active,
+.theme-dark .devtools-toolbarbutton[checked=true]:hover {
+ background: rgba(29, 79, 115, .8); /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-menulist[open=true],
+.theme-light .devtools-toolbarbutton[open=true],
+.theme-light .devtools-toolbarbutton[open=true]:hover,
+.theme-light .devtools-toolbarbutton[open=true]:hover:active,
+.theme-light .devtools-toolbarbutton[checked=true]:hover {
+ background: rgba(76, 158, 217, .4); /* Select highlight blue */
+}
+
+.devtools-option-toolbarbutton {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/devtools/tool-options.svg");
+ background: none;
+ opacity: .8;
+ border: none;
+}
+
+.devtools-option-toolbarbutton[open=true] {
+ opacity: 1;
+}
+
+/* Toolbar button groups */
+.devtools-toolbarbutton-group > .devtools-toolbarbutton {
+ margin-left: 1px;
+ margin-right: 1px;
+ outline-offset: -3px;
+ box-shadow: none;
+}
+
+.devtools-toolbarbutton-group > .devtools-toolbarbutton:last-child {
+ -moz-margin-end: 0;
+}
+
+.devtools-toolbarbutton-group + .devtools-toolbarbutton {
+ -moz-margin-start: 3px;
+}
+
+.devtools-separator + .devtools-toolbarbutton {
+ -moz-margin-start: 1px;
+}
+
+/* HTML buttons, similar to toolbar buttons, but work in HTML documents */
+
+.devtools-button {
+ border: 0 solid var(--theme-splitter-color);
+ background: var(--theme-toolbar-background);
+ margin: 0;
+ padding: 0;
+ min-width: 32px;
+ min-height: 18px;
+ /* The icon is absolutely positioned in the button using ::before */
+ position: relative;
+}
+
+.devtools-button[standalone] {
+ min-height: 32px;
+ border-width: 1px;
+}
+
+/* Button States */
+.theme-dark .devtools-button:not([disabled]):hover {
+ background: rgba(0, 0, 0, .3); /* Splitters */
+}
+.theme-light .devtools-button:not([disabled]):hover {
+ background: rgba(170, 170, 170, .3); /* Splitters */
+}
+
+.theme-dark .devtools-button:not([disabled]):hover:active {
+ background: rgba(0, 0, 0, .4); /* Splitters */
+}
+.theme-light .devtools-button:not([disabled]):hover:active {
+ background: rgba(170, 170, 170, .4); /* Splitters */
+}
+
+/* Menu type buttons and checked states */
+.theme-dark .devtools-button[checked] {
+ background: rgba(29, 79, 115, .7) !important; /* Select highlight blue */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-button[checked] {
+ background: rgba(76, 158, 217, .2) !important; /* Select highlight blue */
+}
+
+.devtools-button::before {
+ content: "";
+ display: block;
+ width: 16px;
+ height: 16px;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ margin: -8px 0 0 -8px;
+ background-repeat: no-repeat;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-button::before {
+ background-size: 32px;
+ }
+}
+
+/* Text input */
+
+.devtools-textinput,
+.devtools-searchinput {
+ -moz-appearance: none;
+ margin: 0 3px;
+ border: 1px solid;
+ border-radius: 2px;
+ padding: 4px 6px;
+ border-color: var(--theme-splitter-color);
+}
+
+.devtools-searchinput {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ padding: 0;
+ -moz-padding-start: 22px;
+ -moz-padding-end: 4px;
+ background-position: 8px center;
+ background-size: 11px 11px;
+ background-repeat: no-repeat;
+ font-size: inherit;
+}
+
+.theme-dark .devtools-searchinput {
+ background-image: url(magnifying-glass.png);
+}
+
+.theme-light .devtools-searchinput {
+ background-image: url(magnifying-glass-light.png);
+}
+
+.devtools-searchinput:-moz-locale-dir(rtl) {
+ background-position: calc(100% - 8px) center;
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
+ visibility: hidden;
+}
+
+/* Searchbox is a div container element for a search input element */
+.devtools-searchbox {
+ display: -moz-box;
+ -moz-box-flex: 1;
+ position: relative;
+}
+
+.devtools-rule-searchbox {
+ -moz-box-flex: 1;
+ padding-right: 23px;
+ width: 100%;
+ font: inherit;
+}
+
+.devtools-rule-searchbox[filled] {
+ background-color: var(--searchbox-background-color);
+ border-color: var(--searchbox-border-color);
+}
+
+.devtools-style-searchbox-no-match {
+ background-color: var(--searcbox-no-match-background-color) !important;
+ border-color: var(--searcbox-no-match-border-color) !important;
+}
+
+.devtools-no-search-result {
+ border-color: var(--theme-highlight-red) !important;
+}
+
+.devtools-searchinput-clear {
+ position: absolute;
+ top: 3.5px;
+ right: 7px;
+ padding: 0;
+ border: 0;
+ width: 16px;
+ height: 16px;
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ background-color: transparent;
+}
+
+.theme-dark .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
+}
+
+.theme-light .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
+}
+
+.devtools-style-searchbox-no-match + .devtools-searchinput-clear {
+ background-image: url("chrome://browser/skin/devtools/search-clear-failed.svg") !important;
+}
+
+.devtools-searchinput-clear:hover {
+ background-position: -16px 0;
+}
+
+.theme-dark .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
+ list-style-image: url("chrome://browser/skin/devtools/search-clear-dark.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.theme-light .devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear {
+ list-style-image: url("chrome://browser/skin/devtools/search-clear-light.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+.devtools-searchinput > .textbox-input-box > .textbox-search-icons > .textbox-search-clear:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-dark .devtools-searchinput {
+ background-image: url(magnifying-glass@2x.png);
+ }
+
+ .theme-light .devtools-searchinput {
+ background-image: url(magnifying-glass-light@2x.png);
+ }
+}
+
+/* Close button */
+
+.devtools-closebutton {
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.8;
+}
+
+.devtools-closebutton > image {
+ width: 16px;
+ height: 16px;
+ -moz-appearance: none;
+ background-size: 16px 16px;
+ background-image: url("chrome://browser/skin/devtools/close@2x.png");
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.devtools-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: -4px;
+}
+
+.devtools-closebutton > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-closebutton:hover {
+ opacity: 1;
+}
+
+/* In-tools sidebar */
+.devtools-sidebar-tabs {
+ -moz-appearance: none;
+ margin: 0;
+}
+
+.devtools-sidebar-tabs > tabpanels {
+ -moz-appearance: none;
+ background: transparent;
+ padding: 0;
+ border: 0;
+}
+
+.theme-light .devtools-sidebar-tabs > tabpanels {
+ background: var(--theme-sidebar-background);
+ color: var(--theme-body-color);
+}
+
+.devtools-sidebar-tabs tabs {
+ position: static;
+ font: inherit;
+ margin-bottom: 0;
+ overflow: hidden;
+}
+
+.devtools-sidebar-alltabs {
+ -moz-appearance: none;
+ height: 24px;
+ line-height: 24px;
+ padding: 0 4px;
+ margin: 0;
+ border-width: 0 0 1px 0;
+ -moz-border-start-width: 1px;
+ border-style: solid;
+}
+
+.devtools-sidebar-alltabs .toolbarbutton-icon {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > .tabs-right,
+.devtools-sidebar-tabs tabs > .tabs-left {
+ display: none;
+}
+
+.devtools-sidebar-tabs tabs > tab {
+ -moz-appearance: none;
+ /* We want to match the height of a toolbar with a toolbarbutton
+ * First, we need to replicated the padding of toolbar (4px),
+ * then we need to take the border of the buttons into account (1px).
+ */
+ padding: 0 3px;
+ margin: 0;
+ min-width: 78px;
+ text-align: center;
+ background-color: transparent;
+ color: inherit;
+ -moz-box-flex: 1;
+ border-width: 0;
+ -moz-border-start-width: 1px;
+ border-style: solid;
+ border-radius: 0;
+ position: static;
+ text-shadow: none;
+}
+
+.devtools-sidebar-tabs tabs > tab:first-child {
+ -moz-border-start-width: 0;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab {
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab:hover {
+ background: hsla(206,37%,4%,.2);
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab:hover:active {
+ background: hsla(206,37%,4%,.4);
+ border-image: linear-gradient(transparent 15%, #5a6169 15%, #5a6169 85%, transparent 85%) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab {
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
+ background: hsla(206,37%,4%,.2);
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected] + tab:hover:active {
+ background: hsla(206,37%,4%,.4);
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected],
+.theme-dark .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background: #1d4f73;
+ border-image: linear-gradient(#2d5b7d, #2d5b7d) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab {
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab:hover {
+ background: #ddd;
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab:hover:active {
+ background: #ddd;
+ border-image: linear-gradient(transparent 15%, #aaa 15%, #aaa 85%, transparent 85%) 1 1;
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab {
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected] + tab:hover {
+ background: #ddd;
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+.theme-light .devtools-sidebar-tabs tabs > tab[selected],
+.theme-light .devtools-sidebar-tabs tabs > tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background: #4c9ed9;
+ border-image: linear-gradient(#aaa, #aaa);
+}
+
+/* Toolbox - moved from toolbox.css.
+ * Rules that apply to the global toolbox like command buttons,
+ * devtools tabs, docking buttons, etc. */
+
+#toolbox-controls > toolbarbutton,
+#toolbox-dock-buttons > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+}
+
+#toolbox-controls > toolbarbutton > .toolbarbutton-text,
+#toolbox-dock-buttons > toolbarbutton > .toolbarbutton-text,
+.command-button > .toolbarbutton-text {
+ display: none;
+}
+
+#toolbox-dock-buttons > toolbarbutton > image {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ background-size: 16px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+
+#toolbox-dock-bottom > image {
+ background-image: url("chrome://browser/skin/devtools/dock-bottom@2x.png");
+}
+
+#toolbox-dock-side > image {
+ background-image: url("chrome://browser/skin/devtools/dock-side@2x.png");
+}
+
+#toolbox-dock-window > image {
+ background-image: url("chrome://browser/skin/devtools/undock@2x.png");
+}
+
+#toolbox-dock-window,
+#toolbox-dock-bottom,
+#toolbox-dock-side {
+ opacity: 0.8;
+}
+
+#toolbox-dock-window:hover,
+#toolbox-dock-bottom:hover,
+#toolbox-dock-side:hover {
+ opacity: 1;
+}
+
+.devtools-separator {
+ margin: 0 2px;
+ width: 2px;
+ background-image: linear-gradient(transparent, hsla(204,45%,98%,.1), transparent),
+ linear-gradient(transparent, hsla(206,37%,4%,.6), transparent),
+ linear-gradient(transparent, hsla(204,45%,98%,.1), transparent);
+ background-size: 1px 100%;
+ background-repeat: no-repeat;
+ background-position: 0, 1px, 2px;
+}
+
+#toolbox-buttons:empty + .devtools-separator,
+.devtools-separator[invisible] {
+ visibility: hidden;
+}
+
+#toolbox-controls-separator {
+ margin: 0;
+}
+
+/* Command buttons */
+
+.command-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 8px;
+ margin: 0;
+ width: 32px;
+ position: relative;
+}
+
+.command-button:hover {
+ background-color: hsla(206,37%,4%,.2);
+}
+.command-button:hover:active, .command-button[checked=true]:not(:hover) {
+ background-color: hsla(206,37%,4%,.4);
+}
+
+.command-button > image {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ background-size: 64px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+}
+.command-button:hover > image {
+ background-position: -16px center;
+}
+.command-button:hover:active > image {
+ background-position: -32px center;
+}
+.command-button[checked=true] > image {
+ background-position: -48px center;
+}
+.command-button[open=true] > image {
+ background-position: 0 center;
+}
+
+#command-button-paintflashing > image {
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing.png");
+}
+
+#command-button-screenshot > image {
+ background-image: url("chrome://browser/skin/devtools/command-screenshot.png");
+}
+
+#command-button-responsive > image {
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode.png");
+}
+
+#command-button-tilt > image {
+ background-image: url("chrome://browser/skin/devtools/command-tilt.png");
+}
+
+#command-button-scratchpad > image {
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad.png");
+ background-size: 48px 16px;
+}
+
+#command-button-pick > image {
+ background-image: url("chrome://browser/skin/devtools/command-pick.png");
+}
+
+#command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames.png");
+}
+
+#command-button-splitconsole > image {
+ background-image: url("chrome://browser/skin/devtools/command-console.png");
+}
+
+#command-button-eyedropper > image {
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper.png");
+}
+
+#command-button-rulers > image {
+ background-image: url("chrome://browser/skin/devtools/command-rulers.png");
+}
+
+@media (min-resolution: 1.25dppx) {
+ #command-button-paintflashing > image {
+ background-image: url("chrome://browser/skin/devtools/command-paintflashing@2x.png");
+ }
+
+ #command-button-screenshot > image {
+ background-image: url("chrome://browser/skin/devtools/command-screenshot@2x.png");
+ }
+
+ #command-button-responsive > image {
+ background-image: url("chrome://browser/skin/devtools/command-responsivemode@2x.png");
+ }
+
+ #command-button-tilt > image {
+ background-image: url("chrome://browser/skin/devtools/command-tilt@2x.png");
+ }
+
+ #command-button-scratchpad > image {
+ background-image: url("chrome://browser/skin/devtools/command-scratchpad@2x.png");
+ }
+
+ #command-button-pick > image {
+ background-image: url("chrome://browser/skin/devtools/command-pick@2x.png");
+ }
+
+ #command-button-frames > image {
+ background-image: url("chrome://browser/skin/devtools/command-frames@2x.png");
+ }
+
+ #command-button-splitconsole > image {
+ background-image: url("chrome://browser/skin/devtools/command-console@2x.png");
+ }
+
+ #command-button-eyedropper > image {
+ background-image: url("chrome://browser/skin/devtools/command-eyedropper@2x.png");
+ }
+
+ #command-button-rulers > image {
+ background-image: url("chrome://browser/skin/devtools/command-rulers@2x.png");
+ }
+}
+
+/* Tabs */
+
+.devtools-tabbar {
+ -moz-appearance: none;
+ min-height: 24px;
+ border: 0px solid;
+ border-bottom-width: 1px;
+ padding: 0;
+ background: var(--theme-tab-toolbar-background);
+ border-bottom-color: var(--theme-splitter-color);
+}
+
+.theme-light .devtools-tabbar {
+ box-shadow: 0 -2px 0 rgba(170,170,170,.1) inset;
+}
+
+.theme-dark .devtools-tabbar {
+ box-shadow: 0 -2px 0 rgba(0,0,0,.1) inset;
+}
+
+#toolbox-tabs {
+ margin: 0;
+}
+
+.devtools-tab {
+ -moz-appearance: none;
+ -moz-binding: url("chrome://global/content/bindings/general.xml#control-item");
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 24px;
+ max-width: 110px;
+ margin: 0;
+ padding: 0;
+ border-style: solid;
+ border-width: 0;
+ -moz-border-start-width: 1px;
+ -moz-box-align: center;
+}
+
+.theme-dark .devtools-tab {
+ color: var(--theme-body-color-alt);
+ border-color: #42484f;
+}
+
+.theme-light .devtools-tab {
+ color: var(--theme-body-color);
+ border-color: var(--theme-splitter-color);
+}
+
+.theme-dark .devtools-tab:hover {
+ background-color: hsla(206,37%,4%,.2);
+ color: #ced3d9;
+}
+
+.theme-light .devtools-tab:hover {
+ background-color: rgba(170,170,170,.2);
+}
+
+.theme-dark .devtools-tab:hover:active {
+ background-color: hsla(206,37%,4%,.4);
+ color: var(--theme-selection-color);
+}
+
+.theme-light .devtools-tab:hover:active {
+ background-color: rgba(170,170,170,.4);
+}
+
+.devtools-tab:not([selected])[highlighted] {
+ box-shadow: 0 2px 0 var(--theme-highlight-green) inset;
+}
+
+.theme-dark .devtools-tab:not([selected])[highlighted] {
+ background-color: hsla(99,100%,14%,.2);
+}
+
+.theme-light .devtools-tab:not([selected])[highlighted] {
+ background-color: rgba(44, 187, 15, .2);
+}
+
+.devtools-tab > image {
+ border: none;
+ -moz-margin-end: 0;
+ -moz-margin-start: 4px;
+ opacity: 0.6;
+ max-height: 16px;
+ width: 16px; /* Prevents collapse during theme switching */
+}
+
+.devtools-tab > label {
+ white-space: nowrap;
+}
+
+.devtools-tab:hover > image {
+ opacity: 0.8;
+}
+
+.devtools-tab:active > image,
+.devtools-tab[selected] > image {
+ opacity: 1;
+}
+
+.devtools-tabbar .devtools-tab[selected],
+.devtools-tabbar .devtools-tab[selected]:hover:active {
+ color: var(--theme-selection-color);
+ background-color: var(--theme-selection-background);
+}
+
+.theme-dark .devtools-tabbar .devtools-tab[selected] {
+ box-shadow: 0 2px 0 #d7f1ff inset,
+ 0 8px 3px -5px #2b82bf inset,
+ 0 -2px 0 rgba(0,0,0,.2) inset;
+}
+
+.theme-light .devtools-tabbar .devtools-tab[selected] {
+ box-shadow: 0 2px 0 #d7f1ff inset,
+ 0 8px 3px -5px #2b82bf inset,
+ 0 -2px 0 rgba(0,0,0,.06) inset;
+}
+
+#toolbox-tabs .devtools-tab[selected],
+#toolbox-tabs .devtools-tab[highlighted] {
+ border-width: 0;
+ -moz-padding-start: 1px;
+}
+
+#toolbox-tabs .devtools-tab[selected]:last-child,
+#toolbox-tabs .devtools-tab[highlighted]:last-child {
+ -moz-padding-end: 1px;
+}
+
+#toolbox-tabs .devtools-tab[selected] + .devtools-tab,
+#toolbox-tabs .devtools-tab[highlighted] + .devtools-tab {
+ -moz-border-start-width: 0;
+ -moz-padding-start: 1px;
+}
+
+#toolbox-tabs .devtools-tab:first-child[selected] {
+ -moz-border-start-width: 0;
+}
+
+#toolbox-tabs .devtools-tab:last-child {
+ -moz-border-end-width: 1px;
+}
+
+.devtools-tab:not([highlighted]) > .highlighted-icon,
+.devtools-tab[selected] > .highlighted-icon,
+.devtools-tab:not([selected])[highlighted] > .default-icon {
+ visibility: collapse;
+}
+
+/* The options tab is special - it doesn't have the same parent
+ as the other tabs (toolbox-option-container vs toolbox-tabs) */
+#toolbox-option-container .devtools-tab:not([selected]) {
+ background-color: transparent;
+}
+#toolbox-option-container .devtools-tab {
+ border-color: transparent;
+ border-width: 0;
+ -moz-padding-start: 1px;
+}
+#toolbox-tab-options > image {
+ margin: 0 8px;
+}
+
+/* Invert the colors of certain dark theme images for displaying
+ * inside of the light theme.
+ */
+.theme-light .devtools-tab[icon-invertable] > image,
+.theme-light #toolbox-dock-buttons > toolbarbutton > image,
+.theme-light .command-button-invertable > image,
+.theme-light .command-button-invertable:active > image,
+.theme-light .devtools-closebutton > image,
+.theme-light .devtools-toolbarbutton > image,
+.theme-light .devtools-option-toolbarbutton > image,
+.theme-light #breadcrumb-separator-normal,
+.theme-light .scrollbutton-up > .toolbarbutton-icon,
+.theme-light .scrollbutton-down > .toolbarbutton-icon,
+.theme-light #black-boxed-message-button .button-icon,
+.theme-light .notice-container button .button-icon,
+.theme-light #requests-menu-perf-notice-button .button-icon,
+.theme-light #requests-menu-network-summary-button .button-icon,
+.theme-light .event-tooltip-debugger-icon,
+.theme-light .devtools-button::before {
+ filter: url(filters.svg#invert);
+}
+
+/* Since selected backgrounds are blue, we want to use the normal
+ * (light) icons. */
+.theme-light .command-button-invertable[checked=true]:not(:active) > image,
+.theme-light .devtools-tab[icon-invertable][selected] > image,
+.theme-light .devtools-tab[icon-invertable][highlighted] > image,
+.theme-light #record-snapshot[checked] > image,
+.theme-light #profiler-start[checked] > image,
+.theme-light .notice-container button[checked] .button-icon {
+ filter: none !important;
+}
+
+.theme-light .command-button:hover {
+ background-color: inherit;
+}
+
+.theme-light .command-button:hover:active,
+.theme-light .command-button[checked=true]:not(:hover) {
+ background-color: inherit;
+}
+
+.hidden-labels-box:not(.visible) > label,
+.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
+ display: none;
+}
+
+.devtools-invisible-splitter {
+ border-color: transparent;
+}
+
+.devtools-horizontal-splitter {
+ border-bottom: 1px solid var(--theme-splitter-color);
+}
+
+.devtools-side-splitter {
+ -moz-border-end: 1px solid var(--theme-splitter-color);
+ border-color: var(--theme-splitter-color); /* Needed for responsive container at low width. */
+}
+
+/* Throbbers */
+.devtools-throbber::before {
+ content: "";
+ display: inline-block;
+ vertical-align: bottom;
+ -moz-margin-end: 0.5em;
+ width: 1em;
+ height: 1em;
+ border: 2px solid currentColor;
+ border-right-color: transparent;
+ border-radius: 50%;
+ animation: 1.1s linear throbber-spin infinite;
+}
+
+@keyframes throbber-spin {
+ from {
+ transform: none;
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png
new file mode 100644
index 0000000..e8c1841
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png
new file mode 100644
index 0000000..d784870
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass-light@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png
new file mode 100644
index 0000000..bd09ffb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png
new file mode 100644
index 0000000..1784285
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/magnifying-glass@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/markup-view.css b/arc-firefox-theme/chrome/browser/devtools/markup-view.css
new file mode 100644
index 0000000..e1912d8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/markup-view.css
@@ -0,0 +1,100 @@
+/* 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/. */
+
+* {
+ padding: 0;
+ margin: 0;
+}
+
+.more-nodes {
+ padding-left: 16px;
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #CCC;
+}
+
+
+/* Selected nodes in the tree should have light selected text.
+ theme-selected doesn't work in this case since the text is a
+ sibling of the class, not a child. */
+.theme-selected ~ .editor,
+.theme-selected ~ .editor .theme-fg-color1,
+.theme-selected ~ .editor .theme-fg-color2,
+.theme-selected ~ .editor .theme-fg-color3,
+.theme-selected ~ .editor .theme-fg-color4,
+.theme-selected ~ .editor .theme-fg-color5,
+.theme-selected ~ .editor .theme-fg-color6,
+.theme-selected ~ .editor .theme-fg-color7 {
+ color: var(--theme-selection-color);
+}
+
+/* In case a node isn't displayed in the page, we fade the syntax highlighting */
+.not-displayed .open,
+.not-displayed .close {
+ opacity: .7;
+}
+
+.tag-line {
+ padding-left: 2px;
+}
+
+/* Preview */
+
+#previewbar {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: 90px;
+ background: black;
+ border-left: 1px solid;
+ border-bottom: 1px solid;
+ overflow: hidden;
+}
+
+#previewbar {
+ background: var(--theme-tab-toolbar-background);
+ border-color: var(--theme-splitter-color);
+}
+
+#preview {
+ position: absolute;
+ top: 0;
+ right: 5px;
+ width: 80px;
+ height: 100%;
+ background-image: -moz-element(#root);
+ background-repeat: no-repeat;
+}
+
+#previewbar.hide,
+#previewbar.disabled {
+ display: none;
+}
+
+#viewbox {
+ position: absolute;
+ top: 0;
+ right: 5px;
+ width: 80px;
+ border: 1px dashed #888;
+ background: rgba(205,205,255,0.2);
+ outline: 1px solid transparent;
+}
+
+/* Events */
+.markupview-events {
+ font-size: 8px;
+ font-weight: bold;
+ line-height: 10px;
+ border-radius: 3px;
+ padding: 0px 2px;
+ -moz-margin-start: 5px;
+ -moz-user-select: none;
+}
+
+.markupview-events {
+ background-color: var(--theme-body-color-alt);
+ color: var(--theme-body-background);
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/netmonitor.css b/arc-firefox-theme/chrome/browser/devtools/netmonitor.css
new file mode 100644
index 0000000..96ba494
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/netmonitor.css
@@ -0,0 +1,920 @@
+/* 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/. */
+
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+#requests-menu-empty-notice {
+ margin: 0;
+ padding: 12px;
+ font-size: 120%;
+}
+
+#notice-perf-message {
+ margin-top: 2px;
+}
+
+#requests-menu-perf-notice-button {
+ min-width: 30px;
+ min-height: 26px;
+ margin: 0;
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#requests-menu-perf-notice-button .button-text {
+ display: none;
+}
+
+#requests-menu-reload-notice-button {
+ min-height: 26px;
+ margin: 0;
+}
+
+
+/* Network requests table */
+
+#requests-menu-toolbar {
+ padding: 0;
+}
+
+.requests-menu-header:first-child,
+.requests-menu-subitem:first-child {
+ -moz-padding-start: 6px;
+}
+
+.requests-menu-subitem {
+ padding: 3px;
+}
+
+.theme-dark .requests-menu-header:not(:last-child),
+.theme-dark .requests-menu-subitem:not(:last-child) {
+ -moz-border-end: 1px solid rgba(0,0,0,0.2);
+ box-shadow: 1px 0 0 rgba(128,128,128,0.15);
+}
+
+.theme-dark .requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
+.theme-dark .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
+ box-shadow: -1px 0 0 rgba(128,128,128,0.15);
+}
+
+.theme-light .requests-menu-header:not(:last-child),
+.theme-light .requests-menu-subitem:not(:last-child) {
+ -moz-border-end: 1px solid rgba(128,128,128,0.25);
+ box-shadow: 1px 0 0 transparent;
+}
+
+.theme-light .requests-menu-header:not(:last-child):-moz-locale-dir(rtl),
+.theme-light .requests-menu-subitem:not(:last-child):-moz-locale-dir(rtl) {
+ box-shadow: -1px 0 0 transparent;
+}
+
+.requests-menu-header-button {
+ -moz-appearance: none;
+ background: none;
+ min-width: 1px;
+ min-height: 24px;
+ margin: 0;
+ border: none;
+ padding: 0;
+ color: inherit;
+ font-weight: inherit !important;
+ transition: background-color 0.1s ease-in-out;
+}
+
+.requests-menu-header-button:hover {
+ background: rgba(0,0,0,0.10);
+}
+
+.requests-menu-header-button:hover:active {
+ background: rgba(0,0,0,0.25);
+}
+
+.requests-menu-header-button:not(:active)[sorted] {
+ background: rgba(0,0,0,0.15);
+}
+
+.requests-menu-header-button:not(:active)[sorted=ascending] {
+ background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+}
+
+.requests-menu-header-button:not(:active)[sorted=descending] {
+ background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+ background-position: bottom;
+}
+
+/* Network requests table: specific column dimensions */
+
+.requests-menu-status-and-method {
+ width: 12em;
+}
+
+.requests-menu-status {
+ width: 20px;
+ height: 10px;
+}
+
+.requests-menu-method {
+ text-align: center;
+ font-weight: 600;
+}
+
+.requests-menu-icon-and-file {
+ width: 20vw;
+ min-width: 4em;
+}
+
+.requests-menu-icon {
+ background: #fff;
+ width: calc(1em + 4px);
+ height: calc(1em + 4px);
+ margin: -4px 0px;
+ -moz-margin-end: 4px;
+}
+
+.theme-dark .requests-menu-icon {
+ outline: 1px solid rgba(0,0,0,0.2);
+}
+
+.theme-light .requests-menu-icon {
+ outline: 1px solid rgba(128,128,128,0.25);
+}
+
+.requests-menu-file {
+ text-align: start;
+}
+
+.requests-menu-security-and-domain {
+ width: 14vw;
+ min-width: 10em;
+}
+
+.requests-security-state-icon {
+ -moz-margin-end: 4px;
+ -moz-image-region:rect(0px, 16px, 16px, 0px);
+}
+
+.requests-security-state-icon:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.requests-security-state-icon:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+
+.security-state-insecure {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
+}
+
+.security-state-secure {
+ cursor: pointer;
+ list-style-image: url(chrome://browser/skin/identity-icons-https.png);
+}
+
+.security-state-weak {
+ cursor: pointer;
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
+}
+
+.security-state-broken {
+ cursor: pointer;
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active.png);
+}
+
+.requests-menu-type {
+ text-align: center;
+ width: 4em;
+}
+
+.requests-menu-size {
+ text-align: center;
+ width: 8em;
+}
+
+.requests-menu-transferred {
+ text-align: center;
+ width: 8em;
+}
+
+/* Network requests table: status codes */
+
+box.requests-menu-status {
+ background: #fff;
+ width: 10px;
+ -moz-margin-start: 5px;
+ -moz-margin-end: 5px;
+ border-radius: 10px;
+ transition: box-shadow 0.5s ease-in-out;
+}
+
+label.requests-menu-status-code {
+ -moz-margin-start: 3px !important;
+ width: 3em;
+ -moz-margin-end: -3em !important;
+}
+
+.theme-dark box.requests-menu-status:not([code]) {
+ background-color: rgba(95, 115, 135, 1); /* dark grey */
+}
+
+.theme-light box.requests-menu-status:not([code]) {
+ background-color: rgba(143, 161, 178, 1); /* grey */
+}
+
+.theme-dark box.requests-menu-status[code="cached"] {
+ border: 2px solid rgba(95, 115, 135, 1); /* dark grey */
+ background-color: transparent;
+}
+
+.theme-light box.requests-menu-status[code="cached"] {
+ border: 2px solid rgba(143, 161, 178, 1); /* grey */
+ background-color: transparent;
+}
+
+.theme-dark box.requests-menu-status[code^="1"] {
+ background-color: rgba(70, 175, 227, 1); /* light blue */
+}
+
+.theme-light box.requests-menu-status[code^="1"] {
+ background-color: rgba(0, 136, 204, 1); /* light blue */
+}
+
+.theme-dark box.requests-menu-status[code^="2"] {
+ background-color: rgba(112, 191, 83, 1); /* green */
+}
+
+.theme-light box.requests-menu-status[code^="2"] {
+ background-color: rgba(44, 187, 15, 1); /* green */
+}
+
+/* 3xx are triangles */
+.theme-dark box.requests-menu-status[code^="3"] {
+ background-color: transparent;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 10px solid rgba(217, 155, 40, 1); /* light orange */
+ border-radius: 0;
+}
+
+.theme-light box.requests-menu-status[code^="3"] {
+ background-color: transparent;
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: 10px solid rgba(217, 126, 0, 1); /* light orange */
+ border-radius: 0;
+}
+
+/* 4xx and 5xx are squares - error codes */
+.theme-dark box.requests-menu-status[code^="4"] {
+ background-color: rgba(235, 83, 104, 1); /* red */
+ border-radius: 0; /* squares */
+}
+
+.theme-light box.requests-menu-status[code^="4"] {
+ background-color: rgba(237, 38, 85, 1); /* red */
+ border-radius: 0; /* squares */
+}
+
+.theme-dark box.requests-menu-status[code^="5"] {
+ background-color: rgba(223, 128, 255, 1); /* pink? */
+ border-radius: 0;
+ transform: rotate(45deg);
+}
+
+.theme-light box.requests-menu-status[code^="5"] {
+ background-color: rgba(184, 46, 229, 1); /* pink! */
+ border-radius: 0;
+ transform: rotate(45deg);
+}
+
+/* Network requests table: waterfall header */
+
+#requests-menu-waterfall-label {
+ -moz-padding-start: 8px;
+ -moz-padding-end: 8px;
+}
+
+.requests-menu-timings-division {
+ width: 100px;
+ padding-top: 2px;
+ -moz-padding-start: 4px;
+ font-size: 75%;
+ pointer-events: none;
+}
+
+.requests-menu-timings-division:not(:first-child) {
+ -moz-border-start: 1px dotted;
+ -moz-margin-start: -100px !important; /* Don't affect layout. */
+}
+
+.requests-menu-timings-division:-moz-locale-dir(ltr) {
+ transform-origin: left center;
+}
+
+.requests-menu-timings-division:-moz-locale-dir(rtl) {
+ transform-origin: right center;
+}
+
+.theme-dark .requests-menu-timings-division[division-scale=millisecond] {
+ -moz-border-start-color: var(--theme-selection-color) !important;
+}
+
+.theme-light .requests-menu-timings-division[division-scale=millisecond] {
+ -moz-border-start-color: var(--theme-body-color-alt) !important;
+}
+
+.theme-dark .requests-menu-timings-division[division-scale=second] {
+ -moz-border-start-color: var(--theme-selection-color) !important;
+ font-weight: 600;
+}
+
+.theme-light .requests-menu-timings-division[division-scale=second] {
+ -moz-border-start-color: var(--theme-body-color-alt) !important;
+ font-weight: 600;
+}
+
+.theme-dark .requests-menu-timings-division[division-scale=minute] {
+ -moz-border-start-color: var(--theme-selection-color) !important;
+ font-weight: 600;
+}
+
+.theme-light .requests-menu-timings-division[division-scale=minute] {
+ -moz-border-start-color: var(--theme-body-color-alt) !important;
+ font-weight: 600;
+}
+
+/* Network requests table: waterfall items */
+
+.requests-menu-subitem.requests-menu-waterfall {
+ -moz-padding-start: 0px;
+ -moz-padding-end: 4px;
+ /* Background created on a <canvas> in js. */
+ /* @see browser/devtools/netmonitor/netmonitor-view.js */
+ background-image: -moz-element(#waterfall-background);
+ background-repeat: repeat-y;
+ background-position: -1px center;
+}
+
+.requests-menu-subitem.requests-menu-waterfall:-moz-locale-dir(rtl) {
+ background-position: right center;
+}
+
+.requests-menu-timings:-moz-locale-dir(ltr) {
+ transform-origin: left center;
+}
+
+.requests-menu-timings:-moz-locale-dir(rtl) {
+ transform-origin: right center;
+}
+
+.requests-menu-timings-total:-moz-locale-dir(ltr) {
+ transform-origin: left center;
+}
+
+.requests-menu-timings-total:-moz-locale-dir(rtl) {
+ transform-origin: right center;
+}
+
+.requests-menu-timings-total {
+ -moz-padding-start: 4px;
+ font-size: 85%;
+ font-weight: 600;
+}
+
+.requests-menu-timings-box {
+ height: 9px;
+}
+
+.requests-menu-timings-box.blocked {
+ background-color: rgba(235, 83, 104, 0.8); /* red */
+}
+
+.requests-menu-timings-box.dns {
+ background-color: rgba(223, 128, 255, 0.8); /* pink */
+}
+
+.requests-menu-timings-box.connect {
+ background-color: rgba(217, 102, 41, 0.8); /* orange */
+}
+
+/* Use custom colors for dark and light theme on remaining timing types. */
+.theme-dark .requests-menu-timings-box.send {
+ background-color: rgba(70, 175, 227, 0.8); /* light blue */
+}
+
+.theme-light .requests-menu-timings-box.send {
+ background-color: rgba(0, 136, 204, 0.8); /* blue */
+}
+
+.theme-dark .requests-menu-timings-box.wait {
+ background-color: rgba(94, 136, 176, 0.8); /* blue grey */
+}
+
+.theme-light .requests-menu-timings-box.wait {
+ background-color: rgba(95, 136, 176, 0.8); /* blue grey */
+}
+
+.theme-dark .requests-menu-timings-box.receive {
+ background-color: rgba(112, 191, 83, 0.8); /* green */
+}
+
+.theme-light .requests-menu-timings-box.receive {
+ background-color: rgba(44, 187, 15, 0.8); /* green */
+}
+
+/* SideMenuWidget */
+
+.side-menu-widget-item-contents {
+ padding: 0px;
+}
+
+.theme-dark .side-menu-widget-item:not(.selected)[odd] {
+ background: rgba(255,255,255,0.05);
+}
+
+.theme-light .side-menu-widget-item:not(.selected)[odd] {
+ background: rgba(128,128,128,0.05);
+}
+
+/* Network request details */
+
+#details-pane-toggle {
+ background: none;
+ box-shadow: none;
+ border-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#details-pane-toggle > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#details-pane-toggle[pane-collapsed] {
+ list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
+}
+
+#details-pane-toggle:active {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #details-pane-toggle {
+ list-style-image: url("chrome://browser/skin/devtools/debugger-collapse@2x.png");
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #details-pane-toggle[pane-collapsed] {
+ list-style-image: url("chrome://browser/skin/devtools/debugger-expand@2x.png");
+ }
+
+ #details-pane-toggle:active {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+/* Network request details tabpanels */
+
+.theme-dark .tabpanel-content {
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-selection-color);
+}
+
+/* Summary tabpanel */
+
+.tabpanel-summary-container {
+ padding: 1px;
+}
+
+.tabpanel-summary-label {
+ -moz-padding-start: 4px;
+ -moz-padding-end: 3px;
+ font-weight: 600;
+}
+
+.tabpanel-summary-value {
+ color: inherit;
+ -moz-padding-start: 3px;
+}
+
+.theme-dark .tabpanel-summary-value {
+ color: var(--theme-selection-color);
+}
+
+/* Headers tabpanel */
+
+#headers-summary-status,
+#headers-summary-version {
+ padding-bottom: 2px;
+}
+
+#headers-summary-size {
+ padding-top: 2px;
+}
+
+#headers-summary-resend {
+ margin-top: -10px;
+ -moz-margin-end: 6px;
+}
+
+#toggle-raw-headers {
+ margin-top: -10px;
+ -moz-margin-end: 6px;
+}
+
+.raw-response-textarea {
+ height: 50vh;
+}
+
+/* Response tabpanel */
+
+#response-content-info-header {
+ margin: 0;
+ padding: 3px 8px;
+ background-color: var(--theme-highlight-red);
+ color: var(--theme-selection-color);
+}
+
+#response-content-image-box {
+ padding-top: 10px;
+ padding-bottom: 10px;
+}
+
+#response-content-image {
+ background: #fff;
+ border: 1px dashed GrayText;
+ margin-bottom: 10px;
+}
+
+/* Preview tabpanel */
+
+#preview-tabpanel {
+ background: #fff;
+}
+
+#response-preview {
+ display: -moz-box;
+ -moz-box-flex: 1;
+}
+
+/* Timings tabpanel */
+
+#timings-tabpanel .tabpanel-summary-label {
+ width: 10em;
+}
+
+#timings-tabpanel .requests-menu-timings-box {
+ transition: transform 0.2s ease-out;
+ border: none;
+ min-width: 1px;
+}
+
+#timings-tabpanel .requests-menu-timings-total {
+ transition: transform 0.2s ease-out;
+}
+
+/* Security tabpanel */
+.security-info-section {
+ -moz-padding-start: 1em;
+}
+
+#security-tabpanel {
+ overflow: auto;
+}
+
+.security-warning-icon {
+ background-image: url(alerticon-warning.png);
+ background-size: 13px 12px;
+ -moz-margin-start: 5px;
+ vertical-align: top;
+ width: 13px;
+ height: 12px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .security-warning-icon {
+ background-image: url(alerticon-warning@2x.png);
+ }
+}
+
+/* Custom request form */
+
+#custom-pane {
+ padding: 0.6em 0.5em;
+}
+
+.custom-header {
+ font-size: 1.1em;
+}
+
+.custom-section {
+ margin-top: 0.5em;
+}
+
+#custom-method-value {
+ width: 4.5em;
+}
+
+/* Footer */
+
+.theme-dark #requests-menu-footer {
+ border-top: 1px solid rgba(0,0,0,0.2);
+ box-shadow: 0 1px 0 rgba(128,128,128,0.15) inset;
+ background-color: var(--theme-toolbar-background);
+}
+
+.theme-light #requests-menu-footer {
+ border-top: 1px solid rgba(128,128,128,0.25);
+ box-shadow: 0 1px 0 transparent inset;
+ background-color: var(--theme-toolbar-background);
+}
+
+.requests-menu-footer-button,
+.requests-menu-footer-label {
+ min-width: 1em;
+ margin: 0;
+ border: none;
+ padding: 2px 1vw;
+}
+
+.theme-dark .requests-menu-footer-button,
+.theme-dark .requests-menu-footer-label {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .requests-menu-footer-button,
+.theme-light .requests-menu-footer-label {
+ color: var(--theme-body-color);
+}
+
+.requests-menu-footer-spacer {
+ min-width: 2px;
+}
+
+.theme-dark .requests-menu-footer-spacer:not(:first-child),
+.theme-dark .requests-menu-footer-button:not(:first-child) {
+ -moz-border-start: 1px solid rgba(128,128,128,0.15);
+ box-shadow: -1px 0 0 rgba(0,0,0,0.2);
+}
+
+.theme-light .requests-menu-footer-spacer:not(:first-child),
+.theme-light .requests-menu-footer-button:not(:first-child) {
+ -moz-border-start: 1px solid transparent;
+ box-shadow: -1px 0 0 rgba(128,128,128,0.25);
+}
+
+.requests-menu-footer-button {
+ -moz-appearance: none;
+ background: rgba(0,0,0,0.025);
+}
+
+.requests-menu-footer-button:hover {
+ background: rgba(0,0,0,0.10);
+}
+
+.theme-dark .requests-menu-footer-button:hover:active {
+ background-color: rgba(29,79,115,0.4); /* Select Highlight Blue at 40% opacity */
+}
+
+.theme-light .requests-menu-footer-button:hover:active {
+ background-color: rgba(76,158,217,0.4); /* Select Highlight Blue at 40% opacity */
+}
+
+.theme-dark .requests-menu-footer-button:not(:active)[checked] {
+ background-color: rgba(29,79,115,1); /* Select Highlight Blue */
+ color: rgba(245,247,250,1); /* Light foreground text */
+}
+
+.theme-light .requests-menu-footer-button:not(:active)[checked] {
+ background-color: rgba(76,158,217,1); /* Select Highlight Blue */
+ color: rgba(245,247,250,1); /* Light foreground text */
+}
+
+.requests-menu-footer-label {
+ padding-top: 3px;
+ font-weight: 600;
+}
+
+#requests-menu-filter-freetext-text {
+ transition-property: max-width, -moz-padding-end, -moz-padding-start;
+ transition-duration: 250ms;
+ transition-timing-function: ease;
+}
+
+#requests-menu-filter-freetext-text:not([focused]):not([filled]) > .textbox-input-box {
+ overflow: hidden;
+}
+
+#requests-menu-filter-freetext-text:not([focused]):not([filled]) {
+ max-width: 20px !important;
+ -moz-padding-end: 5px;
+ -moz-padding-start: 22px;
+ background-position: 8px center, top left, top left;
+}
+
+#requests-menu-filter-freetext-text[focused],
+#requests-menu-filter-freetext-text[filled] {
+ max-width: 200px !important;
+}
+
+/* Performance analysis buttons */
+
+#requests-menu-network-summary-button {
+ background: none;
+ box-shadow: none;
+ border-color: transparent;
+ list-style-image: url(profiler-stopwatch.svg);
+ -moz-padding-end: 0;
+ cursor: pointer;
+}
+
+#requests-menu-network-summary-label {
+ -moz-padding-start: 0;
+ cursor: pointer;
+}
+
+#requests-menu-network-summary-label:hover {
+ text-decoration: underline;
+}
+
+/* Performance analysis view */
+
+#network-statistics-toolbar {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+#network-statistics-back-button {
+ min-width: 4em;
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border-top: none;
+ border-bottom: none;
+ -moz-border-start: none;
+}
+
+#network-statistics-view-splitter {
+ border-color: rgba(0,0,0,0.2);
+ cursor: default;
+ pointer-events: none;
+}
+
+#network-statistics-charts {
+ min-height: 1px;
+}
+
+#network-statistics-charts {
+ background-color: var(--theme-toolbar-background);
+}
+
+#network-statistics-charts .pie-chart-container {
+ -moz-margin-start: 3vw;
+ -moz-margin-end: 1vw;
+}
+
+#network-statistics-charts .table-chart-container {
+ -moz-margin-start: 1vw;
+ -moz-margin-end: 3vw;
+}
+
+.chart-colored-blob[name=html] {
+ fill: var(--theme-highlight-bluegrey);
+ background: var(--theme-highlight-bluegrey);
+}
+
+.chart-colored-blob[name=css] {
+ fill: var(--theme-highlight-blue);
+ background: var(--theme-highlight-blue);
+}
+
+.chart-colored-blob[name=js] {
+ fill: var(--theme-highlight-lightorange);
+ background: var(--theme-highlight-lightorange);
+}
+
+.chart-colored-blob[name=xhr] {
+ fill: var(--theme-highlight-orange);
+ background: var(--theme-highlight-orange);
+}
+
+.chart-colored-blob[name=fonts] {
+ fill: var(--theme-highlight-purple);
+ background: var(--theme-highlight-purple);
+}
+
+.chart-colored-blob[name=images] {
+ fill: var(--theme-highlight-pink);
+ background: var(--theme-highlight-pink);
+}
+
+.chart-colored-blob[name=media] {
+ fill: var(--theme-highlight-green);
+ background: var(--theme-highlight-green);
+}
+
+.chart-colored-blob[name=flash] {
+ fill: var(--theme-highlight-red);
+ background: var(--theme-highlight-red);
+}
+
+.table-chart-row-label[name=cached] {
+ display: none;
+}
+
+.table-chart-row-label[name=count] {
+ width: 3em;
+ text-align: end;
+}
+
+.table-chart-row-label[name=label] {
+ width: 7em;
+}
+
+.table-chart-row-label[name=size] {
+ width: 7em;
+}
+
+.table-chart-row-label[name=time] {
+ width: 7em;
+}
+
+/* Responsive sidebar */
+@media (max-width: 700px) {
+ #requests-menu-toolbar {
+ height: 22px;
+ }
+
+ .requests-menu-header-button {
+ min-height: 20px;
+ }
+
+ #details-pane {
+ margin: 0 !important;
+ /* To prevent all the margin hacks to hide the sidebar. */
+ }
+
+ .requests-menu-status-and-method {
+ width: 16vw;
+ }
+
+ .requests-menu-icon-and-file {
+ width: 30vw;
+ }
+
+ .requests-menu-security-and-domain {
+ width: 30vw;
+ }
+
+ .requests-menu-type {
+ width: 8vw;
+ }
+
+ .requests-menu-size {
+ width: 16vw;
+ border-width: 0 !important;
+ box-shadow: none !important;
+ /* The "Timeline" header is not visible anymore, and thus the
+ right border and box-shadow of "Size" column should be hidden. */
+ }
+}
+
+#headers-summary-resend {
+ padding: 4px;
+}
+
+#toggle-raw-headers {
+ padding: 4px;
+}
+
+.requests-menu-status-and-method {
+ width: 9em;
+}
+
+.requests-menu-security-and-domain {
+ width: 16vw;
+}
+
+.requests-menu-size {
+ width: 6em;
+}
+
+/* Responsive sidebar */
+@media (max-width: 700px) {
+ .requests-menu-header-button {
+ font-size: 85%;
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png
new file mode 100644
index 0000000..2d29c2c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png
new file mode 100644
index 0000000..6feba0e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/newtab-inverted@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab.png b/arc-firefox-theme/chrome/browser/devtools/newtab.png
new file mode 100644
index 0000000..32e42b0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/newtab.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png b/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png
new file mode 100644
index 0000000..ffde5f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/newtab@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/noise.png b/arc-firefox-theme/chrome/browser/devtools/noise.png
new file mode 100644
index 0000000..01d340a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/noise.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg b/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg
new file mode 100644
index 0000000..3004e04
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/performance-icons.svg
@@ -0,0 +1,42 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px">
+<style>
+ g {
+ fill: #babec3;
+ }
+ g:not(:target) {
+ display: none;
+ }
+</style>
+<g id="overview-markers">
+ <rect x="0px" y="3px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="0px" y="7px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="10px" y="7px" width="6px" height="2.5px" rx="1" ry="1"/>
+ <rect x="4px" y="11px" width="5px" height="2.5px" rx="1" ry="1"/>
+ <rect x="12px" y="11px" width="4px" height="2.5px" rx="1" ry="1"/>
+</g>
+<g id="overview-frames">
+ <rect x="1px" y="4px" width="2px" height="12px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="2px" height="4px" rx="1" ry="1"/>
+ <rect x="9px" y="9px" width="2px" height="7px" rx="1" ry="1"/>
+ <rect x="13px" y="7px" width="2px" height="9px" rx="1" ry="1"/>
+</g>
+<g id="details-waterfall">
+ <rect x="0px" y="3px" width="9px" height="2.5px" rx="1" ry="1"/>
+ <rect x="5px" y="7px" width="8px" height="2.5px" rx="1" ry="1"/>
+ <rect x="7px" y="11px" width="9px" height="2.5px" rx="1" ry="1"/>
+</g>
+<g id="details-call-tree">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="9px" width="11px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="12px" width="6px" height="2px" rx="1" ry="1"/>
+</g>
+<g id="details-flamegraph">
+ <rect x="0px" y="3px" width="16px" height="2px" rx="1" ry="1"/>
+ <rect x="0px" y="6px" width="8px" height="2px" rx="1" ry="1"/>
+ <rect x="10px" y="6px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="2px" y="9px" width="6px" height="2px" rx="1" ry="1"/>
+ <rect x="5px" y="12px" width="3px" height="2px" rx="1" ry="1"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/performance.css b/arc-firefox-theme/chrome/browser/devtools/performance.css
new file mode 100644
index 0000000..50c375c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/performance.css
@@ -0,0 +1,695 @@
+/* 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/. */
+
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* CSS Variables specific to this panel that aren't defined by the themes */
+.theme-dark {
+ --cell-border-color: rgba(255,255,255,0.15);
+ --focus-cell-border-color: rgba(255,255,255,0.5);
+ --row-alt-background-color: rgba(29,79,115,0.15);
+ --row-hover-background-color: rgba(29,79,115,0.25);
+}
+
+.theme-light {
+ --cell-border-color: rgba(0,0,0,0.15);
+ --focus-cell-border-color: rgba(0,0,0,0.3);
+ --row-alt-background-color: rgba(76,158,217,0.1);
+ --row-hover-background-color: rgba(76,158,217,0.2);
+}
+
+/* Toolbar */
+
+#performance-toolbar > tabs,
+#performance-toolbar {
+ -moz-border-end-color: var(--theme-splitter-color);
+}
+
+#performance-toolbar-control-other {
+ -moz-padding-end: 5px;
+}
+
+#performance-toolbar-controls-detail-views > toolbarbutton {
+ min-width: 0;
+}
+
+#performance-toolbar-controls-detail-views .toolbarbutton-text {
+ -moz-padding-start: 4px;
+ -moz-padding-end: 8px;
+}
+
+#filter-button {
+ list-style-image: url(timeline-filter.svg#filter);
+ min-width: 24px;
+}
+
+#filter-button[disabled] {
+ list-style-image: url(timeline-filter.svg#filter-disabled);
+}
+
+#filter-button[open] {
+ list-style-image: url(timeline-filter.svg#filter-open);
+}
+
+#performance-filter-menupopup > menuitem:before {
+ content: "";
+ display: block;
+ width: 8px;
+ height: 8px;
+ margin: 0 8px;
+ border-radius: 1px;
+}
+
+/* Recording Notice */
+
+#performance-view .notice-container {
+ font-size: 120%;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color);
+ padding-bottom: 20vh;
+}
+
+#performance-view .notice-container button {
+ min-width: 30px;
+ min-height: 28px;
+ margin: 0;
+}
+
+#performance-view .notice-container vbox {
+ text-align: center;
+}
+
+.console-profile-command {
+ font-family: monospace;
+ margin: 3px 2px;
+}
+
+#performance-view .realtime-message {
+ opacity: 0.5;
+ display: block;
+}
+
+#performance-view toolbarbutton.record-button {
+ padding: 5px;
+}
+
+#performance-view toolbarbutton.record-button[checked],
+#performance-view toolbarbutton.record-button[checked] {
+ color: var(--theme-selection-color);
+ background: var(--theme-selection-background);
+}
+
+#performance-view .realtime-disabled-message,
+#performance-view .realtime-disabled-on-e10s-message {
+ display: none;
+ /* This label does not want to wrap naturally (based on some combination of
+ it's parents and flex). Quick and dirty way to force it to wrap -> don't
+ let it get bigger than half the screen size */
+ max-width: 60vw;
+}
+
+#performance-view[e10s="disabled"] .realtime-disabled-on-e10s-message {
+ display: block;
+ opacity: 0.5;
+
+}
+#performance-view[e10s="unsupported"] .realtime-disabled-message {
+ display: block;
+ opacity: 0.5;
+}
+
+#details-pane-container .buffer-status-message,
+#details-pane-container .buffer-status-message-full {
+ display: none;
+}
+
+#details-pane-container[buffer-status="in-progress"] .buffer-status-message {
+ display: block;
+ opacity: 0.5;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message {
+ display: block;
+ color: var(--theme-highlight-red);
+ font-weight: bold;
+ opacity: 1;
+}
+
+#details-pane-container[buffer-status="full"] .buffer-status-message-full {
+ display: block;
+}
+
+/* Overview Panel */
+
+#main-record-button {
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#main-record-button[checked] {
+ list-style-image: url(profiler-stopwatch-checked.svg);
+}
+
+#main-record-button[locked] {
+ pointer-events: none;
+}
+
+#main-record-button .button-icon {
+ margin: 0;
+}
+
+#main-record-button .button-text {
+ display: none;
+}
+
+/* Details Panel */
+
+#select-waterfall-view {
+ list-style-image: url(performance-icons.svg#details-waterfall);
+}
+
+#select-js-calltree-view,
+#select-memory-calltree-view {
+ list-style-image: url(performance-icons.svg#details-call-tree);
+}
+
+#select-js-flamegraph-view,
+#select-memory-flamegraph-view {
+ list-style-image: url(performance-icons.svg#details-flamegraph);
+}
+
+/* Profile call tree */
+
+.call-tree-cells-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+ overflow: auto;
+}
+
+.call-tree-cells-container[categories-hidden] .call-tree-category {
+ display: none;
+}
+
+.call-tree-header {
+ font-size: 90%;
+ padding-top: 2px !important;
+ padding-bottom: 2px !important;
+}
+
+.call-tree-header[type="duration"],
+.call-tree-cell[type="duration"],
+.call-tree-header[type="self-duration"],
+.call-tree-cell[type="self-duration"] {
+ width: 6vw;
+}
+
+.call-tree-header[type="percentage"],
+.call-tree-cell[type="percentage"],
+.call-tree-header[type="self-percentage"],
+.call-tree-cell[type="self-percentage"] {
+ width: 5vw;
+}
+
+.call-tree-header[type="samples"],
+.call-tree-cell[type="samples"] {
+ width: 4.5vw;
+}
+
+.call-tree-header[type="allocations"],
+.call-tree-cell[type="allocations"],
+.call-tree-header[type="self-allocations"],
+.call-tree-cell[type="self-allocations"] {
+ width: 9vw;
+}
+
+.call-tree-header[type="function"],
+.call-tree-cell[type="function"] {
+ -moz-box-flex: 1;
+}
+
+.call-tree-header,
+.call-tree-cell {
+ -moz-box-align: center;
+ overflow: hidden;
+ padding: 1px 4px;
+ color: var(--theme-body-color);
+ -moz-border-end-color: var(--cell-border-color);
+}
+
+.call-tree-header:not(:last-child),
+.call-tree-cell:not(:last-child) {
+ -moz-border-end-width: 1px;
+ -moz-border-end-style: solid;
+}
+
+.call-tree-header:not(:last-child) {
+ text-align: center;
+}
+
+.call-tree-cell:not(:last-child) {
+ text-align: end;
+}
+
+.call-tree-header {
+ background-color: var(--theme-tab-toolbar-background);
+}
+
+.call-tree-item:last-child:not(:focus) {
+ border-bottom: 1px solid var(--cell-border-color);
+}
+
+.call-tree-item:nth-child(2n) {
+ background-color: var(--row-alt-background-color);
+}
+
+.call-tree-item:hover {
+ background-color: var(--row-hover-background-color);
+}
+
+.call-tree-item:focus {
+ background-color: var(--theme-selection-background);
+}
+
+.call-tree-item:focus label {
+ color: var(--theme-selection-color) !important;
+}
+
+.call-tree-item:focus .call-tree-cell {
+ -moz-border-end-color: var(--focus-cell-border-color);
+}
+
+.call-tree-item:not([origin="content"]) .call-tree-name,
+.call-tree-item:not([origin="content"]) .call-tree-url,
+.call-tree-item:not([origin="content"]) .call-tree-line,
+.call-tree-item:not([origin="content"]) .call-tree-column {
+ /* Style chrome and non-JS nodes differently. */
+ opacity: 0.6;
+}
+
+.call-tree-name {
+ -moz-margin-end: 4px !important;
+}
+
+.call-tree-url {
+ cursor: pointer;
+}
+
+.call-tree-url:hover {
+ text-decoration: underline;
+}
+
+.call-tree-url, .tree-widget-item:not(.theme-selected) .opt-url {
+ color: var(--theme-highlight-blue);
+}
+
+.call-tree-line, .tree-widget-item:not(.theme-selected) .opt-line {
+ color: var(--theme-highlight-orange);
+}
+
+.call-tree-column {
+ color: var(--theme-highlight-orange);
+ opacity: 0.6;
+}
+
+.call-tree-host {
+ -moz-margin-start: 8px !important;
+ font-size: 90%;
+ color: var(--theme-content-color2);
+}
+
+.call-tree-zoom {
+ -moz-appearance: none;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 11px;
+ min-width: 11px;
+ -moz-margin-start: 8px !important;
+ cursor: zoom-in;
+ opacity: 0;
+}
+
+.theme-dark .call-tree-zoom {
+ background-image: url(magnifying-glass.png);
+}
+
+.theme-light .call-tree-zoom {
+ background-image: url(magnifying-glass-light.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-dark .call-tree-zoom {
+ background-image: url(magnifying-glass@2x.png);
+ }
+
+ .theme-light .call-tree-zoom {
+ background-image: url(magnifying-glass-light@2x.png);
+ }
+}
+
+.call-tree-item:hover .call-tree-zoom {
+ transition: opacity 0.3s ease-in;
+ opacity: 1;
+}
+
+.call-tree-item:hover .call-tree-zoom:hover {
+ opacity: 0;
+}
+
+.call-tree-category {
+ transform: scale(0.75);
+ transform-origin: center right;
+}
+
+/**
+ * Details Waterfall Styles
+ */
+
+.waterfall-list-contents {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+
+.waterfall-header-contents {
+ overflow-x: hidden;
+}
+
+.waterfall-background-ticks {
+ /* Background created on a <canvas> in js. */
+ /* @see browser/devtools/timeline/widgets/waterfall.js */
+ background-image: -moz-element(#waterfall-background);
+ background-repeat: repeat-y;
+ background-position: -1px center;
+}
+
+.waterfall-marker-container[is-spacer] {
+ pointer-events: none;
+}
+
+.theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
+ background-color: rgba(255,255,255,0.03);
+}
+
+.theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
+ background-color: rgba(128,128,128,0.03);
+}
+
+.theme-dark .waterfall-marker-container:hover {
+ background-color: rgba(255,255,255,0.1) !important;
+}
+
+.theme-light .waterfall-marker-container:hover {
+ background-color: rgba(128,128,128,0.1) !important;
+}
+
+.waterfall-marker-item {
+ overflow: hidden;
+}
+
+.waterfall-sidebar {
+ -moz-border-end: 1px solid var(--theme-splitter-color);
+}
+
+.waterfall-marker-container:hover > .waterfall-sidebar {
+ background-color: transparent;
+}
+
+.waterfall-header-name {
+ padding: 2px 4px;
+ font-size: 90%;
+}
+
+.waterfall-header-tick {
+ width: 100px;
+ font-size: 9px;
+ transform-origin: left center;
+ color: var(--theme-body-color);
+}
+
+.waterfall-header-tick:not(:first-child) {
+ -moz-margin-start: -100px !important; /* Don't affect layout. */
+}
+
+.waterfall-marker-bullet {
+ width: 8px;
+ height: 8px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 6px;
+ border-radius: 1px;
+}
+
+.waterfall-marker-name {
+ font-size: 95%;
+ padding-bottom: 1px !important;
+}
+
+.waterfall-marker-bar {
+ height: 9px;
+ transform-origin: left center;
+ border-radius: 1px;
+}
+
+.waterfall-marker-container.selected > .waterfall-sidebar,
+.waterfall-marker-container.selected > .waterfall-marker-item {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+#waterfall-details {
+ -moz-padding-start: 8px;
+ -moz-padding-end: 8px;
+ padding-top: 2vh;
+ overflow: auto;
+ min-width: 50px;
+}
+
+.marker-details-bullet {
+ width: 8px;
+ height: 8px;
+ border-radius: 1px;
+}
+
+menuitem.marker-color-graphs-purple:before,
+.marker-color-graphs-purple {
+ background-color: var(--theme-graphs-purple);
+}
+menuitem.marker-color-graphs-grey:before,
+.marker-color-graphs-grey{
+ background-color: var(--theme-graphs-grey);
+}
+menuitem.marker-color-graphs-green:before,
+.marker-color-graphs-green {
+ background-color: var(--theme-graphs-green);
+}
+menuitem.marker-color-graphs-yellow:before,
+.marker-color-graphs-yellow {
+ background-color: var(--theme-graphs-yellow);
+}
+menuitem.marker-color-graphs-red:before,
+.marker-color-graphs-red {
+ background-color: var(--theme-graphs-red);
+}
+menuitem.marker-color-graphs-blue:before,
+.marker-color-graphs-blue {
+ background-color: var(--theme-graphs-blue);
+}
+
+#waterfall-details > * {
+ padding-top: 3px;
+}
+
+.marker-details-labelname {
+ -moz-padding-end: 4px;
+}
+
+.marker-details-type {
+ font-size: 1.2em;
+ font-weight: bold;
+}
+
+.marker-details-duration {
+ font-weight: bold;
+}
+
+/* Recording items */
+
+.recording-item {
+ padding: 4px;
+}
+
+.recording-item-title {
+ font-size: 110%;
+}
+
+.recording-item-footer {
+ padding-top: 4px;
+ font-size: 90%;
+}
+
+.recording-item-save {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.recording-item-duration,
+.recording-item-save {
+ color: var(--theme-body-color-alt);
+}
+
+#recordings-list .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/**
+ * JIT View
+ */
+
+#jit-optimizations-view {
+ width: 350px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ min-width: 200px;
+}
+
+/* override default styles for tree widget */
+#jit-optimizations-view .tree-widget-empty-text {
+ font-size: inherit;
+ padding: 0px;
+ margin: 8px;
+}
+
+#jit-optimizations-view:not(.empty) .tree-widget-empty-text {
+ display: none;
+}
+
+#jit-optimizations-toolbar {
+ height: 18px;
+ min-height: 0px; /* override .devtools-toolbar min-height */
+}
+
+.jit-optimizations-title {
+ margin: 0px 4px;
+ font-weight: 600;
+}
+
+#jit-optimizations-raw-view {
+ font-size: 90%;
+}
+
+/* override default .tree-widget-item line-height */
+#jit-optimizations-raw-view .tree-widget-item {
+ line-height: 20px !important;
+ display: block;
+ overflow: hidden;
+}
+
+#jit-optimizations-raw-view .tree-widget-item[level="1"] {
+ font-weight: 600;
+}
+
+#jit-optimizations-view .opt-outcome::before {
+ content: "→";
+ margin: 4px 0px;
+ color: var(--theme-body-color);
+}
+#jit-optimizations-view .theme-selected .opt-outcome::before {
+ color: var(--theme-selection-color);
+}
+
+#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=success] {
+ color: var(--theme-highlight-green);
+}
+#jit-optimizations-view .tree-widget-item:not(.theme-selected) .opt-outcome[outcome=failure] {
+ color: var(--theme-highlight-red);
+}
+#jit-optimizations-view .tree-widget-container {
+ -moz-margin-end: 0px;
+}
+#jit-optimizations-view .tree-widget-container > li,
+#jit-optimizations-view .tree-widget-children > li {
+ overflow: hidden;
+}
+
+.opt-line::before {
+ content: ":";
+ color: var(--theme-highlight-orange);
+}
+.theme-selected .opt-line::before {
+ color: var(--theme-selection-color);
+}
+.opt-line.header-line::before {
+ color: var(--theme-body-color);
+}
+#jit-optimizations-view.empty .opt-line.header-line::before {
+ display: none;
+}
+
+.opt-url {
+ -moz-margin-start: 4px !important;
+}
+.opt-url:hover {
+ text-decoration: underline;
+}
+.opt-url.debugger-link {
+ cursor: pointer;
+}
+
+#jit-optimizations-view .opt-icon::before {
+ content: "";
+ background-image: url(chrome://browser/skin/devtools/webconsole.png);
+ background-repeat: no-repeat;
+ background-size: 48px 40px;
+ margin: 5px 6px 0 0;
+ width: 8px;
+ height: 8px;
+ max-height: 8px;
+ display: inline-block;
+}
+
+#jit-optimizations-view .opt-icon[severity=warning]::before {
+ background-position: -16px -16px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ #jit-optimizations-view .opt-icon::before {
+ background-image: url(chrome://browser/skin/devtools/webconsole@2x.png);
+ }
+}
+
+/**
+ * Configurable Options
+ *
+ * Elements can be tagged with a class and visibility is controlled via a preference being
+ * applied or removed.
+ */
+
+/**
+ * devtools.performance.ui.experimental
+ */
+menuitem.experimental-option::before {
+ content: "";
+ background-image: url(chrome://browser/skin/devtools/webconsole.png);
+ background-repeat: no-repeat;
+ background-size: 48px 40px;
+ margin: 2px 5px 0 0;
+ width: 8px;
+ height: 8px;
+ max-height: 8px;
+ display: inline-block;
+ background-position: -16px -16px;
+}
+@media (min-resolution: 1.25dppx) {
+ menuitem.experimental-option::before {
+ background-image: url(chrome://browser/skin/devtools/webconsole@2x.png);
+ }
+}
+#performance-options-menupopup:not(.experimental-enabled) .experimental-option,
+#performance-options-menupopup:not(.experimental-enabled) .experimental-option::before {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/power.svg b/arc-firefox-theme/chrome/browser/devtools/power.svg
new file mode 100644
index 0000000..f675e30
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/power.svg
@@ -0,0 +1,14 @@
+<!--
+Logo from raphaeljs.com, MIT License
+
+Copyright © 2008 Dmitry Baranovskiy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+The software is provided “as is”, without warranty of any kind, express or implied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise, arising from, out of or in connection with the software or the use or other dealings in the software.
+-->
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
+ <path stroke="#babec3" d="m10.89891,2.50043c-0.49827,-0.24134 -1.09841,-0.03411 -1.34129,0.46514c-0.24185,0.49928 -0.03311,1.09942 0.46517,1.34128c1.56306,0.76071 2.64193,2.36094 2.64092,4.21555c-0.00501,2.58626 -2.09749,4.6787 -4.68322,4.68321c-2.58623,-0.005 -4.67869,-2.09746 -4.68371,-4.68321c-0.001,-1.85561 1.07834,-3.45731 2.64294,-4.21654c0.49928,-0.24185 0.7065,-0.84201 0.46514,-1.34129c-0.24185,-0.49825 -0.84098,-0.70697 -1.34029,-0.46513c-2.23396,1.08135 -3.77446,3.37351 -3.77545,6.02296c0.00099,3.69518 2.99518,6.68989 6.69138,6.69088c3.6957,-0.00099 6.69037,-2.9957 6.69089,-6.69088c-0.00102,-2.64846 -1.53948,-4.9391 -3.77247,-6.02197zm-2.91842,4.9346c0.55398,0 1.00309,-0.44861 1.00309,-1.00357l0,-4.68373c0,-0.55446 -0.44911,-1.00309 -1.00309,-1.00309c-0.555,0 -1.00358,0.44911 -1.00358,1.00309l0,4.68321c0,0.55499 0.44858,1.00409 1.00358,1.00409z" stroke-width="0" fill="#babec3"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg
new file mode 100644
index 0000000..f682354
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch-checked.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#3BACE5" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg
new file mode 100644
index 0000000..e9fe8f9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/profiler-stopwatch.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#babec3" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/profiler.css b/arc-firefox-theme/chrome/browser/devtools/profiler.css
new file mode 100644
index 0000000..8f127cd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/profiler.css
@@ -0,0 +1,400 @@
+/* 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/. */
+
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+/* CSS Variables specific to this panel that aren't defined by the themes */
+.theme-dark {
+ --cell-border-color: rgba(255,255,255,0.15);
+ --focus-cell-border-color: rgba(0,0,0,0.3);
+ --row-alt-background-color: rgba(29,79,115,0.15);
+ --row-hover-background-color: rgba(29,79,115,0.25);
+ --tab-hover-background-color: rgba(0,0,0,0.3);
+}
+
+.theme-light {
+ --cell-border-color: rgba(0,0,0,0.15);
+ --focus-cell-border-color: rgba(255,255,255,0.5);
+ --row-alt-background-color: rgba(76,158,217,0.1);
+ --row-hover-background-color: rgba(76,158,217,0.2);
+ --tab-hover-background-color: rgba(255,255,255,0.8);
+}
+
+/* Reload and waiting notices */
+
+.notice-container {
+ margin-top: -50vh;
+ font-size: 120%;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color-alt);
+}
+
+#empty-notice button,
+#recording-notice button {
+ min-width: 30px;
+ min-height: 28px;
+ margin: 0;
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#empty-notice button[checked],
+#recording-notice button[checked] {
+ list-style-image: url(profiler-stopwatch-checked.svg);
+}
+
+#empty-notice button .button-text,
+#recording-notice button .button-text {
+ display: none;
+}
+
+.theme-dark #loading-notice {
+ font-size: 250%;
+ color: rgba(255,255,255,0.2);
+}
+
+.theme-light #loading-notice {
+ font-size: 250%;
+ color: rgba(0,0,0,0.2);
+}
+
+/* Recordings pane */
+
+#recordings-pane > tabs,
+#recordings-pane .devtools-toolbar {
+ -moz-border-end-width: 1px;
+}
+
+#recordings-pane > tabs,
+#recordings-pane .devtools-toolbar {
+ -moz-border-end-color: var(--theme-splitter-color);
+}
+
+#record-button {
+ list-style-image: url(profiler-stopwatch.svg);
+}
+
+#record-button[checked] {
+ list-style-image: url(profiler-stopwatch-checked.svg);
+}
+
+#record-button[locked] {
+ pointer-events: none;
+}
+
+/* Recording items */
+
+.recording-item {
+ padding: 4px;
+}
+
+.recording-item-title {
+ font-size: 110%;
+}
+
+.recording-item-footer {
+ padding-top: 4px;
+ font-size: 90%;
+}
+
+.recording-item-save {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.recording-item-duration,
+.recording-item-save {
+ color: var(--theme-body-color-alt);
+}
+
+#recordings-list .selected label {
+ /* Text inside a selected item should not be custom colored. */
+ color: inherit !important;
+}
+
+/* Profile pane */
+
+#profile-content tabs {
+ -moz-box-align: stretch;
+ height: 24px;
+ font: inherit;
+}
+
+#profile-content tab {
+ -moz-box-flex: 0;
+ background-color: transparent;
+ border: none;
+ border-radius: 0;
+ padding: 0;
+ text-shadow: none;
+ transition-duration: 0.25s;
+ transition-timing-function: ease-in-out;
+ transition-property: opacity, transform;
+}
+
+#profile-content tab {
+ color: var(--theme-body-color);
+}
+
+#profile-content tab:not([selected]) {
+ cursor: pointer;
+}
+
+#profile-content tab[covered] {
+ opacity: 0;
+ transform: translateY(100%);
+}
+
+#profile-content tab {
+ -moz-appearance: none;
+ -moz-border-end: 1px solid var(--theme-splitter-color);
+}
+
+#profile-content tab:hover {
+ background-color: var(--tab-hover-background-color);
+}
+
+#profile-content tab[selected] {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+#profile-content tabpanel {
+ -moz-box-orient: vertical;
+ transform: translateZ(1px); /* Make sure the tabpanel appears above the tab */
+}
+
+#profile-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ background-position: 4px 2px;
+ background-size: 54px 20px;
+ min-width: 26px;
+ margin: 0;
+ border: none;
+ cursor: pointer;
+}
+
+.theme-dark #profile-newtab-button {
+ background-color: rgba(112,191,83,0.2);
+}
+
+.theme-light #profile-newtab-button {
+ background-color: rgba(44,187,15,0.2);
+}
+
+.theme-dark #profile-newtab-button {
+ background-image: url(newtab-inverted.png);
+}
+
+.theme-light #profile-newtab-button {
+ background-image: url(newtab.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-dark #profile-newtab-button {
+ background-image: url(newtab-inverted@2x.png);
+ }
+
+ .theme-light #profile-newtab-button {
+ background-image: url(newtab@2x.png);
+ }
+}
+
+#profile-newtab-button:hover {
+ background-position: 40px 2px;
+}
+
+#profile-newtab-button:hover:active {
+ background-position: 22px 2px;
+}
+
+/* Profile call tree */
+
+.call-tree-headers-container {
+ border-top: 1px solid var(--theme-splitter-color);
+}
+
+.call-tree-cells-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+ overflow: auto;
+}
+
+.call-tree-cells-container[categories-hidden] .call-tree-category {
+ display: none;
+}
+
+.call-tree-header[type="duration"],
+.call-tree-cell[type="duration"],
+.call-tree-header[type="self-duration"],
+.call-tree-cell[type="self-duration"] {
+ width: 9em;
+}
+
+.call-tree-header[type="percentage"],
+.call-tree-cell[type="percentage"],
+.call-tree-header[type="self-percentage"],
+.call-tree-cell[type="self-percentage"] {
+ width: 6em;
+}
+
+.call-tree-header[type="samples"],
+.call-tree-cell[type="samples"] {
+ width: 5em;
+}
+
+.call-tree-header[type="function"],
+.call-tree-cell[type="function"] {
+ -moz-box-flex: 1;
+}
+
+.call-tree-header,
+.call-tree-cell {
+ -moz-box-align: center;
+ overflow: hidden;
+ padding: 1px 4px;
+ color: var(--theme-body-color);
+}
+
+.call-tree-header:not(:last-child),
+.call-tree-cell:not(:last-child) {
+ -moz-border-end-width: 1px;
+ -moz-border-end-style: solid;
+}
+
+.call-tree-header,
+.call-tree-cell {
+ -moz-border-end-color: var(--cell-border-color);
+}
+
+.call-tree-header:not(:last-child) {
+ text-align: center;
+}
+
+.call-tree-cell:not(:last-child) {
+ text-align: end;
+}
+
+.call-tree-header {
+ background-color: var(--theme-tab-toolbar-background);
+}
+
+.call-tree-item:last-child:not(:focus) {
+ border-bottom: 1px solid var(--cell-border-color);
+}
+
+.call-tree-item:nth-child(2n) {
+ background-color: var(--row-alt-background-color);
+}
+
+.call-tree-item:hover {
+ background-color: var(--row-hover-background-color);
+}
+
+.call-tree-item:focus {
+ background-color: var(--theme-selection-background);
+}
+
+.call-tree-item:focus label {
+ color: var(--theme-selection-color) !important;
+}
+
+.call-tree-item:focus .call-tree-cell {
+ -moz-border-end-color: var(--focus-cell-border-color);
+}
+
+.call-tree-item:not([origin="content"]) .call-tree-name,
+.call-tree-item:not([origin="content"]) .call-tree-url,
+.call-tree-item:not([origin="content"]) .call-tree-line,
+.call-tree-item:not([origin="content"]) .call-tree-column {
+ /* Style chrome and non-JS nodes differently. */
+ opacity: 0.6;
+}
+
+.call-tree-url {
+ -moz-margin-start: 4px !important;
+ cursor: pointer;
+}
+
+.call-tree-url:hover {
+ text-decoration: underline;
+}
+
+.call-tree-url {
+ color: var(--theme-highlight-blue);
+}
+
+.call-tree-line {
+ color: var(--theme-highlight-orange);
+}
+
+.call-tree-column {
+ color: var(--theme-highlight-orange);
+ opacity: 0.6;
+}
+
+.call-tree-host {
+ -moz-margin-start: 8px !important;
+ font-size: 90%;
+ color: var(--theme-content-color2);
+}
+
+.call-tree-name[value=""],
+.call-tree-url[value=""],
+.call-tree-line[value=""],
+.call-tree-column[value=""],
+.call-tree-host[value=""] {
+ display: none;
+}
+
+.call-tree-zoom {
+ -moz-appearance: none;
+ background-color: transparent;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 11px;
+ min-width: 11px;
+ -moz-margin-start: 8px !important;
+ cursor: zoom-in;
+ opacity: 0;
+}
+
+.theme-dark .call-tree-zoom {
+ background-image: url(magnifying-glass.png);
+}
+
+.theme-light .call-tree-zoom {
+ background-image: url(magnifying-glass-light.png);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .theme-dark .call-tree-zoom {
+ background-image: url(magnifying-glass@2x.png);
+ }
+
+ .theme-light .call-tree-zoom {
+ background-image: url(magnifying-glass-light@2x.png);
+ }
+}
+
+.call-tree-item:hover .call-tree-zoom {
+ transition: opacity 0.3s ease-in;
+ opacity: 1;
+}
+
+.call-tree-item:hover .call-tree-zoom:hover {
+ opacity: 0;
+}
+
+.call-tree-category {
+ transform: scale(0.75);
+ transform-origin: center right;
+}
+
+#profile-content tab label {
+ margin-bottom: 4px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css b/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css
new file mode 100644
index 0000000..9ea540e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/projecteditor/projecteditor.css
@@ -0,0 +1,188 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+ :root {
+ color: #18191a;
+}
+
+.view-project-detail {
+ overflow: auto;
+}
+
+.plugin-hidden {
+ display: none;
+}
+
+.arrow {
+ -moz-appearance: treetwisty;
+ width: 20px;
+ height: 20px;
+}
+
+.arrow[open] {
+ -moz-appearance: treetwistyopen;
+}
+
+.arrow[invisible] {
+ visibility: hidden;
+}
+
+#projecteditor-menubar {
+ display: none;
+}
+
+#projecteditor-toolbar,
+#projecteditor-toolbar-bottom {
+ display: none; /* For now don't show the status bars */
+ min-height: 22px;
+ height: 22px;
+ background: rgb(237, 237, 237);
+}
+
+#sources {
+ overflow: auto;
+}
+
+.sources-tree {
+ overflow:auto;
+ overflow-x: hidden;
+ -moz-user-focus: normal;
+
+ /* Allows this to expand inside of parent xul element, while
+ still supporting child flexbox elements, including ellipses. */
+ -moz-box-flex: 1;
+ display: block;
+}
+
+.sources-tree input {
+ margin: 2px;
+ border: 1px solid gray;
+}
+
+#main-deck .sources-tree {
+ background: rgb(225, 225, 225);
+ min-width: 100px;
+}
+
+.entry {
+ color: #18191A;
+ display: flex;
+ align-items: center;
+}
+
+.entry .file-label {
+ display: flex;
+ flex: 1;
+ align-items: center;
+}
+
+.entry {
+ border: none;
+ box-shadow: none;
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.entry:hover:not(.entry-group-title):not(.selected) {
+ background: rgba(0, 0, 0, .05);
+}
+
+.entry.selected {
+ background: rgba(56, 117, 215, 1);
+ color: #F5F7FA;
+ outline: none;
+}
+
+.entry-group-title {
+ background: rgba(56, 117, 215, 0.8);
+ color: #F5F7FA;
+ font-weight: bold;
+ font-size: 1.05em;
+ line-height: 35px;
+ padding: 0 10px;
+}
+
+.sources-tree .entry-group-title .expander {
+ display: none;
+}
+
+.entry .expander {
+ width: 16px;
+ padding: 0;
+}
+
+.tree-collapsed .children {
+ display: none;
+}
+
+/* Plugins */
+
+#projecteditor-toolbar textbox {
+ margin: 0;
+}
+
+.projecteditor-basic-display {
+ padding: 0 3px;
+}
+
+/* App Manager */
+.project-name-label {
+ font-weight: bold;
+ padding-left: 10px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.project-flex {
+ flex: 1;
+}
+
+.project-image {
+ max-height: 25px;
+ margin-left: -10px;
+}
+
+.project-image,
+.project-status,
+.project-options {
+ flex-shrink: 0;
+}
+
+.project-status {
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+ border: solid 1px rgba(255, 255, 255, .5);
+ margin-right: 10px;
+ visibility: hidden;
+}
+
+.project-status[status=valid] {
+ background: #70bf53;
+ visibility: visible;
+}
+
+.project-status[status=warning] {
+ background: #d99b28;
+ visibility: visible;
+}
+
+.project-status[status=error] {
+ background: #ed2655;
+ visibility: visible;
+}
+
+/* Status Bar */
+.projecteditor-file-label {
+ font-weight: bold;
+ padding-left: 29px;
+ padding-right: 10px;
+ flex: 1;
+}
+
+/* Image View */
+.editor-image {
+ padding: 10px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png
new file mode 100644
index 0000000..7d113f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png
new file mode 100644
index 0000000..bb3c4bd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-horizontal-resizer@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png
new file mode 100644
index 0000000..35b54d6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png
new file mode 100644
index 0000000..9dbf4fe
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-se-resizer@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png
new file mode 100644
index 0000000..3b4e78c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png
new file mode 100644
index 0000000..cbae606
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsive-vertical-resizer@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png
new file mode 100644
index 0000000..43379d0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-home.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png
new file mode 100644
index 0000000..2bacbd2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png
new file mode 100644
index 0000000..eeeb823
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-rotate@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png
new file mode 100644
index 0000000..084220e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png
new file mode 100644
index 0000000..927c5cf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-screenshot@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png
new file mode 100644
index 0000000..9058703
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png
new file mode 100644
index 0000000..e464503
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/responsiveui-touch@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind.png b/arc-firefox-theme/chrome/browser/devtools/rewind.png
new file mode 100644
index 0000000..098e256
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/rewind.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png b/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png
new file mode 100644
index 0000000..eaac45d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/rewind@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/ruleview.css b/arc-firefox-theme/chrome/browser/devtools/ruleview.css
new file mode 100644
index 0000000..8c2e3d1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/ruleview.css
@@ -0,0 +1,264 @@
+/* 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/. */
+
+/* CSS Variables specific to this panel that aren't defined by the themes */
+.theme-light {
+ --rule-highlight-background-color: #ffee99;
+}
+
+.theme-dark {
+ --rule-highlight-background-color: #594724;
+}
+
+.ruleview {
+ height: 100%;
+}
+
+.ruleview-rule-source {
+ -moz-padding-start: 5px;
+ text-align: end;
+ float: right;
+ -moz-user-select: none;
+}
+
+.ruleview-rule-source,
+.ruleview-rule-source > label {
+ cursor: pointer;
+}
+
+.ruleview-rule-source[unselectable],
+.ruleview-rule-source[unselectable] > label {
+ cursor: default;
+}
+
+.ruleview-rule-source:not([unselectable]):hover {
+ text-decoration: underline;
+}
+
+.ruleview-header {
+ border-top-width: 1px;
+ border-bottom-width: 1px;
+ border-top-style: solid;
+ border-bottom-style: solid;
+ padding: 1px 4px;
+ -moz-user-select: none;
+ word-wrap: break-word;
+ margin-top: 4px;
+}
+
+.ruleview-rule-pseudo-element {
+ padding-left:20px;
+ border-left: solid 10px;
+}
+
+.ruleview-rule,
+#noResults {
+ padding: 2px 4px;
+}
+
+/* User agent styles are not editable, display them differently */
+.ruleview-rule[uneditable=true] {
+ background: var(--theme-tab-toolbar-background);
+}
+
+.ruleview-rule[uneditable=true] :focus {
+ outline: none;
+}
+
+.ruleview-rule[uneditable=true] .theme-link {
+ color: var(--theme-highlight-bluegrey);
+}
+
+.ruleview-rule[uneditable=true] .ruleview-enableproperty {
+ visibility: hidden;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-swatch {
+ cursor: default;
+}
+
+.ruleview-rule[uneditable=true] .ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-rule[uneditable=true] .ruleview-propertyvaluecontainer >
+.ruleview-propertyvalue {
+ border-bottom-color: transparent;
+}
+
+#noResults {
+ font: message-box;
+ color: GrayText;
+}
+
+.ruleview-rule + .ruleview-rule {
+ border-top-width: 1px;
+ border-top-style: dotted;
+}
+
+.ruleview-warning {
+ background-image: url(alerticon-warning.png);
+ background-size: 13px 12px;
+ -moz-margin-start: 5px;
+ display: inline-block;
+ vertical-align: top;
+ width: 13px;
+ height: 12px;
+}
+
+
+@media (min-resolution: 1.25dppx) {
+ .ruleview-warning {
+ background-image: url(alerticon-warning@2x.png);
+ }
+}
+
+.ruleview-ruleopen {
+ -moz-padding-end: 5px;
+}
+
+.ruleview-ruleclose {
+ cursor: text;
+ padding-right: 20px;
+}
+
+.ruleview-propertylist {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.ruleview-rule:not(:hover) .ruleview-enableproperty {
+ visibility: hidden;
+}
+
+.ruleview-expander {
+ display: inline-block;
+}
+
+.ruleview-newproperty {
+ /* (enable checkbox width: 12px) + (expander width: 15px) */
+ -moz-margin-start: 27px;
+}
+
+.ruleview-namecontainer,
+.ruleview-propertyvaluecontainer,
+.ruleview-propertyname,
+.ruleview-propertyvalue {
+ text-decoration: inherit;
+}
+
+.ruleview-computedlist {
+ list-style: none;
+ padding: 0;
+}
+
+.ruleview-computed {
+ -moz-margin-start: 35px;
+}
+
+.ruleview-swatch {
+ cursor: pointer;
+ border-radius: 50%;
+ width: 1em;
+ height: 1em;
+ vertical-align: text-top;
+ -moz-margin-end: 5px;
+ display: inline-block;
+ position: relative;
+}
+
+.ruleview-colorswatch::before {
+ content: '';
+ background-color: #eee;
+ background-image: linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
+ linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc);
+ background-size: 12px 12px;
+ background-position: 0 0, 6px 6px;
+ position: absolute;
+ border-radius: 50%;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: -1;
+}
+
+.ruleview-bezierswatch {
+ background: url("chrome://browser/skin/devtools/cubic-bezier-swatch.png");
+ background-size: 1em;
+}
+
+.ruleview-filterswatch {
+ background: url("chrome://browser/skin/devtools/filter-swatch.svg");
+ background-size: 1em;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .ruleview-bezierswatch {
+ background: url("chrome://browser/skin/devtools/cubic-bezier-swatch@2x.png");
+ background-size: 1em;
+ }
+}
+
+.ruleview-overridden {
+ text-decoration: line-through;
+}
+
+.theme-light .ruleview-overridden {
+ text-decoration-color: var(--theme-content-color3);
+}
+
+.styleinspector-propertyeditor {
+ border: 1px solid #CCC;
+ padding: 0;
+}
+
+.ruleview-property {
+ border-left: 3px solid transparent;
+ clear: right;
+}
+
+.ruleview-propertycontainer > * {
+ vertical-align: middle;
+}
+
+.ruleview-property[dirty] {
+ border-left-color: var(--theme-highlight-green);
+}
+
+.ruleview-highlight {
+ background-color: var(--rule-highlight-background-color);
+}
+
+.ruleview-namecontainer > .ruleview-propertyname,
+.ruleview-propertyvaluecontainer > .ruleview-propertyvalue {
+ border-bottom: 1px dashed transparent;
+}
+
+.ruleview-namecontainer:hover > .ruleview-propertyname,
+.ruleview-propertyvaluecontainer:hover > .ruleview-propertyvalue {
+ border-bottom-color: hsl(0,0%,50%);
+}
+
+.ruleview-selector {
+ word-wrap: break-word;
+}
+
+.ruleview-selector-separator, .ruleview-selector-unmatched {
+ color: #888;
+}
+
+.ruleview-selectorhighlighter {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-left: 5px;
+ cursor: pointer;
+}
+
+.ruleview-selectorhighlighter:hover {
+ background-position: -32px 0;
+}
+
+.ruleview-selectorhighlighter:active,
+.ruleview-selectorhighlighter.highlighted {
+ background-position: -16px 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/scratchpad.css b/arc-firefox-theme/chrome/browser/devtools/scratchpad.css
new file mode 100644
index 0000000..96d6f70
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/scratchpad.css
@@ -0,0 +1,13 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+#scratchpad-sidebar > tabs {
+ height: 0;
+ border: none;
+}
+
+#sp-toolbar {
+ border: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg
new file mode 100644
index 0000000..77779e8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-dark.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="32"
+ height="16"
+ viewBox="0 0 32 16">
+ <defs>
+ <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
+ <style type="text/css">
+ .icon-state-default { fill: #f5f7fa; fill-opacity: .6; }
+ .icon-state-pressed { fill: #7d7e80; fill-opacity: .8; }
+ </style>
+ </defs>
+ <use xlink:href="#glyphShape-clear" class="icon-state-default" />
+ <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg
new file mode 100644
index 0000000..fc65d21
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-failed.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="32"
+ height="16"
+ viewBox="0 0 32 16">
+ <defs>
+ <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
+ <style type="text/css">
+ .icon-state-default { fill: #cc3d3d; fill-opacity: 1; }
+ .icon-state-pressed { fill: #802d2d; fill-opacity: 1; }
+ </style>
+ </defs>
+ <use xlink:href="#glyphShape-clear" class="icon-state-default" />
+ <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg b/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg
new file mode 100644
index 0000000..205b744
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/search-clear-light.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="32"
+ height="16"
+ viewBox="0 0 32 16">
+ <defs>
+ <path id="glyphShape-clear" d="M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8C16,3.6,12.4,0,8,0 z M11.9,10.5l-1.4,1.4L8,9.4l-2.4,2.4l-1.4-1.4L6.6,8L4.2,5.6l1.4-1.4L8,6.6l2.4-2.4l1.4,1.4L9.4,8L11.9,10.5z"/>
+ <style type="text/css">
+ .icon-state-default { fill: #1d2126; fill-opacity: .5; }
+ .icon-state-pressed { fill: #1d2126; fill-opacity: .8; }
+ </style>
+ </defs>
+ <use xlink:href="#glyphShape-clear" class="icon-state-default" />
+ <use xlink:href="#glyphShape-clear" class="icon-state-pressed" transform="translate(16)" />
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/shadereditor.css b/arc-firefox-theme/chrome/browser/devtools/shadereditor.css
new file mode 100644
index 0000000..c63a4c6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/shadereditor.css
@@ -0,0 +1,123 @@
+/* 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/. */
+
+/* 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/. */
+
+/* Reload and waiting notices */
+
+.notice-container {
+ margin-top: -50vh;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color-alt);
+}
+
+#reload-notice {
+ font-size: 120%;
+}
+
+#waiting-notice {
+ font-size: 110%;
+}
+
+/* Shaders pane */
+
+#shaders-pane {
+ min-width: 150px;
+}
+
+#shaders-pane + .devtools-side-splitter {
+ border-color: transparent;
+}
+
+.program-item {
+ padding: 2px 0px;
+}
+
+.side-menu-widget-item-checkbox {
+ -moz-appearance: none;
+ opacity: 0;
+ transition: opacity .15s ease-out 0s;
+}
+
+/* Only show the checkbox when the source is hovered over, is selected, or if it
+ * is not checked. */
+.side-menu-widget-item:hover > .side-menu-widget-item-checkbox,
+.side-menu-widget-item.selected > .side-menu-widget-item-checkbox,
+.side-menu-widget-item-checkbox:not([checked]) {
+ opacity: 1;
+ transition: opacity .15s ease-out 0s;
+}
+
+.side-menu-widget-item-checkbox .checkbox-check {
+ -moz-appearance: none;
+ background-image: url(itemToggle.png);
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-clip: content-box;
+ background-size: 32px 16px;
+ background-position: -16px 0;
+ width: 16px;
+ height: 16px;
+ border: 0;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .side-menu-widget-item-checkbox .checkbox-check {
+ background-image: url(itemToggle@2x.png);
+ }
+}
+
+.side-menu-widget-item-checkbox[checked] .checkbox-check {
+ background-position: 0 0;
+}
+
+/* Invert all toggle icons but the one in the active row for light theme */
+.theme-light .side-menu-widget-item:not(.selected) .checkbox-check {
+ filter: url(filters.svg#invert);
+}
+
+/* Shader source editors */
+
+.editor-label {
+ padding: 1px 12px;
+ border-top: 1px solid;
+}
+
+.editor-label {
+ background: var(--theme-toolbar-background);
+ border-color: var(--theme-splitter-color);
+ color: var(--theme-body-color-alt);
+}
+
+.editor-label[selected] {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+/* Responsive sidebar */
+
+@media (max-width: 700px) {
+ #shaders-pane {
+ max-height: 60vh;
+ }
+
+ #editors-splitter {
+ border-color: transparent;
+ }
+
+ .side-menu-widget-container {
+ box-shadow: none !important;
+ }
+
+ .side-menu-widget-item-arrow {
+ background-image: none !important;
+ }
+
+ .editor-label {
+ -moz-box-ordinal-group: 0;
+ border-bottom: 1px solid;
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/splitview.css b/arc-firefox-theme/chrome/browser/devtools/splitview.css
new file mode 100644
index 0000000..9710c38
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/splitview.css
@@ -0,0 +1,152 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+
+.splitview-nav-container .devtools-throbber {
+ display: none;
+ text-align: center;
+}
+
+.loading .splitview-nav-container .devtools-throbber {
+ display: block;
+}
+
+.theme-dark .splitview-nav-container {
+ background-color: var(--theme-toolbar-background);
+}
+
+.splitview-nav {
+ -moz-appearance: none;
+ list-style-image: none;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.theme-dark .splitview-nav {
+ box-shadow: inset -1px 0 0 #000;
+}
+
+.theme-dark .splitview-nav:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #000;
+}
+
+.theme-light .splitview-nav {
+ box-shadow: inset -1px 0 0 #aaa;
+}
+
+.theme-light .splitview-nav:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #aaa;
+}
+
+.splitview-nav > li {
+ /* To compensate for the top and bottom borders */
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-padding-end: 8px;
+ -moz-box-align: center;
+ outline: 0;
+ vertical-align: bottom;
+}
+
+.theme-dark .splitview-nav > li {
+ border-top: 1px solid rgba(0,0,0,0.2);
+ border-bottom: 1px solid rgba(128,128,128,0.15);
+}
+
+.theme-dark .splitview-nav > li:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
+}
+
+.theme-light .splitview-nav > li {
+ border-top: 1px solid rgba(128,128,128,0.15);
+ border-bottom: 1px solid transparent;
+}
+
+.theme-light .splitview-nav > li:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15);
+}
+
+.placeholder {
+ -moz-box-flex: 1;
+ text-align: center;
+}
+
+.splitview-nav > li.splitview-active {
+ background-repeat: no-repeat, no-repeat, repeat-x;
+ background-position: center right, center right, top left;
+ background-size: auto, 1px, auto;
+}
+
+.splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
+ background-repeat: no-repeat, no-repeat, repeat-x;
+ background-position: center left, center left, top right;
+}
+
+.theme-dark .splitview-nav > li.splitview-active {
+ background-image: url(itemArrow-dark-ltr.svg),
+ linear-gradient(#000, #000),
+ linear-gradient(#1d4f73, #1d4f73);
+}
+
+.theme-dark .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
+ background-image: url(itemArrow-dark-rtl.svg),
+ linear-gradient(#000, #000),
+ linear-gradient(#1d4f73, #1d4f73);
+}
+
+.theme-light .splitview-nav > li.splitview-active {
+ background-image: url(itemArrow-ltr.svg),
+ linear-gradient(#aaa, #aaa),
+ linear-gradient(#4c9ed9, #4c9ed9);
+}
+
+.theme-light .splitview-nav > li.splitview-active:-moz-locale-dir(rtl) {
+ background-image: url(itemArrow-rtl.svg),
+ linear-gradient(#aaa, #aaa),
+ linear-gradient(#4c9ed9, #4c9ed9);
+}
+
+/* Toolbars */
+
+.splitview-main > .devtools-toolbar {
+ background-origin: border-box;
+ background-clip: border-box;
+}
+
+.theme-dark .splitview-main > toolbar,
+.theme-dark .loading .splitview-nav-container {
+ -moz-border-end: 1px solid #000;
+}
+
+.theme-light .splitview-main > toolbar,
+.theme-light .loading .splitview-nav-container {
+ -moz-border-end: 1px solid #aaa;
+}
+
+.splitview-main > .devtools-toolbarbutton {
+ font-size: 11px;
+ padding: 0 8px;
+ width: auto;
+ min-width: 48px;
+ min-height: 0;
+}
+
+
+/* Resizers */
+
+.splitview-portrait-resizer {
+ -moz-appearance: none;
+ background: linear-gradient(black 1px, rgba(255,255,255,0.2) 1px),
+ linear-gradient(hsl(210,11%,36%), hsl(210,11%,18%));
+ height: 12px;
+ background-size: 10px 2px, 100% 12px;
+ background-clip: content-box, border-box;
+ background-repeat: repeat-y, no-repeat;
+ background-position: center center;
+ padding: 2px 0;
+ border-top: 1px solid hsla(210,8%,5%,.5);
+ border-bottom: 1px solid hsla(210,8%,5%,.5);
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/storage.css b/arc-firefox-theme/chrome/browser/devtools/storage.css
new file mode 100644
index 0000000..5f6d78e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/storage.css
@@ -0,0 +1,48 @@
+/* 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/. */
+
+/* Storage Host Tree */
+
+#storage-tree {
+ min-width: 220px;
+ max-width: 500px;
+ overflow: auto;
+}
+
+.theme-dark #storage-tree {
+ background: #343c45; /* Toolbars */
+}
+
+#storage-tree .tree-widget-item[type="store"]:after {
+ background-image: url(chrome://browser/skin/devtools/filetype-store.svg);
+ background-size: 18px 18px;
+ background-position: -1px 0;
+}
+
+/* Columns with date should have a min width so that date is visible */
+#expires, #lastAccessed, #creationTime {
+ min-width: 150px;
+}
+
+/* Variables View Sidebar */
+
+#storage-sidebar {
+ max-width: 500px;
+ min-width: 250px;
+}
+
+/* Responsive sidebar */
+@media (max-width: 700px) {
+ #storage-tree {
+ max-width: 100%;
+ }
+
+ #storage-table #path {
+ display: none;
+ }
+
+ #storage-table .table-widget-cell {
+ min-width: 100px;
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/styleeditor.css b/arc-firefox-theme/chrome/browser/devtools/styleeditor.css
new file mode 100644
index 0000000..a4a300f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/styleeditor.css
@@ -0,0 +1,305 @@
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+.stylesheet-title,
+.stylesheet-name {
+ text-decoration: none;
+}
+
+.stylesheet-name {
+ font-size: 13px;
+}
+
+.theme-dark .stylesheet-title,
+.theme-dark .stylesheet-name {
+ color: var(--theme-selection-color);
+}
+
+.theme-dark .stylesheet-rule-count,
+.theme-dark .stylesheet-linked-file,
+.theme-dark .stylesheet-saveButton {
+ color: var(--theme-body-color-alt);
+}
+
+.theme-light .stylesheet-title,
+.theme-light .stylesheet-name {
+ color: var(--theme-body-color-alt);
+}
+
+.theme-light .stylesheet-rule-count,
+.theme-light .stylesheet-linked-file,
+.theme-light .stylesheet-saveButton {
+ color: var(--theme-body-color);
+}
+
+.stylesheet-saveButton {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.splitview-active .stylesheet-title,
+.splitview-active .stylesheet-name,
+.theme-light .splitview-active .stylesheet-rule-count,
+.theme-light .splitview-active .stylesheet-linked-file,
+.theme-light .splitview-active .stylesheet-saveButton {
+ color: var(--theme-selection-color);
+}
+
+.splitview-nav:focus {
+ outline: 0; /* focus ring is on the stylesheet name */
+}
+
+.splitview-nav > li.unsaved > hgroup .stylesheet-name {
+ font-style: italic;
+}
+
+.splitview-nav:-moz-locale-dir(ltr) > li.unsaved > hgroup .stylesheet-name:before,
+.splitview-nav:-moz-locale-dir(rtl) > li.unsaved > hgroup .stylesheet-name:after {
+ font-style: italic;
+}
+
+.splitview-nav.empty > p {
+ padding: 0 10px;
+}
+
+.stylesheet-sidebar {
+ max-width: 400px;
+ min-width: 100px;
+}
+
+.theme-light .stylesheet-sidebar {
+ border-color: #aaa; /* Splitters */
+}
+
+.theme-dark .stylesheet-sidebar {
+ border-color: #000; /* Splitters */
+}
+
+.theme-light .media-rule-label {
+ border-bottom-color: #cddae5; /* Grey */
+}
+
+.theme-dark .media-rule-label {
+ border-bottom-color: #303b47; /* Grey */
+}
+
+.media-rule-label {
+ padding: 4px;
+ cursor: pointer;
+ border-bottom: 1px solid;
+}
+
+.media-rule-line {
+ -moz-padding-start: 4px;
+}
+
+.theme-light .media-condition-unmatched {
+ color: grey;
+}
+
+.theme-dark .media-condition-unmatched {
+ color: #606C75;
+}
+
+.stylesheet-enabled {
+ padding: 8px 0;
+ margin: 0 8px;
+ background-image: url(itemToggle.png);
+ background-repeat: no-repeat;
+ background-clip: content-box;
+ background-position: 0 8px;
+ background-size: 48px 24px;
+ width: 24px;
+ height: 40px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .stylesheet-enabled {
+ background-image: url(itemToggle@2x.png);
+ }
+}
+
+.disabled > .stylesheet-enabled {
+ background-position: -24px 8px;
+}
+
+/* Invert all toggle icons but the one in the active row for light theme */
+.theme-light .splitview-nav > li:not(.splitview-active) .stylesheet-enabled {
+ filter: url(filters.svg#invert);
+}
+
+.splitview-nav > li > .stylesheet-enabled:focus,
+.splitview-nav > li:hover > .stylesheet-enabled {
+ outline: 0;
+}
+
+.stylesheet-linked-file:not(:empty){
+ -moz-margin-end: 0.4em;
+}
+
+.stylesheet-linked-file:not(:empty):before {
+ -moz-margin-start: 0.4em;
+}
+
+li.linked-file-error .stylesheet-linked-file:after {
+ font-size: 110%;
+}
+
+.stylesheet-more > h3 {
+ font-size: 11px;
+ -moz-margin-end: 2px;
+}
+
+.devtools-searchinput {
+ max-width: 25ex;
+ font-size: 11px;
+}
+
+.placeholder a {
+ text-decoration: underline;
+}
+
+h1,
+h2,
+h3 {
+ font-size: inherit;
+ font-weight: normal;
+ margin: 0;
+ padding: 0;
+}
+
+@media (max-width: 700px) {
+ .stylesheet-sidebar {
+ width: 150px;
+ }
+}
+
+/* portrait mode */
+@media (max-width: 550px) {
+ .splitview-nav {
+ box-shadow: none;
+ }
+
+ .splitview-nav > li.splitview-active {
+ background-size: 0 0, 0 0, auto;
+ }
+
+ .stylesheet-enabled {
+ padding: 0;
+ background-position: 0 0;
+ height: 24px;
+ }
+
+ .disabled > .stylesheet-enabled {
+ background-position: -24px 0;
+ }
+
+ .splitview-nav > li > hgroup.stylesheet-info {
+ -moz-box-align: baseline;
+ }
+
+ .stylesheet-sidebar {
+ width: 180px;
+ }
+}
+
+.csscoverage-report {
+ background-color: var(--theme-toolbar-background);
+}
+
+.csscoverage-report-container {
+ height: 100vh;
+ padding: 0 30px;
+}
+
+.csscoverage-report-content {
+ margin: 20px auto;
+ -moz-column-width: 300px;
+ font-size: 13px;
+}
+
+.csscoverage-report h1 {
+ font-size: 120%;
+}
+
+.csscoverage-report h2 {
+ font-size: 110%;
+}
+
+.csscoverage-report h1,
+.csscoverage-report h2,
+.csscoverage-report h3 {
+ font-weight: bold;
+ margin: 10px 0;
+}
+
+.csscoverage-list:after {
+ content: ', ';
+}
+
+.csscoverage-list:last-child:after {
+ display: none;
+}
+
+.csscoverage-report textarea {
+ width: 100%;
+ height: 100px;
+}
+
+.csscoverage-report a {
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.csscoverage-report > .csscoverage-toolbar {
+ border: none;
+ margin: 0;
+ padding: 0;
+}
+
+.csscoverage-report > .csscoverage-toolbarbutton {
+ min-width: 4em;
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+ border-radius: 0;
+ border-top: none;
+ border-bottom: none;
+ -moz-border-start: none;
+}
+
+.chart-colored-blob[name="Used Preload"] {
+ fill: var(--theme-highlight-pink);
+ background: var(--theme-highlight-pink);;
+}
+
+.chart-colored-blob[name=Used] {
+ fill: var(--theme-highlight-green);
+ background: var(--theme-highlight-green);
+}
+
+.chart-colored-blob[name=Unused] {
+ fill: var(--theme-highlight-lightorange);
+ background: var(--theme-highlight-lightorange);
+}
+
+/* Undo 'largest' customization */
+.theme-dark .pie-chart-slice[largest] {
+ stroke-width: 1px;
+ stroke: rgba(0,0,0,0.2);
+}
+
+.theme-light .pie-chart-slice[largest] {
+ stroke-width: 1px;
+ stroke: rgba(255,255,255,0.8);
+}
+
+.csscoverage-report .pie-chart-slice {
+ cursor: default;
+}
+
+.csscoverage-report-chart {
+ margin: 0 50px;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg b/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg
new file mode 100644
index 0000000..e050d20
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/timeline-filter.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ width="16" height="16"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<style>
+use:not(:target) {
+ display: none;
+}
+
+use {
+ fill: #babec3;
+}
+
+use[id$="-disabled"] {
+ fill-opacity: 0.5;
+}
+
+use[id$="-open"] {
+ fill: #3BACE5;
+}
+
+</style>
+<defs style="display:none">
+ <path id="filter-shape"
+ d="M 2,2 v 3 l 5,4 v 6 h 2 v -6 l 5,-4 v -3 L 14,2 z"/>
+</defs>
+<use id="filter" xlink:href="#filter-shape"/>
+<use id="filter-disabled" xlink:href="#filter-shape"/>
+<use id="filter-open" xlink:href="#filter-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png
new file mode 100644
index 0000000..4954393
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/toggle-tools.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png b/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png
new file mode 100644
index 0000000..971f414
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/toggle-tools@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg
new file mode 100644
index 0000000..ae294f6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-debugger-paused.svg
@@ -0,0 +1,3 @@
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#71c054" fill-rule="evenodd" d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm2,11h-1-5c-.6,0-1-.4-1-1v-6c0-.6 .4-1 1-1h5 1l4,4-4,4z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg b/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg
new file mode 100644
index 0000000..128e6e8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-debugger.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#edf0f1" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7 0,3.9 3.1,7 7,7 3.9,0 7-3.1 7-7 0-3.9-3.1-7-7-7zm0,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5 2.8,0 5,2.2 5,5 0,2.8-2.2,5-5,5z"/>
+<path d="m6,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+<path d="m10,5c.6,0 1,.4 1,1v4c0,.6-.4,1-1,1-.6,0-1-.4-1-1v-4c0-.6 .4-1 1-1z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg b/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg
new file mode 100644
index 0000000..5a8cbb8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-inspector.svg
@@ -0,0 +1,9 @@
+<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#eef0f2" fill-rule="evenodd" d="M2,4v9h11V4H2z M11,11H4V6h7V11z"/>
+<g opacity=".8">
+<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M0,8h2v1H0V8z"/>
+<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M13,8h2v1h-2V8z"/>
+<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,2h1v2H7V2z"/>
+<path opacity=".8" fill="#eef0f2" fill-rule="evenodd" d="M7,13h1v2H7V13z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-network.svg b/arc-firefox-theme/chrome/browser/devtools/tool-network.svg
new file mode 100644
index 0000000..bec394d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-network.svg
@@ -0,0 +1,36 @@
+<svg width="17" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16">
+<g fill="#edf0f1" fill-rule="evenodd">
+<path opacity=".1" d="M2.1,0h12.8C16,0,17,1,17,2.1v10.6c0,1.2-1,2.1-2.1,2.1H2.1c-1.2,0-2.1-1-2.1-2.1V2.1C0,1,1,0,2.1,0z"/>
+<path d="m2.1,2.1h9.6c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-9.6c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".7">
+<g opacity=".75">
+<path fill="#edf0f1" fill-rule="evenodd" d="m7.4,5.3h7.4c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-7.4c-.5-.1-1-.5-1-1.1 0-.6 .5-1.1 1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#edf0f1" d="m14.9,5.7c.4,0 .7,.3 .7,.7s-.4,.6-.7,.6h-7.5c-.3,0-.6-.3-.6-.6s.3-.7 .7-.7h7.4m0-.4h-7.5c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h7.4c.6,0 1.1-.5 1.1-1.1 0-.6-.4-1.1-1-1.1z"/>
+</g>
+</g>
+<g opacity=".75">
+<path fill="#edf0f1" fill-rule="evenodd" d="m5.3,8.5h3.2c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-3.2c-.6,0-1.1-.5-1.1-1.1 .1-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#edf0f1" d="m8.5,8.9c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-3.2c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h3.2m0-.4h-3.2c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h3.2c.6,0 1.1-.5 1.1-1.1 0-.6-.5-1.1-1.1-1.1z"/>
+</g>
+<g opacity=".7">
+<g opacity=".75">
+<path fill="#edf0f1" fill-rule="evenodd" d="m4.3,11.7h2.1c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1h-2.1c-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+</g>
+<g opacity=".85">
+<path fill="#edf0f1" d="m6.4,12.1c.4,0 .7,.3 .7,.7 0,.4-.3,.7-.7,.7h-2.1c-.4,0-.7-.3-.7-.7 0-.4 .3-.7 .7-.7h2.1m0-.4h-2.1c-.6,0-1.1,.5-1.1,1.1 0,.6 .5,1.1 1.1,1.1h2.1c.6,0 1.1-.5 1.1-1.1-.1-.6-.5-1.1-1.1-1.1z"/>
+</g>
+</g>
+<g opacity="5.000000e-02" fill="#edf0f1" fill-rule="evenodd">
+<path d="m7.4,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m4.2,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m1,14.6c0-.1 0-.1 0-.2v-13.9c0-.1 0-.1 0-.2-.6,.4-1,1-1,1.8v10.6c0,.8 .4,1.5 1,1.9z"/>
+<path d="m16,.3c0,.1 0,.1 0,.2v13.8c0,.1 0,.1 0,.2 .6-.4 1-1 1-1.8v-10.6c0-.7-.4-1.4-1-1.8z"/>
+<path d="m13.8,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+<path d="m10.6,14.3v-13.8c0-.3-.2-.5-.5-.5-.3,0-.5,.2-.5,.5v13.8c0,.3 .2,.5 .5,.5 .3,.1 .5-.2 .5-.5z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-options.svg b/arc-firefox-theme/chrome/browser/devtools/tool-options.svg
new file mode 100644
index 0000000..62a6d75
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-options.svg
@@ -0,0 +1,3 @@
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#edf0f1" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg
new file mode 100644
index 0000000..eff1673
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-profiler-active.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#71c054" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg b/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg
new file mode 100644
index 0000000..d8e1bdd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-profiler.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#edf0f1" fill-rule="evenodd">
+<path d="m8,1c-3.9,0-7,3.1-7,7s3.1,7 7,7c3.9,0 7-3.1 7-7s-3.1-7-7-7zm-.1,12c-2.8,0-5-2.2-5-5 0-2.8 2.2-5 5-5s5,2.2 5,5c0,2.8-2.2,5-5,5z"/>
+<path d="m8,6.9c.6,0 1.1,.5 1.1,1.1 0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1 0-.6 .5-1.1 1.1-1.1z"/>
+<path d="m11.3,4.6l-3.9,2.5 1.5,1.4 2.4-3.9z"/>
+<path opacity=".4" d="m4.6,10c.7,1.2 2,2 3.4,2 1.5,0 2.7-.8 3.4-2h-6.8z"/>
+<g opacity=".3">
+<path d="m7.1,5.1l-.6-1.3-.9,.4 .7,1.3c.2-.1 .5-.3 .8-.4z"/>
+<path d="m9.8,5.6l.7-1.4-.9-.4-.7,1.3c.3,.2 .6,.3 .9,.5z"/>
+<path d="m10.8,7c.1,.3 .2,.7 .2,1h2v-1h-2.2z"/>
+<path d="m5,8c0-.3 .1-.7 .2-1h-2.2l-.1,1h2.1z"/>
+</g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg b/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg
new file mode 100644
index 0000000..ad2133a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-scratchpad.svg
@@ -0,0 +1,6 @@
+<svg height="16" width="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#edf0f1" fill-rule="evenodd">
+<path opacity=".3" d="m1.1,6.3c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6zm12,1.7h-10.2c-.4,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h10.3c.3,0 .6-.3 .6-.6-.1-.3-.3-.6-.7-.6zm-5.7,3.4c.3,0 .6-.3 .6-.6 0-.3-.3-.6-.6-.6h-4.5c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h4.5zm2.3,1.2h-8c-.3,0-.6,.3-.6,.6 0,.3 .3,.6 .6,.6h8c.3,0 .6-.3 .6-.6 0-.4-.3-.6-.6-.6z"/>
+<path d="m14.3,2.3h-.6v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.1-.1-.2-.2-.2-.1-.3-.1-.4-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.7,.1-1.2-.4-1.2-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1-.1-.1-.1-.2-.1-.3,0-.6,.3-.6,.6v1.7h-1.1v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.3-.1-.3-.2-.4-.2-.1-.1-.2-.1-.3-.1-.3,0-.5,.3-.5,.6v1.7h-1.2v1.1c0,.6-.5,1.1-1.1,1.1-.6,0-1.1-.5-1.1-1.1v-.5c0,.3 .3,.6 .6,.6 .3,0 .6-.3 .6-.6v-.6-1.7c0-.1 0-.2-.1-.3-.2-.1-.2-.2-.3-.2-.1-.1-.2-.1-.3-.1-.3,0-.6,.3-.6,.6v1.7h-.5c-.3,0-.6,.2-.6,.6v12.6c0,.2 .3,.5 .6,.5h13.7c.3,0 .6-.3 .6-.6v-12.5c0-.4-.3-.6-.6-.6zm-12.6,3.4h4.6c.3,0 .6,.3 .6,.6s-.3,.6-.6,.6h-4.6c-.3,0-.6-.3-.6-.6s.3-.6 .6-.6zm8,8h-8c-.3,0-.6-.3-.6-.6 0-.3 .3-.6 .6-.6h8c.3,0 .6,.3 .6,.6 0,.4-.3,.6-.6,.6zm-7.4-2.8c0-.3 .3-.6 .6-.6h4.6c.3,0 .6,.3 .6,.6 0,.3-.3,.6-.6,.6h-4.6c-.4-.1-.6-.3-.6-.6zm10.8-1.8h-10.2c-.3,0-.6-.3-.6-.6 0-.2 .2-.5 .6-.5h10.3c.3,0 .6,.3 .6,.6-.1,.3-.3,.5-.7,.5z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg b/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg
new file mode 100644
index 0000000..7f5013b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-storage.svg
@@ -0,0 +1,7 @@
+<svg width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<g fill="#edf0f1">
+<path d="m1.3,12.5v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6,0-6.6-2.7-6.6-2.7z"/>
+<path d="m14.7,3.4c0-1.4-3-2.5-6.7-2.5s-6.7,1.1-6.7,2.5c0,.2 0,.3 .1,.5-.1-.3-.1-.4-.1-.4v1.5c0,0 0,2.7 6.7,2.7 6.7,0 6.8-2.7 6.8-2.7v-1.6c0,.1 0,.2-.1,.5-0-.2-0-.3-0-.5z"/>
+<path d="m1.3,8.7v-2.4c0,0 0,2.5 6.7,2.5 6.7,0 6.7-2.5 6.7-2.5v2.4c0,0 0,2.7-6.8,2.7-6.6-0-6.6-2.7-6.6-2.7z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg b/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg
new file mode 100644
index 0000000..ac1f5c7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-styleeditor.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 17 16">
+<g fill="#edf0f1" fill-rule="evenodd">
+<path d="m10,11.1 0,2.3-7.8,0 0-11.2 5.6-0 1.1,1.1 1.7-1.6-1.7-1.7-8.9,0 0,15.6 12.2,0 0-6.7z"/>
+<path d="M6.7,7.8L14.5,0l2.2,2.2L8.9,10l-3.3,1.1L6.7,7.8z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg
new file mode 100644
index 0000000..59d9d90
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-webaudio.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="16px" height="16px" viewBox="-6.167 -16.135 100 100" enable-background="new -6.167 -16.135 100 100" xml:space="preserve">
+ <path fill="none" stroke="#edf0f1" stroke-width="8" stroke-linecap="round" stroke-miterlimit="10" d="M86.666,33.864 c-0.797,5.297-3.467,32.799-10.518,32.866c-7.086,0.066-9.973-27.596-10.9-32.866C64.322,28.597,61.436,0.933,54.35,1 c-7.105,0.068-9.644,27.561-10.517,32.864c-0.874,5.305-3.412,32.799-10.517,32.866c-7.087,0.066-9.974-27.596-10.899-32.866 C21.49,28.597,18.604,0.933,11.517,1C4.466,1.067,1.796,28.569,1,33.864"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg b/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg
new file mode 100644
index 0000000..0739e82
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tool-webconsole.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 16 16">
+<path fill="#edf0f1" fill-rule="evenodd" d="M2,2h5.4l6.5,6.5L7.4,15H2l6.5-6.5L2,2z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png
new file mode 100644
index 0000000..751fbc3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png
new file mode 100644
index 0000000..e4db35e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-dark@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png
new file mode 100644
index 0000000..298ced1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png
new file mode 100644
index 0000000..7dec134
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-horizontal-light@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png
new file mode 100644
index 0000000..dfd5354
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png
new file mode 100644
index 0000000..721bb0d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-dark@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png
new file mode 100644
index 0000000..5a57fc3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png
new file mode 100644
index 0000000..c2b95c4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tooltip/arrow-vertical-light@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png
new file mode 100644
index 0000000..8229dd7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tracer-icon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png b/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png
new file mode 100644
index 0000000..de0ded4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/tracer-icon@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/undock@2x.png b/arc-firefox-theme/chrome/browser/devtools/undock@2x.png
new file mode 100644
index 0000000..137d6df
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/undock@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete.png
new file mode 100644
index 0000000..db4b062
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-delete.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png
new file mode 100644
index 0000000..ae6fbb2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-delete@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit.png
new file mode 100644
index 0000000..f575032
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-edit.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png
new file mode 100644
index 0000000..a34c8ed
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-edit@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock.png
new file mode 100644
index 0000000..b68cc5e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-lock.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png
new file mode 100644
index 0000000..5d7640b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-lock@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png
new file mode 100644
index 0000000..ee1d7a5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png
new file mode 100644
index 0000000..2b09f01
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/vview-open-inspector@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css b/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css
new file mode 100644
index 0000000..11439a6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/webaudioeditor.css
@@ -0,0 +1,257 @@
+/* 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/. */
+
+/* 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/. */
+
+/* Reload and waiting notices */
+.notice-container {
+ margin-top: -50vh;
+ background-color: var(--theme-toolbar-background);
+ color: var(--theme-body-color-alt);
+}
+
+#reload-notice {
+ font-size: 120%;
+}
+
+#waiting-notice {
+ font-size: 110%;
+}
+
+/* Context Graph */
+svg {
+ overflow: hidden;
+ -moz-box-flex: 1;
+}
+
+/* Edges in graph */
+.edgePath path {
+ stroke-width: 1px;
+ fill: none;
+}
+
+.theme-dark .edgePath path {
+ stroke: #b6babf; /* Grey foreground text */
+}
+.theme-light .edgePath path {
+ stroke: #aaaaaa; /* Splitters */
+}
+
+/* AudioParam connection edges */
+g.edgePath.param-connection {
+ stroke-dasharray: 5,5;
+}
+
+.theme-dark .edgePath.param-connection path {
+ stroke: #b6babf; /* Grey foreground text */
+}
+.theme-light .edgePath.param-connection path {
+ stroke: #aaaaaa; /* Splitters */
+}
+
+/* Labels in AudioParam connection should have background that match
+ * the main background so there's whitespace around the label, on top of the
+ * dotted lines. */
+.theme-dark g.edgeLabel rect {
+ fill: #14171a;
+}
+.theme-light g.edgeLabel rect {
+ fill: #fcfcfc; /* Background - Editor */
+}
+.theme-dark g.edgeLabel tspan {
+ fill: var(--theme-body-color-alt);
+}
+.theme-light g.edgeLabel tspan {
+ fill: #585959; /* Grey foreground text */
+}
+
+/* Audio Nodes */
+.nodes rect {
+ stroke-width: 1px;
+ cursor: pointer;
+}
+
+.nodes rect {
+ stroke: var(--theme-tab-toolbar-background);
+}
+.theme-light rect {
+ fill: var(--theme-tab-toolbar-background);
+}
+.theme-dark rect {
+ fill: var(--theme-toolbar-background);
+}
+
+/**
+ * Bypassed Nodes
+ */
+
+.theme-light .nodes g.bypassed rect {
+ fill: url(chrome://browser/skin/devtools/filters.svg#bypass-light);
+}
+.theme-dark .nodes g.bypassed rect {
+ fill: url(chrome://browser/skin/devtools/filters.svg#bypass-dark);
+}
+.nodes g.bypassed.selected rect {
+ stroke: var(--theme-selection-background);
+}
+
+/*
+.nodes g.bypassed text {
+ opacity: 0.8;
+}
+*/
+
+/**
+ * Selected Nodes
+ */
+.nodes g.selected rect {
+ fill: var(--theme-selection-background);
+}
+
+/* Don't style bypassed nodes text different because it'd be illegible in light-theme */
+.theme-light g.selected:not(.bypassed) text {
+ fill: var(--theme-toolbar-background);
+}
+
+
+/* Text in nodes and edges */
+text {
+ cursor: default; /* override the "text" cursor */
+ font-weight: 300;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
+ font-size: 14px;
+}
+
+text {
+ fill: var(--theme-body-color-alt);
+}
+
+
+.nodes text {
+ cursor: pointer;
+}
+
+/**
+ * Inspector Styles
+ */
+
+/* hide the variables view scope title as its redundant,
+ * because there's only one scope displayed. */
+.variables-view-scope > .title {
+ display: none;
+}
+
+#web-audio-inspector-title {
+ margin: 6px;
+}
+
+.web-audio-inspector .error {
+ background-image: url(alerticon-warning.png);
+ background-size: 13px 12px;
+ -moz-appearance: none;
+ opacity: 0;
+ transition: opacity .5s ease-out 0s;
+}
+
+#inspector-pane-toggle {
+ background: none;
+ box-shadow: none;
+ border: none;
+ list-style-image: url(debugger-collapse.png);
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+#inspector-pane-toggle > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#inspector-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand.png);
+}
+
+#inspector-pane-toggle:active {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+/**
+ * Automation Styles
+ */
+
+#automation-param-toolbar .automation-param-button[selected] {
+ color: var(--theme-selection-color);
+ background-color: var(--theme-selection-background);
+}
+
+#automation-graph {
+ overflow: hidden;
+ -moz-box-flex: 1;
+}
+
+@media (min-resolution: 1.25dppx) {
+ #inspector-pane-toggle {
+ list-style-image: url(debugger-collapse@2x.png);
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ #inspector-pane-toggle[pane-collapsed] {
+ list-style-image: url(debugger-expand@2x.png);
+ }
+
+ #inspector-pane-toggle:active {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+
+ .web-audio-inspector .error {
+ background-image: url(alerticon-warning@2x.png);
+ }
+}
+
+/**
+ * Inspector toolbar
+ */
+
+#audio-node-toolbar .bypass {
+ list-style-image: url(power.svg);
+}
+
+#audio-node-toolbar toolbarbutton[disabled] {
+ opacity: 0.5;
+ background-color: transparent;
+}
+
+.theme-dark #audio-node-toolbar toolbarbutton[checked] {
+ background-color: #1d4f73; /* Select Highlight Blue */
+}
+.theme-light #audio-node-toolbar toolbarbutton[checked] {
+ background-color: #4c9ed9; /* Select Highlight Blue */
+}
+
+/* don't invert checked buttons so we can have white icons on light theme */
+#audio-node-toolbar toolbarbutton[checked] > .toolbarbutton-icon {
+ filter: none;
+}
+
+
+/**
+ * Responsive Styles
+ * `.devtools-responsive-container` takes care of most of
+ * the changing of host types.
+ */
+@media (max-width: 700px) {
+ /**
+ * Override the inspector toggle so it's always open
+ * in the portrait view, with the toggle button hidden.
+ */
+ #inspector-pane-toggle {
+ display: none;
+ }
+
+ #web-audio-inspector {
+ margin-left: 0px !important;
+ margin-right: 0px !important;
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.css b/arc-firefox-theme/chrome/browser/devtools/webconsole.css
new file mode 100644
index 0000000..7b89259
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/webconsole.css
@@ -0,0 +1,592 @@
+/* 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/. */
+
+/* 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/. */
+
+/* General output styles */
+
+a {
+ -moz-user-focus: normal;
+ -moz-user-input: enabled;
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+/* Workaround for Bug 575675 - FindChildWithRules aRelevantLinkVisited
+ * assertion when loading HTML page with links in XUL iframe */
+*:visited { }
+
+.message {
+ display: flex;
+ flex: none;
+ padding: 0 7px;
+ width: 100%;
+ box-sizing: border-box;
+}
+
+.message > .timestamp {
+ flex: none;
+ color: GrayText;
+ margin: 4px 6px 0 0;
+}
+
+.message > .indent {
+ flex: none;
+}
+
+.message > .icon {
+ flex: none;
+ margin: 3px 6px 0 0;
+ padding: 0 4px;
+ height: 1em;
+ align-self: flex-start;
+}
+
+.message > .icon::before {
+ content: "";
+ background-image: url(chrome://browser/skin/devtools/webconsole.png);
+ background-position: 8px 8px;
+ background-repeat: no-repeat;
+ background-size: 48px 40px;
+ width: 8px;
+ height: 8px;
+ display: inline-block;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .message > .icon::before {
+ background-image: url(chrome://browser/skin/devtools/webconsole@2x.png);
+ }
+}
+
+.message > .message-body-wrapper {
+ flex: 1 1 100%;
+ margin: 3px;
+}
+
+.message-body-wrapper .table-widget-body {
+ overflow: visible;
+}
+
+/* The red bubble that shows the number of times a message is repeated */
+.message-repeats {
+ -moz-user-select: none;
+ flex: none;
+ margin: 2px 6px;
+ padding: 0 6px;
+ height: 1.25em;
+ color: white;
+ background-color: red;
+ border-radius: 40px;
+ font: message-box;
+ font-size: 0.9em;
+ font-weight: 600;
+}
+
+.message-repeats[value="1"] {
+ display: none;
+}
+
+.message-location {
+ display: flex;
+ flex: none;
+ align-self: flex-start;
+ justify-content: flex-end;
+ width: 10em;
+ margin-top: 3px;
+ color: -moz-nativehyperlinktext;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+.message-location:hover,
+.message-location:focus {
+ text-decoration: underline;
+}
+
+.message-location > .filename {
+ text-overflow: ellipsis;
+ text-align: end;
+ overflow: hidden;
+}
+
+.message-location > .line-number {
+ flex: none;
+}
+
+.message-flex-body {
+ display: flex;
+}
+
+.message-body > * {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+.message-flex-body > .message-body {
+ display: block;
+ flex: 1 1 auto;
+ vertical-align: middle;
+}
+
+.message-flex-body > .message-location {
+ margin-top: 0;
+}
+
+.jsterm-input-container {
+ border-top-width: 1px;
+ border-top-style: solid;
+}
+
+#output-wrapper {
+ direction: ltr;
+ overflow: auto;
+}
+
+#output-container {
+ -moz-user-select: text;
+ -moz-box-flex: 1;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+#output-container.hideTimestamps > .message {
+ -moz-padding-start: 0;
+ -moz-margin-start: 7px;
+ width: calc(100% - 7px);
+}
+
+#output-container.hideTimestamps > .message > .timestamp {
+ display: none;
+}
+
+#output-container.hideTimestamps > .message > .indent {
+ background-color: var(--theme-body-background);
+}
+
+.filtered-by-type,
+.filtered-by-string {
+ display: none;
+}
+
+.hidden-message {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ overflow: hidden;
+}
+
+/* WebConsole colored drops */
+
+.webconsole-filter-button {
+ -moz-user-focus: normal;
+}
+
+.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
+ content: "";
+ display: inline-block;
+ height: 8px;
+ width: 8px;
+ border-radius: 50%;
+ margin-left: 5px;
+ border-width: 1px;
+ border-style: solid;
+}
+
+/* Network styles */
+.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
+ background-image: linear-gradient(#444444, #000000);
+ border-color: #777;
+}
+
+.message:hover {
+ background-color: var(--theme-selection-background-semitransparent) !important;
+}
+
+.theme-light .message[severity=error] {
+ background-color: rgba(255, 150, 150, 0.3);
+}
+
+.theme-dark .message[severity=error] {
+ background-color: rgba(235, 83, 104, 0.17);
+}
+
+.console-string {
+ color: var(--theme-highlight-lightorange);
+}
+
+.theme-selected .console-string,
+.theme-selected .cm-number,
+.theme-selected .cm-variable,
+.theme-selected .kind-ArrayLike {
+ color: #f5f7fa !important; /* Selection Text Color */
+}
+
+.message[category=network] > .indent {
+ -moz-border-end: solid #000 6px;
+}
+
+.message[category=network][severity=error] > .icon::before {
+ background-position: -8px 0;
+}
+
+.message[category=network] > .message-body {
+ display: flex;
+}
+
+.message[category=network] .method {
+ flex: none;
+}
+
+.message[category=network]:not(.navigation-marker) .url {
+ flex: 1 1 auto;
+ /* Make sure the URL is very small initially, let flex change width as needed. */
+ width: 100px;
+ min-width: 5em;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.message[category=network] .status {
+ flex: none;
+ -moz-margin-start: 6px;
+}
+
+.message[category=network].mixed-content .url {
+ color: #FF0000;
+}
+
+.message .learn-more-link {
+ color: -moz-nativehyperlinktext;
+ margin: 0 6px;
+}
+
+.message[category=network] .xhr {
+ background-color: var(--theme-body-color-alt);
+ color: var(--theme-body-background);
+ border-radius: 3px;
+ font-weight: bold;
+ font-size: 10px;
+ padding: 2px;
+ line-height: 10px;
+ -moz-margin-end: 1ex;
+}
+
+/* CSS styles */
+.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
+ background-image: linear-gradient(#2DC3F3, #00B6F0);
+ border-color: #1BA2CC;
+}
+
+.message[category=cssparser] > .indent {
+ -moz-border-end: solid #00b6f0 6px;
+}
+
+.message[category=cssparser][severity=error] > .icon::before {
+ background-position: -8px -8px;
+}
+
+.message[category=cssparser][severity=warn] > .icon::before {
+ background-position: -16px -8px;
+}
+
+/* JS styles */
+.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
+ background-image: linear-gradient(#FCB142, #FB9500);
+ border-color: #E98A00;
+}
+
+.message[category=exception] > .indent {
+ -moz-border-end: solid #fb9500 6px;
+}
+
+.message[category=exception][severity=error] > .icon::before {
+ background-position: -8px -16px;
+}
+
+.message[category=exception][severity=warn] > .icon::before {
+ background-position: -16px -16px;
+}
+
+/* Web Developer styles */
+.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
+ background-image: linear-gradient(#B9B9B9, #AAAAAA);
+ border-color: #929292;
+}
+
+.message[category=console] > .indent {
+ -moz-border-end: solid #cbcbcb 6px;
+}
+
+.message[category=console][severity=error] > .icon::before,
+.message[category=output][severity=error] > .icon::before {
+ background-position: -8px -24px;
+}
+
+.message[category=console][severity=warn] > .icon::before {
+ background-position: -16px -24px;
+}
+
+.message[category=console][severity=info] > .icon::before {
+ background-position: -24px -24px;
+}
+
+/* Input and output styles */
+.message[category=input] > .indent,
+.message[category=output] > .indent {
+ -moz-border-end: solid #808080 6px;
+}
+
+.message[category=input] > .icon::before {
+ background-position: -32px -24px;
+}
+
+.message[category=output] > .icon::before {
+ background-position: -40px -24px;
+}
+
+/* JSTerm Styles */
+.jsterm-input-node,
+.jsterm-complete-node {
+ border: none;
+ padding: 0 0 0 16px;
+ -moz-appearance: none;
+ background-color: transparent;
+}
+
+.jsterm-input-node {
+ background-image: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
+ background-repeat: no-repeat;
+ background-size: 16px 16px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .jsterm-input-node {
+ background-image: -moz-image-rect(url('chrome://browser/skin/devtools/commandline-icon@2x.png'), 0, 64, 32, 32);
+ }
+}
+
+:-moz-any(.jsterm-input-node,
+ .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
+ overflow-x: hidden;
+}
+
+.inlined-variables-view .message-body {
+ display: flex;
+ flex-direction: column;
+ resize: vertical;
+ overflow: auto;
+ min-height: 200px;
+}
+.inlined-variables-view iframe {
+ display: block;
+ flex: 1;
+ margin-top: 5px;
+ margin-bottom: 15px;
+ -moz-margin-end: 15px;
+ border: 1px solid rgba(128, 128, 128, .5);
+ border-radius: 3px;
+}
+
+#webconsole-sidebar > tabs {
+ height: 0;
+ border: none;
+}
+
+.devtools-side-splitter ~ #webconsole-sidebar[hidden] {
+ display: none;
+}
+
+/* Security styles */
+
+.message[category=security] > .indent {
+ -moz-border-end: solid red 6px;
+}
+
+.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
+ background-image: linear-gradient(#FF3030, #FF7D7D);
+ border-color: #D12C2C;
+}
+
+.message[category=security][severity=error] > .icon::before {
+ background-position: -8px -32px;
+}
+
+.message[category=security][severity=warn] > .icon::before {
+ background-position: -16px -32px;
+}
+
+.navigation-marker {
+ color: #aaa;
+ background: linear-gradient(#aaa, #aaa) no-repeat left 50%;
+ background-size: 100% 2px;
+ margin-top: 6px;
+ margin-bottom: 6px;
+ font-size: 0.9em;
+}
+
+.navigation-marker .url {
+ -moz-padding-end: 9px;
+ text-decoration: none;
+}
+
+.stacktrace {
+ display: none;
+ list-style: none;
+ padding: 0 1em 0 1.5em;
+ margin: 5px 0 0 0;
+ max-height: 10em;
+ overflow-y: auto;
+ border: 1px solid rgb(200,200,200);
+ border-radius: 3px;
+}
+
+.consoletable {
+ margin: 5px 0 0 0;
+}
+
+.theme-light .message[severity=error] .stacktrace {
+ background-color: rgba(255, 255, 255, 0.5);
+}
+
+.theme-dark .message[severity=error] .stacktrace {
+ background-color: rgba(0, 0, 0, 0.5);
+}
+
+.message[open] .stacktrace {
+ display: block;
+}
+
+.message .theme-twisty {
+ display: inline-block;
+ vertical-align: middle;
+ margin: 0 3px 0 0;
+}
+
+.stacktrace li {
+ display: flex;
+ margin: 0;
+}
+
+.stacktrace .function {
+ display: block;
+ flex: 1 1 auto;
+}
+
+.cm-s-mozilla a[class] {
+ font-style: italic;
+ text-decoration: none;
+}
+
+.cm-s-mozilla a[class]:hover,
+.cm-s-mozilla a[class]:focus {
+ text-decoration: underline;
+}
+
+/* Open DOMNode in inspector button */
+.open-inspector {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png") no-repeat 0 0;
+ padding-left: 16px;
+ margin-left: 5px;
+ cursor: pointer;
+}
+
+.elementNode:hover .open-inspector,
+.open-inspector:hover {
+ background-position: -32px 0;
+}
+
+.open-inspector:active {
+ background-position: -16px 0;
+}
+
+.jsterm-input-container {
+ background-color: var(--theme-tab-toolbar-background);
+ border-color: var(--theme-body-background);
+}
+
+.jsterm-input-node {
+ color: var(--theme-content-color1);
+}
+
+.jsterm-complete-node {
+ color: var(--theme-comment);
+}
+
+.navigation-marker .url {
+ background: var(--theme-body-background);
+}
+
+.theme-dark .inlined-variables-view iframe {
+ border-color: #333;
+}
+
+.theme-dark .stacktrace {
+ border-color: #333;
+}
+
+.theme-light .jsterm-input-container {
+ /* For light theme use a white background for the input - it looks better
+ than off-white */
+ background-color: #fff;
+ border-color: ThreeDShadow;
+}
+.theme-light .navigation-marker .url {
+ background: #fff;
+}
+
+.theme-light .inlined-variables-view iframe {
+ border-color: #ccc;
+}
+
+.theme-light .stacktrace {
+ border-color: #ccc;
+}
+
+@media (max-width: 500px) {
+ .message > .timestamp {
+ display: none;
+ }
+ .hud-console-filter-toolbar .webconsole-filter-button .toolbarbutton-text {
+ display: none;
+ }
+ .hud-console-filter-toolbar .webconsole-filter-button {
+ min-width: 40px;
+ }
+ .hud-console-filter-toolbar .webconsole-clear-console-button {
+ min-width: 25px;
+ }
+ .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
+ width: 12px;
+ height: 12px;
+ margin-left: 1px;
+ }
+ .toolbarbutton-menubutton-dropmarker {
+ margin: 0px;
+ }
+}
+
+@media (max-width: 300px) {
+ .hud-console-filter-toolbar {
+ -moz-box-orient: vertical;
+ }
+ .toolbarbutton-text {
+ display: -moz-box;
+ }
+ .devtools-toolbarbutton {
+ margin-top: 3px;
+ }
+ .hud-console-filter-toolbar .hud-filter-box,
+ .hud-console-filter-toolbar .devtools-toolbarbutton {
+ margin-top: 5px;
+ }
+}
+
+.jsterm-input-node {
+ width: 98%;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole.png b/arc-firefox-theme/chrome/browser/devtools/webconsole.png
new file mode 100644
index 0000000..8aee790
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/webconsole.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png b/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png
new file mode 100644
index 0000000..2d5e97f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/webconsole@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css b/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css
new file mode 100644
index 0000000..3803fe3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/webconsole_networkpanel.css
@@ -0,0 +1,99 @@
+/* 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/. */
+
+body {
+ font-family: sans-serif;
+ font-size: 11px;
+ background: #EEE;
+ color: #000;
+}
+
+#header {
+ padding: 5px;
+ overflow-x:auto;
+ display: block;
+}
+
+h1 {
+ font-size: 13px;
+ line-height: 15px;
+ padding: 3px 10px;
+ vertical-align: bottom;
+ margin: 0px;
+ background: linear-gradient(#BBB, #999);
+ border-radius: 2px;
+ text-shadow: #FFF 0px 1px 0px;
+}
+
+h1 .info {
+ font-size: 11px;
+ line-height: 15px;
+ vertical-align: bottom;
+ float: right;
+ color: #333;
+ padding-right: 3px;
+}
+
+.property-table {
+ padding: 2px 5px;
+ background: linear-gradient(#FFF, #F8F8F8);
+ color: #333;
+ width: 100%;
+ max-height: 330px;
+ overflow: auto;
+ display: block;
+}
+
+.property-name {
+ font-size: 11px;
+ font-weight: bold;
+ color: #000;
+ white-space: nowrap;
+ text-align: end;
+ vertical-align: top;
+ width: 10%;
+}
+
+.property-value {
+ padding-right: 5px;
+ font-size: 11px;
+ word-wrap: break-word;
+ width: 90%;
+}
+
+div.group {
+ margin-top: 10px;
+}
+
+div.group,
+#header {
+ background: #FFF;
+ border-color: #E1E1E1;
+ border-style: solid;
+ border-width: 1px;
+ box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.2);
+ border-radius: 4px 4px 4px 4px;
+}
+
+img#responseImageNode {
+ box-shadow: rgba(0,0,0,0.2) 0px 3px 3.5px;
+ max-width: 100%;
+}
+
+#responseImageNodeDiv {
+ padding: 5px;
+}
+
+#responseBodyFetchLink, #requestBodyFetchLink {
+ padding: 5px;
+ margin: 0;
+ cursor: pointer;
+ font-weight: bold;
+ font-size: 1.1em;
+ text-decoration: underline;
+}
+
+.longStringEllipsis {
+ margin-left: 0.6em;
+}
diff --git a/arc-firefox-theme/chrome/browser/devtools/widgets.css b/arc-firefox-theme/chrome/browser/devtools/widgets.css
new file mode 100644
index 0000000..0ef2f9f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/devtools/widgets.css
@@ -0,0 +1,1643 @@
+/* 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/. */
+
+/* vim:set ts=2 sw=2 sts=2 et: */
+/* 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/. */
+
+
+/* Generic pane helpers */
+
+.generic-toggled-side-pane {
+ -moz-margin-start: 0 !important;
+ /* Unfortunately, transitions don't work properly with locale-aware properties,
+ so both the left and right margins are set via js, while the start margin
+ is always overridden here. */
+}
+
+.generic-toggled-side-pane[animated] {
+ transition: margin 0.25s ease-in-out;
+}
+
+/* Responsive container */
+
+.devtools-responsive-container {
+ -moz-box-orient: horizontal;
+}
+
+.devtools-main-content {
+ min-width: 50px;
+}
+
+.devtools-main-content,
+.devtools-sidebar-tabs {
+ /* Prevent some children that should be hidden from remaining visible as this is shrunk (Bug 971959) */
+ position: relative;
+}
+
+@media (max-width: 700px) {
+ .devtools-responsive-container {
+ -moz-box-orient: vertical;
+ }
+
+ .devtools-responsive-container > .devtools-side-splitter {
+ /* This is a normally vertical splitter, but we have turned it horizontal
+ due to the smaller resolution */
+ min-height: 3px;
+ height: 3px;
+ margin-top: -3px;
+
+ /* Reset the vertical splitter styles */
+ border-width: 0;
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ -moz-margin-start: 0;
+ width: auto;
+ min-width: 0;
+
+ /* In some edge case the cursor is not changed to n-resize */
+ cursor: n-resize;
+ }
+
+ .devtools-responsive-container > .devtools-sidebar-tabs {
+ min-height: 35vh;
+ max-height: 75vh;
+ }
+}
+
+/* BreacrumbsWidget */
+
+.breadcrumbs-widget-container {
+ -moz-margin-end: 3px;
+ max-height: 24px; /* Set max-height for proper sizing on linux */
+ height: 24px; /* Set height to prevent starting small waiting for content */
+}
+
+.scrollbutton-up,
+.scrollbutton-down {
+ -moz-appearance: none;
+ background: transparent;
+ box-shadow: none;
+ border: none;
+ list-style-image: none;
+ margin: 0;
+ padding: 0;
+}
+
+.scrollbutton-up > .toolbarbutton-icon,
+.scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none;
+ width: 7px;
+ height: 16px;
+ background-size: 14px 16px;
+ background-position: 0 center;
+ background-repeat: no-repeat;
+ background-image: url("breadcrumbs-scrollbutton.png");
+ list-style-image: none;
+ margin: 0 8px;
+ padding: 0;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .scrollbutton-up > .toolbarbutton-icon,
+ .scrollbutton-down > .toolbarbutton-icon {
+ background-image: url("breadcrumbs-scrollbutton@2x.png");
+ }
+}
+
+.scrollbutton-up:not([disabled]):active:hover > .toolbarbutton-icon,
+.scrollbutton-down:not([disabled]):active:hover > .toolbarbutton-icon {
+ background-position: -7px center;
+}
+
+.scrollbutton-up[disabled] > .toolbarbutton-icon,
+.scrollbutton-down[disabled] > .toolbarbutton-icon {
+ opacity: 0.5;
+}
+
+/* Draw shadows to indicate there is more content 'behind' scrollbuttons. */
+.scrollbutton-up:-moz-locale-dir(ltr),
+.scrollbutton-down:-moz-locale-dir(rtl) {
+ border-right: solid 1px rgba(255, 255, 255, .1);
+ border-left: solid 1px transparent;
+ box-shadow: 3px 0px 3px -3px var(--theme-sidebar-background);
+}
+
+.scrollbutton-down:-moz-locale-dir(ltr),
+.scrollbutton-up:-moz-locale-dir(rtl) {
+ border-right: solid 1px transparent;
+ border-left: solid 1px rgba(255, 255, 255, .1);
+ box-shadow: -3px 0px 3px -3px var(--theme-sidebar-background);
+}
+
+.scrollbutton-up[disabled],
+.scrollbutton-down[disabled] {
+ box-shadow: none;
+ border-color: transparent;
+}
+
+.scrollbutton-up > .toolbarbutton-icon:-moz-locale-dir(rtl),
+.scrollbutton-down > .toolbarbutton-icon:-moz-locale-dir(ltr) {
+ transform: scaleX(-1);
+}
+
+/* The breadcrumb separator elements are used as background images with
+ * -moz-element, so we position them offscreen since we don't care about
+ * seeing the original elements.
+ */
+.breadcrumb-separator-container {
+ position: fixed;
+ top: -1000px;
+ left: -1000px;
+}
+
+#breadcrumb-separator-before,
+#breadcrumb-separator-after,
+#breadcrumb-separator-normal {
+ width: 12px;
+ height: 24px;
+ overflow: hidden;
+}
+
+#breadcrumb-separator-before,
+#breadcrumb-separator-after:after {
+ background: var(--theme-selection-background);
+}
+
+#breadcrumb-separator-after,
+#breadcrumb-separator-before:after {
+ background: var(--theme-toolbar-background);
+}
+
+/* This chevron arrow cannot be replicated easily in CSS, so we are using
+ * a background image for it (still keeping it in a separate element so
+ * we can handle RTL support with a CSS transform).
+ */
+#breadcrumb-separator-normal {
+ background: url(breadcrumbs-divider@2x.png) no-repeat center right;
+ background-size: 12px 24px;
+}
+
+/* Fake a triangle by rotating a rectangle inside the elements */
+#breadcrumb-separator-before:after,
+#breadcrumb-separator-after:after {
+ content: "";
+ display: block;
+ width: 25px;
+ height: 24px;
+ transform: translateX(-18px) rotate(45deg);
+ -moz-box-sizing: border-box;
+}
+
+.breadcrumbs-widget-item {
+ background-color: transparent;
+ -moz-appearance: none;
+ min-height: 24px;
+ min-width: 65px;
+ margin: 0;
+ padding: 0 8px 0 20px;
+ border: none;
+ outline: none;
+ color: hsl(210,30%,85%);
+}
+
+.breadcrumbs-widget-item > .button-box {
+ border: none;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.breadcrumbs-widget-item:not([checked]) {
+ background: -moz-element(#breadcrumb-separator-normal) no-repeat center left;
+}
+
+.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item {
+ background: -moz-element(#breadcrumb-separator-after) no-repeat 0 0;
+}
+
+.breadcrumbs-widget-item[checked] {
+ background: -moz-element(#breadcrumb-separator-before) no-repeat 0 0;
+}
+
+.breadcrumbs-widget-item[checked] {
+ background-color: var(--theme-selection-background);
+}
+
+.breadcrumbs-widget-item:first-child {
+ background-image: none;
+}
+
+/* RTL support: move the images that were on the left to the right,
+ * and move images that were on the right to the left.
+ */
+.breadcrumbs-widget-item:-moz-locale-dir(rtl) {
+ padding: 0 20px 0 8px;
+}
+
+.breadcrumbs-widget-item:-moz-locale-dir(rtl),
+.breadcrumbs-widget-item[checked] + .breadcrumbs-widget-item:-moz-locale-dir(rtl) {
+ background-position: center right;
+}
+
+#breadcrumb-separator-before:-moz-locale-dir(rtl),
+#breadcrumb-separator-after:-moz-locale-dir(rtl),
+#breadcrumb-separator-normal:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+#breadcrumb-separator-before:-moz-locale-dir(rtl):after,
+#breadcrumb-separator-after:-moz-locale-dir(rtl):after {
+ transform: translateX(-5px) rotate(45deg);
+}
+
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-id,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-tag,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-pseudo-classes,
+.breadcrumbs-widget-item[checked] .breadcrumbs-widget-item-classes {
+ color: var(--theme-selection-color);
+}
+
+.theme-dark .breadcrumbs-widget-item {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .breadcrumbs-widget-item {
+ color: var(--theme-body-color);
+}
+
+.breadcrumbs-widget-item-id {
+ color: var(--theme-body-color-alt);
+}
+
+.breadcrumbs-widget-item-classes {
+ color: var(--theme-content-color1);
+}
+
+.breadcrumbs-widget-item-pseudo-classes {
+ color: var(--theme-highlight-lightorange);
+}
+
+.theme-dark .breadcrumbs-widget-item:not([checked]):hover label {
+ color: white;
+}
+
+.theme-light .breadcrumbs-widget-item:not([checked]):hover label {
+ color: black;
+}
+
+/* SimpleListWidget */
+
+.simple-list-widget-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+.simple-list-widget-item.selected {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.theme-dark .simple-list-widget-item:not(.selected):hover {
+ background-color: rgba(255,255,255,.05);
+}
+
+.theme-light .simple-list-widget-item:not(.selected):hover {
+ background-color: rgba(0,0,0,.05);
+}
+
+.simple-list-widget-empty-text,
+.simple-list-widget-perma-text {
+ padding: 4px 8px;
+}
+
+.simple-list-widget-empty-text,
+.simple-list-widget-perma-text {
+ color: var(--theme-body-color-alt);
+}
+
+/* FastListWidget */
+
+.fast-list-widget-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+.fast-list-widget-empty-text {
+ padding: 4px 8px;
+}
+
+.fast-list-widget-empty-text {
+ color: var(--theme-body-color-alt);
+}
+
+/* SideMenuWidget */
+
+.side-menu-widget-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+/* SideMenuWidget container */
+
+.theme-dark .side-menu-widget-container:-moz-locale-dir(ltr),
+.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(ltr) {
+ box-shadow: inset -1px 0 0 #000;
+}
+
+.theme-dark .side-menu-widget-container:-moz-locale-dir(rtl),
+.theme-dark .side-menu-widget-empty-text:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #000;
+}
+
+.side-menu-widget-container:-moz-locale-dir(ltr),
+.side-menu-widget-empty-text:-moz-locale-dir(ltr) {
+ box-shadow: inset -1px 0 0 #aaa;
+}
+
+.side-menu-widget-container:-moz-locale-dir(rtl),
+.side-menu-widget-empty-text:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #aaa;
+}
+
+.side-menu-widget-group {
+ /* To allow visibility of the dark margin shadow. */
+ -moz-margin-end: 1px;
+}
+
+.side-menu-widget-container[with-arrows=true] .side-menu-widget-item {
+ /* To compensate for the arrow image's dark margin. */
+ -moz-margin-end: -1px;
+}
+
+/* SideMenuWidget groups */
+
+.side-menu-widget-group-title {
+ padding: 4px;
+ background-color: var(--theme-tab-toolbar-background);
+}
+
+.theme-dark .side-menu-widget-group-title {
+ color: var(--theme-content-color1);
+}
+
+.theme-light .side-menu-widget-group-title {
+ color: var(--theme-content-color3);
+}
+
+/* SideMenuWidget items */
+
+.side-menu-widget-item {
+ /* To compensate for the top and bottom borders */
+ margin-top: -1px;
+ margin-bottom: -1px;
+ background-clip: padding-box;
+}
+
+.theme-dark .side-menu-widget-item {
+ border-top: 1px solid rgba(0,0,0,0.2);
+ border-bottom: 1px solid rgba(128,128,128,0.15);
+ color: var(--theme-selection-color);
+}
+
+.theme-dark .side-menu-widget-item:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
+}
+
+.theme-light .side-menu-widget-item {
+ border-top: 1px solid rgba(128,128,128,0.15);
+ border-bottom: 1px solid transparent;
+ color: var(--theme-body-color);
+}
+
+.theme-light .side-menu-widget-item:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15);
+}
+
+.side-menu-widget-item.selected {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.side-menu-widget-item-arrow {
+ -moz-margin-start: -7px;
+ width: 7px; /* The image's width is 7 pixels */
+ /* Cover the border of the side-menu-widget-item */
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
+.side-menu-widget-item.selected > .side-menu-widget-item-arrow {
+ background-size: auto, 1px 100%;
+ background-repeat: no-repeat;
+}
+
+.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+ background-position: center right, top right;
+}
+
+.side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+ background-position: center left, top left;
+}
+
+.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+ background-image: url(itemArrow-dark-ltr.svg), linear-gradient(to right, #000, #000);
+}
+
+.theme-dark .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+ background-image: url(itemArrow-dark-rtl.svg), linear-gradient(to right, #000, #000);
+}
+
+.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(ltr) {
+ background-image: url(itemArrow-ltr.svg), linear-gradient(to right, #aaa, #aaa);
+}
+
+.theme-light .side-menu-widget-item.selected > .side-menu-widget-item-arrow:-moz-locale-dir(rtl) {
+ background-image: url(itemArrow-rtl.svg), linear-gradient(to right, #aaa, #aaa);
+}
+
+/* SideMenuWidget items contents */
+
+.side-menu-widget-item-contents {
+ padding: 4px;
+ /* To avoid having content overlapping the arrow image. */
+ -moz-padding-end: 8px;
+}
+
+.side-menu-widget-item-other {
+ /* To avoid having content overlapping the arrow image. */
+ -moz-padding-end: 8px;
+ /* To compensate for the .side-menu-widget-item-contents padding. */
+ -moz-margin-start: -4px;
+ -moz-margin-end: -8px;
+}
+
+.side-menu-widget-item-other:first-of-type {
+ margin-top: 4px;
+}
+
+.side-menu-widget-item-other:last-of-type {
+ margin-bottom: -4px;
+}
+
+.theme-dark .side-menu-widget-item-other {
+ background-color: rgba(0,0,0,.1);
+}
+
+.theme-light .side-menu-widget-item-other {
+ background-color: rgba(128,128,128,.1);
+}
+
+.theme-dark .side-menu-widget-item.selected .side-menu-widget-item-other {
+ background-color: rgba(0,0,0,.2); /* Darken the selection by 20% */
+ color: var(--theme-selection-color);
+}
+
+.theme-light .side-menu-widget-item.selected .side-menu-widget-item-other {
+ background-color: rgba(255,255,255,.8); /* Lighten the selection by 20% */
+ color: var(--theme-body-color);
+}
+
+.side-menu-widget-item.selected .side-menu-widget-item-other.selected {
+ background-color: transparent;
+ color: var(--theme-selection-color);
+}
+
+/* SideMenuWidget checkboxes */
+
+.side-menu-widget-group-checkbox {
+ margin: 0;
+ -moz-margin-end: 4px;
+}
+
+.side-menu-widget-item-checkbox {
+ margin: 0;
+ -moz-margin-start: 4px;
+}
+
+/* SideMenuWidget misc */
+
+.theme-dark .side-menu-widget-container,
+.theme-dark .side-menu-widget-empty-text {
+ background-color: var(--theme-toolbar-background);
+}
+
+.side-menu-widget-empty-text {
+ padding: 4px 8px;
+}
+
+/* VariablesView */
+
+.variables-view-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+.variables-view-empty-notice {
+ padding: 2px;
+}
+
+.variables-view-empty-notice {
+ color: var(--theme-body-color-alt);
+}
+
+.variables-view-scope:focus > .title,
+.variable-or-property:focus > .title {
+ background-color: var(--theme-selection-background);
+ color: var(--theme-selection-color);
+}
+
+.variables-view-scope > .title {
+ border-top-width: 1px;
+ border-top-style: solid;
+ margin-top: -1px;
+}
+
+/* Generic variables traits */
+
+.variables-view-variable:not(:last-child) {
+ border-bottom: 1px solid rgba(128, 128, 128, .15);
+}
+
+.variables-view-variable > .title > .name {
+ font-weight: 600;
+}
+
+/* Generic variables *and* properties traits */
+
+.variable-or-property:focus > .title > label {
+ color: inherit !important;
+}
+
+.variables-view-container .theme-twisty {
+ margin: 2px;
+}
+
+.variable-or-property > .title > .theme-twisty {
+ -moz-margin-start: 5px;
+}
+
+.variable-or-property:not([untitled]) > .variables-view-element-details {
+ -moz-margin-start: 7px;
+}
+
+/* Traits applied when variables or properties are changed or overridden */
+
+.variable-or-property:not([overridden]) {
+ transition: background 1s ease-in-out;
+}
+
+.variable-or-property:not([overridden])[changed] {
+ transition-duration: .4s;
+}
+
+.variable-or-property[overridden] {
+ background: rgba(128,128,128,0.05);
+}
+
+.variable-or-property[overridden] .title > label {
+ /* Cross out the title for this variable and all child properties. */
+ font-style: italic;
+ text-decoration: line-through;
+ border-bottom: none !important;
+ color: rgba(128,128,128,0.9);
+ opacity: 0.7;
+}
+
+/* Traits applied when variables or properties are editable */
+
+.variable-or-property[editable] > .title > .value {
+ cursor: text;
+}
+
+.variable-or-property[overridden] .title > .value {
+ /* Disallow editing this variable and all child properties. */
+ pointer-events: none;
+}
+
+/* Custom configurable/enumerable/writable or frozen/sealed/extensible
+ * variables and properties */
+
+.variable-or-property[non-enumerable]:not([self]):not([pseudo-item]) > .title > .name {
+ opacity: 0.6;
+}
+
+.variable-or-property-non-writable-icon {
+ background: url("chrome://browser/skin/devtools/vview-lock.png") no-repeat;
+ background-size: cover;
+ width: 16px;
+ height: 16px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .variable-or-property-non-writable-icon {
+ background-image: url("chrome://browser/skin/devtools/vview-lock@2x.png");
+ }
+}
+
+.variable-or-property-frozen-label,
+.variable-or-property-sealed-label,
+.variable-or-property-non-extensible-label {
+ height: 16px;
+ -moz-padding-end: 4px;
+}
+
+.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
+.variable-or-property:not(:focus) > .title > .variable-or-property-sealed-label,
+.variable-or-property:not(:focus) > .title > .variable-or-property-non-extensible-label {
+ color: #666;
+}
+
+/* Aligned values */
+
+.variables-view-container[aligned-values] .title > .separator {
+ -moz-box-flex: 1;
+}
+
+.variables-view-container[aligned-values] .title > .value {
+ -moz-box-flex: 0;
+ width: 70vw;
+}
+
+.variables-view-container[aligned-values] .title > .element-value-input {
+ width: calc(70vw - 10px);
+}
+
+/* Actions first */
+
+.variables-view-open-inspector {
+ -moz-box-ordinal-group: 1;
+}
+
+.variables-view-edit,
+.variables-view-add-property {
+ -moz-box-ordinal-group: 2;
+}
+
+.variable-or-property-frozen-label,
+.variable-or-property-sealed-label,
+.variable-or-property-non-extensible-label,
+.variable-or-property-non-writable-icon {
+ -moz-box-ordinal-group: 3;
+}
+
+.variables-view-delete {
+ -moz-box-ordinal-group: 4;
+}
+
+.variables-view-container[actions-first] .variables-view-delete,
+.variables-view-container[actions-first] .variables-view-add-property,
+.variables-view-container[actions-first] .variables-view-open-inspector {
+ -moz-box-ordinal-group: 0;
+}
+
+.variables-view-container[actions-first] [invisible] {
+ visibility: hidden;
+}
+
+/* Variables and properties tooltips */
+
+.variable-or-property > tooltip > label {
+ margin: 0 2px 0 2px;
+}
+
+.variable-or-property[non-enumerable] > tooltip > label.enumerable,
+.variable-or-property[non-configurable] > tooltip > label.configurable,
+.variable-or-property[non-writable] > tooltip > label.writable,
+.variable-or-property[non-extensible] > tooltip > label.extensible {
+ color: #800;
+ text-decoration: line-through;
+}
+
+.variable-or-property[overridden] > tooltip > label.overridden {
+ -moz-padding-start: 4px;
+ -moz-border-start: 1px dotted #000;
+}
+
+.variable-or-property[safe-getter] > tooltip > label.WebIDL {
+ -moz-padding-start: 4px;
+ -moz-border-start: 1px dotted #000;
+ color: #080;
+}
+
+/* Variables and properties editing */
+
+.variables-view-delete {
+ background: url("chrome://browser/skin/devtools/vview-delete.png");
+ background-size: cover;
+ width: 16px;
+ height: 16px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .variables-view-delete {
+ background-image: url("chrome://browser/skin/devtools/vview-delete@2x.png");
+ }
+}
+
+.variables-view-delete:hover {
+ background-position: 16px;
+}
+
+.variables-view-delete:active {
+ background-position: 32px;
+}
+
+.variable-or-property:focus > .title > .variables-view-delete {
+ background-position: 0px;
+}
+
+.variables-view-edit {
+ background: url("chrome://browser/skin/devtools/vview-edit.png");
+ background-size: cover;
+ width: 16px;
+ height: 16px;
+ cursor: pointer;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .variables-view-edit {
+ background-image: url("chrome://browser/skin/devtools/vview-edit@2x.png");
+ }
+}
+
+.variables-view-edit:hover {
+ background-position: 16px;
+}
+
+.variables-view-edit:active {
+ background-position: 32px;
+}
+
+.variable-or-property:focus > .title > .variables-view-edit {
+ background-position: 0px;
+}
+
+.variables-view-open-inspector {
+ background: url("chrome://browser/skin/devtools/vview-open-inspector.png");
+ background-size: cover;
+ width: 16px;
+ height: 16px;
+ cursor: pointer;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .variables-view-open-inspector {
+ background-image: url("chrome://browser/skin/devtools/vview-open-inspector@2x.png");
+ }
+}
+
+.variables-view-open-inspector:hover {
+ background-position: 16px;
+}
+
+.variables-view-open-inspector:active {
+ background-position: 32px;
+}
+
+.variable-or-property:focus > .title > .variables-view-open-inspector {
+ background-position: 0px;
+}
+
+/* Variables and properties input boxes */
+
+.variable-or-property > .title > .separator + .element-value-input {
+ -moz-margin-start: -2px !important;
+ -moz-margin-end: 2px !important;
+}
+
+.variable-or-property > .title > .separator[hidden=true] + .element-value-input {
+ -moz-margin-start: 4px !important;
+ -moz-margin-end: 2px !important;
+}
+
+.element-name-input {
+ -moz-margin-start: -2px !important;
+ -moz-margin-end: 2px !important;
+ font-weight: 600;
+}
+
+.element-value-input,
+.element-name-input {
+ border: 1px solid rgba(128, 128, 128, .5) !important;
+ border-radius: 0;
+ color: inherit;
+}
+
+/* Variables and properties searching */
+
+.variable-or-property[unmatched] {
+ border: none;
+ margin: 0;
+}
+
+/* Canvas graphs */
+
+.graph-widget-container {
+ position: relative;
+}
+
+.graph-widget-canvas {
+ width: 100%;
+ height: 100%;
+}
+
+.graph-widget-canvas[input=hovering-background] {
+ cursor: text;
+}
+
+.graph-widget-canvas[input=hovering-region] {
+ cursor: pointer;
+}
+
+.graph-widget-canvas[input=hovering-selection-start-boundary],
+.graph-widget-canvas[input=hovering-selection-end-boundary],
+.graph-widget-canvas[input=adjusting-selection-boundary] {
+ cursor: col-resize;
+}
+
+.graph-widget-canvas[input=adjusting-view-area] {
+ cursor: grabbing;
+}
+
+.graph-widget-canvas[input=hovering-selection-contents] {
+ cursor: grab;
+}
+
+.graph-widget-canvas[input=dragging-selection-contents] {
+ cursor: grabbing;
+}
+
+/* Line graph widget */
+
+.line-graph-widget-gutter {
+ position: absolute;
+ width: 10px;
+ height: 100%;
+ top: 0;
+ left: 0;
+ pointer-events: none;
+ -moz-border-end: 1px solid;
+}
+
+.theme-light .line-graph-widget-gutter {
+ background: rgba(255,255,255,0.75);
+ -moz-border-end-color: rgba(255,255,255,0.25);
+}
+
+.theme-dark .line-graph-widget-gutter {
+ background: rgba(0,0,0,0.5);
+ -moz-border-end-color: rgba(0,0,0,0.25);
+}
+
+.line-graph-widget-gutter-line {
+ position: absolute;
+ width: 100%;
+ border-top: 1px solid;
+}
+
+.line-graph-widget-gutter-line[type=maximum] {
+ border-color: #2cbb0f;
+}
+
+.line-graph-widget-gutter-line[type=minimum] {
+ border-color: #ed2655;
+}
+
+.line-graph-widget-gutter-line[type=average] {
+ border-color: #d97e00;
+}
+
+.line-graph-widget-tooltip {
+ position: absolute;
+ border-radius: 2px;
+ line-height: 15px;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 6px;
+ transform: translateY(-50%);
+ font-size: 0.8rem !important;
+ z-index: 1;
+ pointer-events: none;
+}
+
+.theme-light .line-graph-widget-tooltip {
+ background: rgba(255,255,255,0.75);
+}
+
+.theme-dark .line-graph-widget-tooltip {
+ background: rgba(0,0,0,0.5);
+}
+
+.line-graph-widget-tooltip[with-arrows=true]::before {
+ content: "";
+ position: absolute;
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid transparent;
+ top: calc(50% - 3px);
+}
+
+.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
+ -moz-border-end: 3px solid;
+ left: -3px;
+}
+
+.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
+ -moz-border-start: 3px solid;
+ right: -3px;
+}
+
+.theme-light .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
+ -moz-border-end-color: rgba(255,255,255,0.75);
+}
+
+.theme-dark .line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
+ -moz-border-end-color: rgba(0,0,0,0.5);
+}
+
+.theme-light .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
+ -moz-border-start-color: rgba(255,255,255,0.75);
+}
+
+.theme-dark .line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
+ -moz-border-start-color: rgba(0,0,0,0.5);
+}
+
+.line-graph-widget-tooltip[type=maximum] {
+ left: 14px;
+}
+
+.line-graph-widget-tooltip[type=minimum] {
+ left: 14px;
+}
+
+.line-graph-widget-tooltip[type=average] {
+ right: 4px;
+}
+
+.line-graph-widget-tooltip > [text=info] {
+ color: var(--theme-content-color1);
+}
+
+.line-graph-widget-tooltip > [text=value] {
+ -moz-margin-start: 3px;
+}
+
+.line-graph-widget-tooltip > [text=metric] {
+ -moz-margin-start: 1px;
+ color: var(--theme-content-color3);
+}
+
+.theme-light .line-graph-widget-tooltip > [text=value],
+.theme-light .line-graph-widget-tooltip > [text=metric] {
+ text-shadow: 1px 0px rgba(255,255,255,0.5),
+ -1px 0px rgba(255,255,255,0.5),
+ 0px -1px rgba(255,255,255,0.5),
+ 0px 1px rgba(255,255,255,0.5);
+}
+
+.theme-dark .line-graph-widget-tooltip > [text=value],
+.theme-dark .line-graph-widget-tooltip > [text=metric] {
+ text-shadow: 1px 0px rgba(0,0,0,0.5),
+ -1px 0px rgba(0,0,0,0.5),
+ 0px -1px rgba(0,0,0,0.5),
+ 0px 1px rgba(0,0,0,0.5);
+}
+
+.line-graph-widget-tooltip[type=maximum] > [text=value] {
+ color: var(--theme-highlight-green);
+}
+
+.line-graph-widget-tooltip[type=minimum] > [text=value] {
+ color: var(--theme-highlight-red);
+}
+
+.line-graph-widget-tooltip[type=average] > [text=value] {
+ color: var(--theme-highlight-orange);
+}
+
+/* Bar graph widget */
+
+.bar-graph-widget-canvas {
+ background: #f7f7f7;
+}
+
+.bar-graph-widget-legend {
+ position: absolute;
+ top: 4px;
+ left: 8px;
+ color: #292e33;
+ font-size: 80%;
+ pointer-events: none;
+}
+
+.bar-graph-widget-legend-item {
+ float: left;
+ -moz-margin-end: 8px;
+}
+
+.bar-graph-widget-legend-item > [view="color"],
+.bar-graph-widget-legend-item > [view="label"] {
+ vertical-align: middle;
+}
+
+.bar-graph-widget-legend-item > [view="color"] {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border: 1px solid #fff;
+ border-radius: 1px;
+ -moz-margin-end: 4px;
+ pointer-events: all;
+ cursor: pointer;
+}
+
+.bar-graph-widget-legend-item > [view="label"] {
+ text-shadow: 1px 0px rgba(255,255,255,0.8),
+ -1px 0px rgba(255,255,255,0.8),
+ 0px -1px rgba(255,255,255,0.8),
+ 0px 1px rgba(255,255,255,0.8);
+}
+
+/* Charts */
+
+.generic-chart-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+.theme-dark .generic-chart-container {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .generic-chart-container {
+ color: var(--theme-body-color-alt);
+}
+
+.chart-colored-blob {
+ fill: var(--theme-content-color2);
+ background: var(--theme-content-color2);
+}
+
+/* Charts: Pie */
+
+.pie-chart-slice {
+ stroke-width: 1px;
+ cursor: pointer;
+}
+
+.theme-dark .pie-chart-slice {
+ stroke: rgba(0,0,0,0.2);
+}
+
+.theme-light .pie-chart-slice {
+ stroke: rgba(255,255,255,0.8);
+}
+
+.theme-dark .pie-chart-slice[largest] {
+ stroke-width: 2px;
+ stroke: #fff;
+}
+
+.theme-light .pie-chart-slice[largest] {
+ stroke: #000;
+}
+
+.pie-chart-label {
+ text-anchor: middle;
+ dominant-baseline: middle;
+ pointer-events: none;
+}
+
+.theme-dark .pie-chart-label {
+ fill: #000;
+}
+
+.theme-light .pie-chart-label {
+ fill: #fff;
+}
+
+.pie-chart-container[slices="1"] > .pie-chart-slice {
+ stroke-width: 0px;
+}
+
+.pie-chart-slice,
+.pie-chart-label {
+ transition: all 0.1s ease-out;
+}
+
+.pie-chart-slice:not(:hover):not([focused]),
+.pie-chart-slice:not(:hover):not([focused]) + .pie-chart-label {
+ transform: none !important;
+}
+
+/* Charts: Table */
+
+.table-chart-title {
+ padding-bottom: 10px;
+ font-size: 120%;
+ font-weight: 600;
+}
+
+.table-chart-row {
+ margin-top: 1px;
+ cursor: pointer;
+}
+
+.table-chart-grid:hover > .table-chart-row {
+ transition: opacity 0.1s ease-in-out;
+}
+
+.table-chart-grid:not(:hover) > .table-chart-row {
+ transition: opacity 0.2s ease-in-out;
+}
+
+.generic-chart-container:hover > .table-chart-grid:hover > .table-chart-row:not(:hover),
+.generic-chart-container:hover ~ .table-chart-container > .table-chart-grid > .table-chart-row:not([focused]) {
+ opacity: 0.4;
+}
+
+.table-chart-row-box {
+ width: 8px;
+ height: 1.5em;
+ -moz-margin-end: 10px;
+}
+
+.table-chart-row-label {
+ width: 8em;
+ -moz-padding-end: 6px;
+ cursor: inherit;
+}
+
+.table-chart-totals {
+ margin-top: 8px;
+ padding-top: 6px;
+}
+
+.table-chart-totals {
+ border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */
+}
+
+.table-chart-summary-label {
+ font-weight: 600;
+ padding: 1px 0px;
+}
+
+.theme-dark .table-chart-summary-label {
+ color: var(--theme-selection-color);
+}
+
+.theme-light .table-chart-summary-label {
+ color: var(--theme-body-color);
+}
+
+/* Table Widget */
+
+/* Table body */
+
+.table-widget-body > .devtools-side-splitter {
+ border: none;
+}
+
+.table-widget-body {
+ overflow: auto;
+}
+
+.theme-light .table-widget-body {
+ background: var(--theme-sidebar-background);
+}
+
+.theme-dark .table-widget-body,
+.theme-dark .table-widget-empty-text {
+ background-color: var(--theme-toolbar-background);
+}
+
+.theme-dark .table-widget-body:-moz-locale-dir(ltr) {
+ box-shadow: inset -1px 0 0 #000;
+}
+
+.theme-dark .table-widget-body:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #000;
+}
+
+.table-widget-body:-moz-locale-dir(ltr) {
+ box-shadow: inset -1px 0 0 #aaa;
+}
+
+.table-widget-body:-moz-locale-dir(rtl) {
+ box-shadow: inset 1px 0 0 #aaa;
+}
+
+/* Column Headers */
+
+.theme-dark .table-widget-column-header,
+.theme-dark .table-widget-cell {
+ -moz-border-end: 1px solid rgba(0,0,0,0.2);
+ box-shadow: inset 1px 0 0 rgba(128,128,128,0.15);
+}
+
+.theme-light .table-widget-column-header,
+.theme-light .table-widget-cell {
+ -moz-border-end: 1px solid rgba(128,128,128,0.25);
+ box-shadow: inset 1px 0 0 transparent;
+}
+
+/* Table widget column header colors are taken from netmonitor.inc.css to match
+ the look of both the tables. This needs to be updated along with netmonitor
+ header colors in bug 951714 */
+
+.table-widget-column-header {
+ background: rgba(0,0,0,0);
+ position: sticky;
+ top: 0;
+ min-height: 32px;
+ width: 100%;
+ border: none;
+ padding: 8px 0 0 !important;
+ color: inherit;
+ text-align: center;
+ font-weight: inherit !important;
+ transition: background-color 0.1s ease-in-out;
+}
+
+.table-widget-column-header:hover {
+ background: rgba(0,0,0,0.10);
+}
+
+.table-widget-column-header:hover:active {
+ background: rgba(0,0,0,0.25);
+}
+
+.table-widget-column-header:not(:active)[sorted] {
+ background: rgba(0,0,0,0.15);
+}
+
+.table-widget-column-header:not(:active)[sorted=ascending] {
+ background-image: radial-gradient(farthest-side at center top, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+}
+
+.table-widget-column-header:not(:active)[sorted=descending] {
+ background-image: radial-gradient(farthest-side at center bottom, hsla(200,100%,70%,.7), hsla(200,100%,70%,0.3));
+ background-size: 100% 1px;
+ background-repeat: no-repeat;
+ background-position: bottom;
+}
+
+/* Cells */
+
+.table-widget-cell {
+ width: 100%;
+ margin: -1px 0 !important;
+ padding: 3px 4px;
+ background-clip: padding-box;
+ min-width: 100px;
+ -moz-user-focus: normal;
+}
+
+.theme-dark .table-widget-cell {
+ border-top: 1px solid rgba(0,0,0,0.2);
+ border-bottom: 1px solid rgba(128,128,128,0.15);
+ color: var(--theme-selection-color);
+}
+
+.theme-dark:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.theme-dark .table-widget-cell:not(.theme-selected)[odd] {
+ background: rgba(255,255,255,0.05);
+}
+
+.theme-dark .table-widget-cell:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(0,0,0,0.2);
+}
+
+.theme-light .table-widget-cell {
+ border-top: 1px solid rgba(128,128,128,0.15);
+ border-bottom: 1px solid transparent;
+}
+
+.theme-light .table-widget-cell:not(.theme-selected) {
+ color: var(--theme-body-color);
+}
+
+.theme-light:not(.filtering) .table-widget-cell:nth-child(odd):not(.theme-selected),
+.theme-light .table-widget-cell:not(.theme-selected)[odd] {
+ background: rgba(128,128,128,0.05);
+}
+
+.theme-light .table-widget-cell:last-of-type {
+ box-shadow: inset 0 -1px 0 rgba(128,128,128,0.15);
+}
+
+.table-widget-cell.flash-out {
+ animation: flash-out 0.5s ease-in;
+}
+
+@keyframes flash-out {
+ to {
+ background: var(--theme-contrast-background);
+ }
+}
+
+/* Empty text and initial text */
+
+.table-widget-empty-text {
+ display: none;
+ text-align: center;
+ font-size: large;
+ margin-top: -20px !important;
+}
+
+.theme-light .table-widget-empty-text {
+ background: #F7F7F7; /* Background-Sidebar */
+}
+
+.table-widget-body:empty + .table-widget-empty-text:not([value=""]),
+.table-widget-body[empty] + .table-widget-empty-text:not([value=""]) {
+ display: block;
+}
+
+/* Tree Widget */
+
+.tree-widget-container {
+ padding: 0;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ list-style: none;
+ overflow: hidden;
+ -moz-margin-end: 40px;
+}
+
+.tree-widget-container:-moz-focusring,
+.tree-widget-container *:-moz-focusring {
+ outline-style: none;
+}
+
+.tree-widget-empty-text {
+ padding: 10px 20px;
+ font-size: medium;
+ background: transparent;
+ pointer-events: none;
+}
+
+/* Tree Item */
+
+.tree-widget-container .tree-widget-item {
+ padding: 2px 0px 4px;
+ /* OSX has line-height 14px by default, which causes weird alignment issues
+ * because of 20px high icons. thus making line-height consistent with that of
+ * windows.
+ */
+ line-height: 17px !important;
+ display: inline-block;
+ width: 100%;
+ word-break: keep-all; /* To prevent long urls like http://foo.com/bar from
+ breaking in multiple lines */
+}
+
+.tree-widget-container .tree-widget-children {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.tree-widget-item[level="1"] {
+ font-weight: 800;
+}
+
+/* Twisties */
+.tree-widget-item:before {
+ content: "";
+ width: 14px;
+ height: 14px;
+ float: left;
+ margin: 3px 2px -3px;
+ background-repeat: no-repeat;
+ background-image: url("chrome://browser/skin/devtools/controls.png");
+ background-size: 56px 28px;
+ cursor: pointer;
+ background-position: -28px -14px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):before {
+ float: right;
+ transform: scaleX(-1);
+}
+
+.theme-light .tree-widget-item:before {
+ background-position: 0 -14px;
+}
+
+.tree-widget-item[empty]:before {
+ background: transparent;
+}
+
+.tree-widget-item[expanded]:before {
+ background-position: -42px -14px;
+}
+
+.theme-light .tree-widget-item[expanded]:before {
+ background-position: -14px -14px;
+}
+
+.tree-widget-item + ul {
+ overflow: hidden;
+ animation: collapse-tree-item 0.2s;
+ max-height: 0;
+}
+
+.tree-widget-item[expanded] + ul {
+ animation: expand-tree-item 0.3s;
+ max-height: unset;
+}
+
+@keyframes collapse-tree-item {
+ from {
+ max-height: 300px;
+ }
+ to {
+ max-height: 0;
+ }
+}
+
+@keyframes expand-tree-item {
+ from {
+ max-height: 0;
+ }
+ to {
+ max-height: 500px;
+ }
+}
+
+@media (min-resolution: 1.25dppx) {
+ .tree-widget-item:before {
+ background-image: url("chrome://browser/skin/devtools/controls@2x.png");
+ }
+}
+
+/* Indentation of child items in the tree */
+
+/* For level > 6 */
+.tree-widget-item[level] + ul > li > .tree-widget-item {
+ -moz-padding-start: 98px;
+}
+
+/* First level */
+.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 14px;
+}
+
+/* Second level */
+.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 28px;
+}
+
+/* Third level */
+.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 42px;
+}
+
+/* Fourth level */
+.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 56px;
+}
+
+/* Fifth level */
+.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 70px;
+}
+
+/* Sixth level */
+.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
+ -moz-padding-start: 84px;
+}
+
+/* Custom icons for certain tree items indicating the type of the item */
+
+.tree-widget-item[type]:after {
+ content: "";
+ float: left;
+ width: 16px;
+ height: 17px;
+ -moz-margin-end: 4px;
+ background-repeat: no-repeat;
+ background-size: 20px auto;
+ filter: url('filters.svg#invert');
+ background-position: 0 0;
+ background-size: auto 20px;
+}
+
+.tree-widget-item:-moz-locale-dir(rtl):after {
+ float: right;
+}
+
+.theme-dark .tree-widget-item[type]:after {
+ filter: url('filters.svg#invert-white');
+}
+
+.tree-widget-item[type="dir"]:after {
+ background-image: url(chrome://browser/skin/devtools/filetype-dir-close.svg);
+ background-position: 2px 0;
+ background-size: auto 16px;
+ width: 20px;
+}
+
+.tree-widget-item[type="dir"][expanded]:not([empty]):after {
+ background-image: url(chrome://browser/skin/devtools/filetype-dir-open.svg);
+}
+
+.tree-widget-item[type="url"]:after {
+ background-image: url(chrome://browser/skin/devtools/filetype-globe.svg);
+ background-size: auto 18px;
+ width: 18px;
+}
+
+/* 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/. */
+
+/* Manifest Editor overrides */
+
+.variables-view-container.manifest-editor {
+ background-color: #F5F5F5;
+ padding: 20px 2px;
+}
+
+.manifest-editor .variable-or-property:focus > .title {
+ background-color: #EDEDED;
+ color: #000;
+ border-radius: 4px;
+}
+
+.manifest-editor .variables-view-property > .title > .name {
+ color: #27406A;
+}
+
+.manifest-editor .variable-or-property > .title > label,
+.manifest-editor textbox {
+ font-family: monospace;
+}
+
+.manifest-editor .variable-or-property > .title > .token-string {
+ color: #54BC6A;
+ font-weight: bold;
+}
+
+.manifest-editor .variable-or-property > .title > .token-boolean,
+.manifest-editor .variable-or-property > .title > .token-number {
+ color: #009BD4;
+ font-weight: bold;
+}
+
+.manifest-editor .variable-or-property > .title > .token-undefined {
+ color: #bbb;
+}
+
+.manifest-editor .variable-or-property > .title > .token-null {
+ color: #999;
+}
+
+.manifest-editor .variable-or-property > .title > .token-other {
+ color: #333;
+}
+
+.manifest-editor .variables-view-variable {
+ border-bottom: none;
+}
+
+.manifest-editor .variables-view-delete,
+.manifest-editor .variables-view-delete:hover,
+.manifest-editor .variables-view-delete:active,
+.manifest-editor .variable-or-property:focus .variables-view-delete,
+.manifest-editor .variables-view-add-property,
+.manifest-editor .variables-view-add-property:hover,
+.manifest-editor .variables-view-add-property:active,
+.manifest-editor .variable-or-property:focus .variables-view-add-property {
+ list-style-image: none;
+ -moz-image-region: initial;
+}
+
+.manifest-editor .variables-view-delete::before,
+.manifest-editor .variables-view-add-property::before {
+ width: 11px;
+ height: 11px;
+ content: "";
+ display: inline-block;
+ background-size: 11px auto;
+}
+
+.manifest-editor .variables-view-delete::before {
+ background-image: url("app-manager/remove.svg");
+}
+
+.manifest-editor .variables-view-add-property::before {
+ background-image: url("app-manager/add.svg");
+ -moz-margin-end: 2px;
+}
+
+.side-menu-widget-group-checkbox .checkbox-spacer-box,
+.side-menu-widget-item-checkbox .checkbox-spacer-box {
+ margin: 0;
+ border: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
new file mode 100644
index 0000000..473e401
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/allDownloadsViewOverlay.css
@@ -0,0 +1,133 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#downloadsRichListBox {
+ /** The default listbox appearance comes with an unwanted margin. **/
+ -moz-appearance: none;
+ margin: 0;
+}
+
+#downloadsRichListBox > richlistitem.download {
+ height: 5em;
+ padding: 5px 8px;
+}
+
+.downloadTypeIcon {
+ -moz-margin-end: 8px;
+ /* Prevent flickering when changing states. */
+ min-height: 32px;
+ min-width: 32px;
+}
+
+.blockedIcon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog");
+}
+
+.downloadTarget {
+ margin-bottom: 3px;
+ cursor: inherit;
+}
+
+.downloadDetails {
+ opacity: 0.7;
+ font-size: 95%;
+ cursor: inherit;
+}
+
+.downloadButton {
+ -moz-appearance: none;
+ background: transparent;
+ min-width: 0;
+ min-height: 0;
+ margin: 3px;
+ border: none;
+ padding: 5px;
+ list-style-image: url("chrome://browser/skin/downloads/buttons.png");
+}
+
+/*** Button icons ***/
+
+.downloadButton.downloadConfirmBlock,
+.downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+richlistitem.download:hover > .downloadButton.downloadConfirmBlock,
+richlistitem.download:hover > .downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+richlistitem.download:hover > .downloadButton.downloadConfirmBlock:hover,
+richlistitem.download:hover > .downloadButton.downloadCancel:hover {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+richlistitem.download:hover > .downloadButton.downloadConfirmBlock:active,
+richlistitem.download:hover > .downloadButton.downloadCancel:active {
+ -moz-image-region: rect(0px, 64px, 16px, 48px);
+}
+richlistitem.download[selected] > .downloadButton.downloadConfirmBlock,
+richlistitem.download[selected] > .downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 80px, 16px, 64px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock,
+richlistitem.download:hover[selected] > .downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 96px, 16px, 80px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:hover,
+richlistitem.download:hover[selected] > .downloadButton.downloadCancel:hover {
+ -moz-image-region: rect(0px, 112px, 16px, 96px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadConfirmBlock:active,
+richlistitem.download:hover[selected] > .downloadButton.downloadCancel:active {
+ -moz-image-region: rect(0px, 128px, 16px, 112px);
+}
+
+.downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 16px, 32px, 0px);
+}
+richlistitem.download:hover > .downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 32px, 32px, 16px);
+}
+richlistitem.download:hover > .downloadButton.downloadShow:hover {
+ -moz-image-region: rect(16px, 48px, 32px, 32px);
+}
+richlistitem.download:hover > .downloadButton.downloadShow:active {
+ -moz-image-region: rect(16px, 64px, 32px, 48px);
+}
+richlistitem.download[selected] > .downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 80px, 32px, 64px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 96px, 32px, 80px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadShow:hover {
+ -moz-image-region: rect(16px, 112px, 32px, 96px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadShow:active {
+ -moz-image-region: rect(16px, 128px, 32px, 112px);
+}
+
+.downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 16px, 48px, 0px);
+}
+richlistitem.download:hover > .downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 32px, 48px, 16px);
+}
+richlistitem.download:hover > .downloadButton.downloadRetry:hover {
+ -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+richlistitem.download:hover > .downloadButton.downloadRetry:active {
+ -moz-image-region: rect(32px, 64px, 48px, 48px);
+}
+richlistitem.download[selected] > .downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 80px, 48px, 64px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 96px, 48px, 80px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadRetry:hover {
+ -moz-image-region: rect(32px, 112px, 48px, 96px);
+}
+richlistitem.download:hover[selected] > .downloadButton.downloadRetry:active {
+ -moz-image-region: rect(32px, 128px, 48px, 112px);
+}
+
diff --git a/arc-firefox-theme/chrome/browser/downloads/buttons.png b/arc-firefox-theme/chrome/browser/downloads/buttons.png
new file mode 100644
index 0000000..071f7f7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/buttons.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css
new file mode 100644
index 0000000..73e42fb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/contentAreaDownloadsView.css
@@ -0,0 +1,30 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/common.css");
+
+#contentAreaDownloadsView {
+ padding: 18px;
+}
+
+#downloadsRichListBox:not(:-moz-focusring) {
+ border-color: transparent;
+}
+
+.downloadButton:not([disabled="true"]):hover,
+.downloadButton:not([disabled="true"]):hover:active,
+.downloadButton:not([disabled]):hover:active {
+ background: transparent;
+ border: none;
+}
+
+.downloadButton > .button-box {
+ padding-bottom: 0;
+}
+
+#downloadsListEmptyDescription {
+ margin: 1em;
+ text-align: center;
+ color: GrayText;
+}
diff --git a/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png
new file mode 100644
index 0000000..b8443f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/download-glow-menuPanel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png
new file mode 100644
index 0000000..f5fa120
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/download-notification-finish.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png
new file mode 100644
index 0000000..bd548b1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/download-notification-start.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/download-summary.png b/arc-firefox-theme/chrome/browser/downloads/download-summary.png
new file mode 100644
index 0000000..c5d4754
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/download-summary.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/downloads/downloads.css b/arc-firefox-theme/chrome/browser/downloads/downloads.css
new file mode 100644
index 0000000..78c2f42
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/downloads/downloads.css
@@ -0,0 +1,220 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/*** Panel and outer controls ***/
+
+#downloadsPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+
+#downloadsListBox {
+ background: transparent;
+ padding: 4px;
+ color: inherit;
+}
+
+#downloadsPanel:not([hasdownloads]) > #downloadsListBox {
+ display: none;
+}
+
+#downloadsPanel[hasdownloads] > #emptyDownloads {
+ display: none;
+}
+
+#emptyDownloads {
+ padding: 10px 20px;
+ max-width: 40ch;
+}
+
+#downloadsHistory {
+ background: transparent;
+ color: -moz-nativehyperlinktext;
+ cursor: pointer;
+}
+
+#downloadsFooter {
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px);
+}
+
+#downloadsHistory > .button-box {
+ margin: 1em;
+}
+
+#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsHistory:focus > .button-box {
+ outline: 1px -moz-dialogtext dotted;
+}
+
+/*** Downloads Summary and List items ***/
+
+#downloadsSummary,
+richlistitem[type="download"] {
+ height: 6em;
+ -moz-padding-end: 0;
+ color: inherit;
+}
+
+#downloadsSummary {
+ padding: 8px 38px 8px 12px;
+ cursor: pointer;
+ -moz-user-focus: normal;
+}
+
+#downloadsPanel[keyfocus] > #downloadsFooter > #downloadsSummary:focus {
+ outline: 1px -moz-dialogtext dotted;
+ outline-offset: -5px;
+}
+
+#downloadsSummary > .downloadTypeIcon {
+ list-style-image: url("chrome://browser/skin/downloads/download-summary.png");
+}
+
+#downloadsSummaryDescription {
+ color: -moz-nativehyperlinktext;
+}
+
+richlistitem[type="download"] {
+ margin: 0;
+ border-top: 1px solid hsla(0,0%,100%,.2);
+ border-bottom: 1px solid hsla(0,0%,0%,.15);
+ background: transparent;
+ padding: 8px;
+}
+
+richlistitem[type="download"]:first-child {
+ border-top: 1px solid transparent;
+}
+
+richlistitem[type="download"]:last-child {
+ border-bottom: 1px solid transparent;
+}
+
+#downloadsPanel[keyfocus] > #downloadsListBox:focus > richlistitem[type="download"][selected] {
+ outline: 1px -moz-dialogtext dotted;
+ outline-offset: -1px;
+}
+
+.downloadTypeIcon {
+ -moz-margin-end: 8px;
+ /* Prevent flickering when changing states. */
+ min-height: 32px;
+ min-width: 32px;
+}
+
+.blockedIcon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog");
+}
+
+/* We hold .downloadTarget, .downloadProgress and .downloadDetails inside of
+ a vbox with class .downloadContainer. We set the font-size of the entire
+ container to 90% because:
+
+ 1) This is the size that we want .downloadDetails to be
+ 2) The container's width is set by localizers by &downloadDetails.width;,
+ which is a ch unit. Since this is the value that should control the
+ panel width, we apply it to the outer container to constrain
+ .downloadTarget and .downloadProgress.
+
+ Finally, since we want .downloadTarget's font-size to be at 100% of the
+ font-size of .downloadContainer's parent, we use calc to go from the
+ smaller font-size back to the original font-size.
+ */
+
+#downloadsSummaryDetails,
+.downloadContainer {
+ font-size: 90%;
+}
+
+#downloadsSummaryDescription,
+.downloadTarget {
+ margin-bottom: 7px;
+ cursor: inherit;
+}
+
+.downloadTarget {
+ font-size: calc(100%/0.9);
+}
+
+#downloadsSummaryDetails,
+.downloadDetails {
+ margin-top: 1px;
+ opacity: 0.6;
+ cursor: inherit;
+}
+
+.downloadButton {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ margin: 3px;
+ border: none;
+ background: transparent;
+ padding: 5px;
+ list-style-image: url("chrome://browser/skin/downloads/buttons.png");
+}
+
+.downloadButton > .button-box {
+ padding: 0;
+}
+
+.downloadButton:focus > .button-box {
+ outline: 1px -moz-dialogtext dotted;
+}
+
+/*** Highlighted list items ***/
+
+#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"][exists]:hover {
+ border-radius: 3px;
+ border-top: 1px solid hsla(0,0%,100%,.3);
+ border-bottom: 1px solid hsla(0,0%,0%,.2);
+ background-color: Highlight;
+ background-image: linear-gradient(hsla(0,0%,100%,.1), transparent);
+ color: HighlightText;
+ cursor: pointer;
+}
+
+/*** Button icons ***/
+
+.downloadButton.downloadConfirmBlock,
+.downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:hover,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:hover {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadConfirmBlock:active,
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadCancel:active {
+ -moz-image-region: rect(0px, 64px, 16px, 48px);
+}
+
+.downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 16px, 32px, 0px);
+}
+#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow {
+ -moz-image-region: rect(16px, 96px, 32px, 80px);
+}
+#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:hover {
+ -moz-image-region: rect(16px, 112px, 32px, 96px);
+}
+#downloadsPanel:not([keyfocus]) > #downloadsListBox > richlistitem[type="download"][state="1"]:hover > stack > .downloadButton.downloadShow:active {
+ -moz-image-region: rect(16px, 128px, 32px, 112px);
+}
+
+.downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 16px, 48px, 0px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry {
+ -moz-image-region: rect(32px, 32px, 48px, 16px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:hover {
+ -moz-image-region: rect(32px, 48px, 48px, 32px);
+}
+richlistitem[type="download"]:hover > stack > .downloadButton.downloadRetry:active {
+ -moz-image-region: rect(32px, 64px, 48px, 48px);
+}
diff --git a/arc-firefox-theme/chrome/browser/drm-icon.svg b/arc-firefox-theme/chrome/browser/drm-icon.svg
new file mode 100644
index 0000000..3ae6a57
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/drm-icon.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <style>
+ #chains > use > path {
+ fill: url(#baseGradient);
+ }
+ #chains-pressed > use > path {
+ fill: url(#pressedGradient);
+ }
+ #chains-black > use > path {
+ fill: black;
+ }
+
+ g:not(:target) {
+ display: none;
+ }
+ </style>
+ <defs>
+ <linearGradient id="baseGradient" gradientUnits="userSpaceOnUse" x1="8" x2="8" y1="16" y2="0">
+ <stop offset="0" style="stop-color:#808080"/>
+ <stop offset="1" style="stop-color:#999999"/>
+ </linearGradient>
+ <linearGradient id="pressedGradient" gradientUnits="userSpaceOnUse" x1="8" x2="8" y1="16" y2="0">
+ <stop offset="0" style="stop-color:#4D4D4D"/>
+ <stop offset="1" style="stop-color:#808080"/>
+ </linearGradient>
+ <path id="path1" d="M7.058,9.72c-0.245,0.245-0.62,0.27-0.834,0.056C6.01,9.562,6.035,9.186,6.28,8.942l0.218-0.218
+ c-0.245-0.245-0.645-0.245-0.89,0L4.496,9.836c-0.245,0.245-0.245,0.645,0,0.89l0.779,0.779c0.245,0.245,0.645,0.245,0.89,0
+ l1.112-1.112c0.245-0.245,0.245-0.645,0-0.89L7.058,9.72z"/>
+ <path id="path2" d="M10.726,4.496c-0.245-0.245-0.645-0.245-0.89,0L8.723,5.608c-0.245,0.245-0.245,0.645,0,0.89
+ L8.95,6.272c0.245-0.245,0.62-0.27,0.834-0.056s0.189,0.59-0.056,0.834L9.502,7.277c0.245,0.245,0.645,0.245,0.89,0l1.112-1.112
+ c0.245-0.245,0.245-0.645,0-0.89L10.726,4.496z"/>
+ <path id="path3" d="M8,0C3.582,0,0,3.582,0,8s3.582,8,8,8s8-3.582,8-8S12.418,0,8,0z M12.527,6.81l-1.489,1.489
+ c-0.631,0.631-1.663,0.631-2.293,0L8.612,8.167L8.167,8.612l0.133,0.133c0.631,0.631,0.631,1.663,0,2.293L6.81,12.527
+ c-0.631,0.631-1.663,0.631-2.293,0l-1.044-1.044c-0.631-0.631-0.631-1.663,0-2.293l1.489-1.489c0.631-0.631,1.663-0.631,2.293,0
+ l0.133,0.133l0.445-0.445L7.701,7.255c-0.631-0.631-0.631-1.663,0-2.293L9.19,3.473c0.631-0.631,1.663-0.631,2.293,0l1.044,1.044
+ C13.158,5.148,13.158,6.18,12.527,6.81z"/>
+ </defs>
+ <g id="chains">
+ <use xlink:href="#path1"/>
+ <use xlink:href="#path2"/>
+ <use xlink:href="#path3"/>
+ </g>
+ <g id="chains-pressed">
+ <use xlink:href="#path1"/>
+ <use xlink:href="#path2"/>
+ <use xlink:href="#path3"/>
+ </g>
+ <g id="chains-black">
+ <use xlink:href="#path1"/>
+ <use xlink:href="#path2"/>
+ <use xlink:href="#path3"/>
+ </g>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/engineManager.css b/arc-firefox-theme/chrome/browser/engineManager.css
new file mode 100644
index 0000000..6a1076e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/engineManager.css
@@ -0,0 +1,11 @@
+
+#engineList treechildren::-moz-tree-image(engineName) {
+ -moz-margin-end: 4px;
+ -moz-margin-start: 1px;
+ width: 16px;
+ height: 16px;
+}
+
+#engineList treechildren::-moz-tree-row {
+ height: 20px;
+}
diff --git a/arc-firefox-theme/chrome/browser/feeds/feedIcon.png b/arc-firefox-theme/chrome/browser/feeds/feedIcon.png
new file mode 100644
index 0000000..a788fff
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/feeds/feedIcon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png b/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png
new file mode 100644
index 0000000..f8536a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/feeds/feedIcon16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css b/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css
new file mode 100644
index 0000000..b3c0b37
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/feeds/subscribe-ui.css
@@ -0,0 +1,29 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.alwaysUse {
+ padding: 5px;
+}
+
+.handlersMenuPopup > menuitem {
+ -moz-padding-start: 23px;
+}
+
+.handlersMenuPopup > menuitem.menuitem-iconic {
+ -moz-padding-start: 2px;
+}
+
+.handlersMenuPopup > .menuitem-iconic > .menu-iconic-left {
+ display: -moz-box;
+ min-width: 16px;
+ -moz-padding-end: 2px;
+}
+
+.chooseApplicationMenuItem {
+ list-style-image: url("moz-icon://dummy.exe?size=16");
+}
+
+#feedHeader[dir="rtl"] .handlersMenuList > menupopup {
+ direction: rtl;
+}
diff --git a/arc-firefox-theme/chrome/browser/feeds/subscribe.css b/arc-firefox-theme/chrome/browser/feeds/subscribe.css
new file mode 100644
index 0000000..4cd70fa
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/feeds/subscribe.css
@@ -0,0 +1,164 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+html {
+ background: -moz-Dialog;
+ font: 3mm tahoma,arial,helvetica,sans-serif;
+}
+
+#feedBody {
+ border: 1px solid THreeDShadow;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ margin: 2em auto;
+ background: -moz-Field;
+}
+
+#feedHeaderContainer {
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ margin: -4em auto 0 auto;
+ background-color: InfoBackground;
+}
+
+#feedHeader {
+ margin-top: 4.9em;
+ margin-bottom: 1em;
+ -moz-margin-start: 1.4em;
+ -moz-margin-end: 1em;
+ -moz-padding-start: 2.9em;
+ font-size: 110%;
+ color: InfoText;
+}
+
+.feedBackground {
+ background: url("chrome://browser/skin/feeds/feedIcon.png") 0% 10% no-repeat InfoBackground;
+}
+
+.videoPodcastBackground {
+ background: url("chrome://browser/skin/feeds/videoFeedIcon.png") 0% 10% no-repeat InfoBackground;
+}
+
+.audioPodcastBackground {
+ background: url("chrome://browser/skin/feeds/audioFeedIcon.png") 0% 10% no-repeat InfoBackground;
+}
+
+#feedHeader[dir="rtl"] {
+ background-position: 100% 10%;
+}
+
+#feedIntroText {
+ display: none;
+}
+
+#feedHeader[firstrun="true"] #feedIntroText {
+ padding-top: 0.1em;
+ -moz-padding-start: 0.6em;
+ display: block;
+}
+
+#feedHeader[firstrun="true"] > #feedSubscribeLine {
+ -moz-padding-start: 1.8em;
+}
+
+#feedSubscribeLine {
+ padding-top: 0.2em;
+}
+
+/* Don't print subscription UI */
+@media print {
+ #feedHeaderContainer {
+ display: none;
+ }
+}
+
+body {
+ margin: 0;
+ padding: 0 3em;
+ color: -moz-fieldText;
+ font: message-box;
+}
+
+h1 {
+ font-size: 160%;
+ border-bottom: 2px solid ThreeDLightShadow;
+ margin: 0 0 .2em 0;
+}
+
+h2 {
+ color: GrayText;
+ font-size: 110%;
+ font-weight: normal;
+ margin: 0 0 .6em 0;
+}
+
+#feedTitleLink {
+ float: right;
+ -moz-margin-start: .6em;
+ -moz-margin-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+a[href] img {
+ border: none;
+}
+
+#feedTitleContainer {
+ -moz-margin-start: 0;
+ -moz-margin-end: .6em;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#feedTitleImage {
+ -moz-margin-start: .6em;
+ -moz-margin-end: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ max-width: 300px;
+ max-height: 150px;
+}
+
+.feedEntryContent {
+ font-size: 110%;
+}
+
+.link {
+ color: #0000FF;
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.link:hover:active {
+ color: #FF0000;
+}
+
+.lastUpdated {
+ font-size: 85%;
+ font-weight: normal;
+}
+
+.type-icon {
+ vertical-align: bottom;
+ height: 16px;
+ width: 16px;
+}
+
+.enclosures {
+ border: 1px solid THreeDShadow;
+ padding: 1em;
+ margin: 1em auto;
+ background: -moz-Dialog;
+}
+
+.enclosure {
+ vertical-align: middle;
+ margin-left: 2px;
+}
+
+.handlersMenuList > .menulist-label-box > .menulist-icon {
+ max-width: 16px;
+ max-height: 16px;
+}
diff --git a/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png b/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png
new file mode 100644
index 0000000..5c33e24
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/fullscreen-darknoise.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/heartbeat-icon.svg b/arc-firefox-theme/chrome/browser/heartbeat-icon.svg
new file mode 100644
index 0000000..aada840
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/heartbeat-icon.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="288px" height="248px" viewBox="0 0 288 248" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+ <!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
+ <title> + Line 14</title>
+ <desc>Created with Sketch.</desc>
+ <defs>
+ <path id="path-1" d="M144,246.857143 C141.214272,246.857143 138.857152,245.892867 136.928571,243.964286 L36.6428571,147.214286 C35.5714232,146.357139 34.0982237,144.964295 32.2232143,143.035714 C30.3482049,141.107133 27.3750204,137.59824 23.3035714,132.508929 C19.2321225,127.419617 15.5893018,122.196455 12.375,116.839286 C9.16069821,111.482116 6.29465545,105.000038 3.77678571,97.3928571 C1.25891598,89.7856763 0,82.392893 0,75.2142857 C0,51.6427393 6.80350339,33.2143521 20.4107143,19.9285714 C34.0179252,6.64279071 52.8213086,0 76.8214286,0 C83.4643189,0 90.2410369,1.1517742 97.1517857,3.45535714 C104.062535,5.75894009 110.491042,8.86605187 116.4375,12.7767857 C122.383958,16.6875196 127.499979,20.3571257 131.785714,23.7857143 C136.07145,27.2143029 140.142838,30.8571236 144,34.7142857 C147.857162,30.8571236 151.92855,27.2143029 156.214286,23.7857143 C160.500021,20.3571257 165.616042,16.6875196 171.5625,12.7767857 C177.508958,8.86605187 183.937465,5.75894009 190.848214,3.45535714 C197.758963,1.1517742 204.535681,0 211.178571,0 C235.178691,0 253.982075,6.64279071 267.589286,19.9285714 C281.196497,33.2143521 288,51.6427393 288,75.2142857 C288,98.8929755 275.732266,122.999877 251.196429,147.535714 L151.071429,243.964286 C149.142847,245.892867 146.785728,246.857143 144,246.857143 L144,246.857143 Z"/>
+ </defs>
+ <g id="Prompt---Spec" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+ <g id="--+-Line-14" sketch:type="MSLayerGroup" transform="translate(0.000000, -1.000000)">
+ <path d="M144,248.571429 C141.214272,248.571429 138.857152,247.607152 136.928571,245.678571 L36.6428571,148.928571 C35.5714232,148.071424 34.0982237,146.678581 32.2232143,144.75 C30.3482049,142.821419 27.3750204,139.312525 23.3035714,134.223214 C19.2321225,129.133903 15.5893018,123.910741 12.375,118.553571 C9.16069821,113.196402 6.29465545,106.714324 3.77678571,99.1071429 C1.25891598,91.499962 0,84.1071788 0,76.9285714 C0,53.357025 6.80350339,34.9286379 20.4107143,21.6428571 C34.0179252,8.35707643 52.8213086,1.71428571 76.8214286,1.71428571 C83.4643189,1.71428571 90.2410369,2.86605991 97.1517857,5.16964286 C104.062535,7.4732258 110.491042,10.5803376 116.4375,14.4910714 C122.383958,18.4018053 127.499979,22.0714114 131.785714,25.5 C136.07145,28.9285886 140.142838,32.5714093 144,36.4285714 C147.857162,32.5714093 151.92855,28.9285886 156.214286,25.5 C160.500021,22.0714114 165.616042,18.4018053 171.5625,14.4910714 C177.508958,10.5803376 183.937465,7.4732258 190.848214,5.16964286 C197.758963,2.86605991 204.535681,1.71428571 211.178571,1.71428571 C235.178691,1.71428571 253.982075,8.35707643 267.589286,21.6428571 C281.196497,34.9286379 288,53.357025 288,76.9285714 C288,100.607261 275.732266,124.714163 251.196429,149.25 L151.071429,245.678571 C149.142847,247.607152 146.785728,248.571429 144,248.571429 L144,248.571429 Z" id="-" fill="#D74345" sketch:type="MSShapeGroup"/>
+ <g id="Line-14" transform="translate(0.000000, 0.714286)">
+ <mask id="mask-2" sketch:name="Mask" fill="white">
+ <use xlink:href="#path-1"/>
+ </mask>
+ <use id="Mask" sketch:type="MSShapeGroup" xlink:href="#path-1"/>
+ <path d="M-166,115.135254 C-166,115.135254 0.595052083,115.135254 2.9765625,115.135254 L91.9101562,115.135254 L97.9638977,100.101562 L105.430695,115.135254 L114.893585,115.135254 L131.129913,189.53125 L148.161163,57 L165.348663,131.027344 L172.272491,115.135254 L250.84967,115.135254 L428.259813,115.135254" stroke="#FFFFFF" stroke-width="6" stroke-linecap="round" stroke-linejoin="round" sketch:type="MSShapeGroup" mask="url(#mask-2)">
+ <g transform="translate(131.129906, 123.265625) scale(1, -1) translate(-131.129906, -123.265625) "/>
+ </path>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg b/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg
new file mode 100644
index 0000000..aecaf69
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/heartbeat-star-lit.svg
@@ -0,0 +1,428 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Toolbar"
+ x="0px"
+ y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve"
+ inkscape:version="0.48.5 r10040"
+ width="100%"
+ height="100%"
+ sodipodi:docname="star-lit.svg"><metadata
+ id="metadata4111"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs4109" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1440"
+ inkscape:window-height="838"
+ id="namedview4107"
+ showgrid="false"
+ inkscape:zoom="41.7193"
+ inkscape:cx="6.7712219"
+ inkscape:cy="7.3971752"
+ inkscape:window-x="-8"
+ inkscape:window-y="-8"
+ inkscape:window-maximized="1"
+ inkscape:current-layer="Toolbar" />
+<g
+ id="g3926">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-238.2,6h-6.1l2.7-2.7c0.4-0.4,0.5-1.1,0.2-1.4l-1.2-1.2 c-0.3-0.3-1-0.3-1.4,0.2l-6.4,6.4c-0.1,0.1-0.1,0.2-0.2,0.2l0,0c0,0,0,0,0,0c0,0.1-0.1,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.3 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0l0,0c0.1,0.1,0.1,0.2,0.2,0.2l6.4,6.4 c0.4,0.4,1.1,0.5,1.4,0.2l1.2-1.2c0.3-0.3,0.3-1-0.2-1.4l-2.8-2.8h6.2c0.6,0,1-0.4,1-1V7C-237.2,6.4-237.6,6-238.2,6z"
+ id="path3928" />
+</g>
+<g
+ id="g3930">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-212.7,6.3l-1,1c-0.2,0.2-0.2,0.4-0.2,0.7c0,0.3,0,0.5,0.2,0.7 l0.8,0.9l4.5,4.5c0.5,0.5,1.2,0.6,1.6,0.2l0.8-0.9c0.4-0.4,0.3-1.1-0.2-1.6l-1.8-1.8h4.7c0.6,0,1-0.5,1-1V7c0-0.6-0.5-1-1-1h-4.8 l1.9-1.9c0.5-0.5,0.6-1.3,0.2-1.6l-0.8-0.9c-0.4-0.4-1.1-0.3-1.6,0.2L-212.7,6.3z"
+ id="path3932" />
+</g>
+<g
+ id="g3934">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-167.3,9.7l1-1c0.2-0.2,0.2-0.4,0.2-0.7c0-0.3,0-0.5-0.2-0.7 l-0.8-0.9l-4.5-4.5c-0.5-0.5-1.2-0.6-1.6-0.2l-0.8,0.9c-0.4,0.4-0.3,1.1,0.2,1.6l1.8,1.8h-4.7c-0.6,0-1,0.5-1,1v2c0,0.6,0.5,1,1,1 h4.8l-1.9,1.9c-0.5,0.5-0.6,1.3-0.2,1.6l0.8,0.9c0.4,0.4,1.1,0.3,1.6-0.2L-167.3,9.7z"
+ id="path3936" />
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-129.5,8h-7l2.8-2.8c-0.7-0.5-1.4-0.7-2.3-0.7c-2.2,0-4,1.8-4,4 c0,2.2,1.8,4,4,4c1.4,0,2.7-0.7,3.4-1.9l2.3,1c-1.1,2-3.2,3.4-5.7,3.4c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5 c1.5,0,2.9,0.5,4.1,1.4l2.4-2.4V8z"
+ id="path3938" />
+<g
+ id="g3940">
+ <g
+ id="g3942">
+ <polygon
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ points="-93.6,3.8 -95.8,1.7 -100,5.9 -104.3,1.6 -106.4,3.8 -102.1,8 -106.3,12.2 -104.1,14.3 -99.9,10.2 -95.7,14.4 -93.6,12.2 -97.8,8.1 "
+ id="polygon3944" />
+ </g>
+</g>
+<g
+ id="g3946">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-64,1l-8,7h2l6-5l6,5h2L-64,1z M-69,8v7h4v-5h2v5h4V8l-5-4L-69,8 z"
+ id="path3948" />
+</g>
+<path
+ fill="#00A3F2"
+ d="M-28,3.6l1,2l0.5,0.9l1,0.2l2.3,0.4l-1.7,1.8l-0.7,0.7l0.1,1l0.4,2.4l-2-1l-0.9-0.5l-0.9,0.5l-2,1l0.4-2.4 l0.1-1l-0.7-0.7l-1.7-1.8l2.4-0.4l1-0.2l0.5-0.9L-28,3.6 M-28,0c-0.3,0-0.6,0.2-0.8,0.7l-2,4.1l-4.3,0.7c-1,0.2-1.2,0.9-0.5,1.6 l3.1,3.3l-0.7,4.6c-0.1,0.7,0.2,1.1,0.7,1.1c0.2,0,0.4-0.1,0.6-0.2l3.9-2.1l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1 l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C-27.4,0.2-27.7,0-28,0L-28,0z"
+ id="path3950" />
+<path
+ fill="#00A3F2"
+ d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16 c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6 l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z"
+ id="path3952"
+ style="fill:#0095dd;fill-opacity:1" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M44,15.2c-4,0-7.2-3.2-7.2-7.2c0-4,3.2-7.2,7.2-7.2 c4,0,7.2,3.2,7.2,7.2C51.2,12,48,15.2,44,15.2z M44,3c-2.8,0-5,2.2-5,5c0,2.7,2.2,5,5,5c2.8,0,5-2.2,5-5C49,5.3,46.8,3,44,3z M43.7,8.9C43.3,8.8,43,8.4,43,8V5c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1v2.8c1.1,1.1,2,3.2,2,3.2S44.8,10,43.7,8.9z"
+ id="path3954" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M86.7,9.1l-5.6,5.5C80.8,14.9,80.4,15,80,15 c-0.4,0-0.8-0.1-1.1-0.4l-5.6-5.5C72.7,8.5,72.9,8,73.8,8H77l0-6c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v6h3.2C87.1,8,87.3,8.5,86.7,9.1 z"
+ id="path3956" />
+<path
+ fill="#00A3F2"
+ d="M-241,52c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-241z"
+ id="path3958" />
+<g
+ id="g3960">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-200.4,41.9h-0.3v0h-14.4v0h-0.3c-0.2,0-0.4,0.2-0.4,0.4c0,0,0.3,2.2,0.5,4.4 c0.2,2.5,0.2,4.2,0.2,4.2c0,0.2,0.2,0.4,0.4,0.4h13.7c0.2,0,0.4-0.2,0.4-0.4c0,0,0.1-2.1,0.2-4.2c0.1-2.2,0.5-4.4,0.5-4.4 C-200.1,42.1-200.2,41.9-200.4,41.9z"
+ id="path3962" />
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-200.8,41.3v-2c0-0.3-0.2-0.5-0.5-0.5l-6.7,0l-0.8-1.1c0,0-0.6-0.9-1.2-0.9h-4.2 c-0.6,0-1,0.5-1,1v1l0,2.5H-200.8z"
+ id="path3964" />
+</g>
+<g
+ id="g3966">
+ <g
+ id="g3968">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-169,37h-7.5c-0.8,0-1.5,0.7-1.5,1.5v11c0,0.8,0.7,1.5,1.5,1.5 h9c0.8,0,1.5-0.7,1.5-1.5V40L-169,37z M-170,41v-3.3l3.3,3.3H-170z"
+ id="path3970" />
+ </g>
+</g>
+<g
+ id="g3972">
+ <g
+ id="g3974">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-132.5,38c-0.4,0.2-0.9,0.6-1.3,1.2c-0.3,0.4-0.5,0.9-0.8,1.3 c0.7,0.3,1.3,0.8,1.7,1.4c0.4,0.7,0.7,1.5,0.6,2.3c-0.1,1.3-1,2.4-2.1,3c-0.5-0.5-1.4-2.1-1.4-2.1c0,0,0,1.8-0.6,3 c-0.4,0.8-0.9,1.5-1.6,2.1c1,0.4,2,0.6,3,0.6l0-0.1c0,0,0.1,0.1,0.1,0.1c2.1,0,4.1-0.3,4.1-0.3s-0.9-0.6-1.3-0.9 c1.3-0.7,2.2-2,2.5-3.3c0.2-0.5,0.3-1.1,0.4-1.7C-128.7,41.9-130.2,39.3-132.5,38z M-139.8,44.2c0-1.4,0.8-2.8,2.2-3.5 c0.5,0.5,1.6,2,1.6,2s0-3.6,1.2-5.6c-4.3-0.5-6.8,0.3-6.8,0.3s1.2,0.4,1.6,0.8c-0.1,0.1-0.2,0.1-0.3,0.2c-1,0.7-1.7,1.6-2.1,2.7 c-0.3,0.6-0.5,1.3-0.5,2c-0.3,2.8,1.1,5.4,3.4,6.7c0.4-0.3,0.8-0.6,1.2-1.1c0.4-0.4,0.7-0.9,1-1.4 C-138.7,46.9-139.7,45.7-139.8,44.2z"
+ id="path3976" />
+ </g>
+</g>
+<g
+ id="g3978">
+ <g
+ id="g3980">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-96.6,41.5c-3.3-4-9.6-4.5-9.6-4.5c-0.4,0-0.8,0.3-0.8,0.7v1.4 c0,0.4,0.3,0.7,0.8,0.7c0,0,4.5,0.1,7.1,3.2c3.5,3.6,3.2,7.2,3.2,7.2c0,0.4,0.3,0.8,0.8,0.8h1.5c0.4,0,0.7-0.3,0.7-0.8 C-93,50.2-93.3,44.5-96.6,41.5z M-106.2,42c-0.4,0-0.8,0.3-0.8,0.7V44c0,0.4,0.3,0.7,0.8,0.7c0,0,2.4,0.1,3.8,1.4 c1.9,1.7,1.8,4.2,1.8,4.2c0,0.4,0.2,0.8,0.6,0.8h1.5c0.4,0,0.5-0.3,0.5-0.8c0,0-0.4-3.9-2.5-5.9C-102.5,42.4-106.2,42-106.2,42z M-105,47c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C-103,47.9-103.9,47-105,47z"
+ id="path3982" />
+ </g>
+</g>
+<path
+ fill="none"
+ d="M-102.6,34.4c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-102.6z"
+ id="path3984" />
+<g
+ id="g3986">
+ <g
+ id="g3988">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-63,46.7l-0.3-0.1L-63,52l2.6-3.8L-63,46.7z M-63.3,46l0.3,0 l6,2.9V36l-14,11l4.6-0.6L-63,52l-1.9-5.7l-0.3-0.1l0.3,0L-65,46l7-8L-63.3,46L-63.3,46z"
+ id="path3990" />
+ </g>
+</g>
+<g
+ id="g3992">
+ <g
+ id="g3994">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-23,37h-10c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h10 c1.1,0,2-0.9,2-2V39C-21,37.9-21.9,37-23,37z M-23,46c0,1.7-1.3,2-3,2h-4c-1.7,0-3-1.3-3-3v-4c0-1.7,1.3-3,3-3h4c1.7,0,3,1.3,3,3 V46z"
+ id="path3996" />
+ </g>
+</g>
+<path
+ fill="#00A3F2"
+ d="M-23.7,42.6c0-0.8-0.2-1.5-0.6-2c-0.4-0.5-1-0.7-1.7-0.7c-0.4,0-0.8,0.1-1.1,0.3s-0.6,0.4-0.8,0.8 c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.2-1.2-0.2c-0.4,0-0.7,0-1.1,0.1s-0.7,0.2-1,0.4l0.3,0.7c0.6-0.3,1.2-0.5,1.7-0.5 c0.4,0,0.8,0.1,1,0.3c0.2,0.2,0.3,0.6,0.3,1.1v0.4l-1,0c-0.9,0-1.6,0.2-2.1,0.5c-0.5,0.3-0.7,0.8-0.7,1.4c0,0.6,0.2,1,0.5,1.3 c0.3,0.3,0.8,0.5,1.4,0.5c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.5,1-1c0.5,0.9,1.2,1.3,2.3,1.3c0.4,0,0.7,0,1-0.1 c0.3-0.1,0.6-0.2,0.9-0.3v-0.8c-0.3,0.1-0.6,0.3-0.9,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-1.2,0-1.8-0.7-1.8-2.2h3.9V42.6z M-28.5,43.6 c0,0.6-0.2,1-0.5,1.3c-0.3,0.3-0.7,0.5-1.3,0.5c-0.3,0-0.6-0.1-0.8-0.2c-0.2-0.2-0.3-0.4-0.3-0.8c0-0.4,0.2-0.7,0.5-0.9 c0.3-0.2,0.8-0.3,1.5-0.3l0.9,0V43.6z M-27.5,42.4c0-0.6,0.2-1,0.4-1.3c0.3-0.3,0.6-0.5,1.1-0.5c0.4,0,0.8,0.2,1,0.5 c0.2,0.3,0.4,0.8,0.4,1.3H-27.5z"
+ id="path3998" />
+<g
+ id="g4000">
+ <g
+ id="g4002">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M14.5,37h-13C0.7,37,0,37.7,0,38.5v11C0,50.3,0.7,51,1.5,51h13 c0.8,0,1.5-0.7,1.5-1.5v-11C16,37.7,15.3,37,14.5,37z M6.5,38C6.8,38,7,38.2,7,38.5C7,38.8,6.8,39,6.5,39C6.2,39,6,38.8,6,38.5 C6,38.2,6.2,38,6.5,38z M4.4,38c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C3.9,38.2,4.2,38,4.4,38z M2.5,38C2.8,38,3,38.2,3,38.5C3,38.8,2.8,39,2.5,39C2.2,39,2,38.8,2,38.5C2,38.2,2.2,38,2.5,38z M14,48c0,0.6-0.4,1-1,1H3 c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h10c0.6,0,1,0.4,1,1V48z"
+ id="path4004" />
+ </g>
+</g>
+<path
+ fill="#00A3F2"
+ d="M51.2,45.9L51.2,45.9c-0.4-0.1-0.7-0.3-1-0.6c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.1-0.1-0.2-0.2 c0-0.1-0.1-0.1-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2c-0.3-0.6-0.4-1.5-0.5-2.4c-0.3-2.2-0.1-3.8-3-3.8h-4.4c-2.9,0-2.6,1.6-2.9,3.8 c-0.1,0.9-0.3,1.8-0.6,2.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.2-0.2,0.3c0,0,0,0-0.1,0.1c-0.1,0.2-0.2,0.3-0.4,0.4 c-0.3,0.2-0.5,0.4-0.9,0.5l0,0C36.4,46,36,46.3,36,46.8v1.9c0,0.5,0.4,0.9,0.9,0.9h14.1c0.5,0,0.9-0.4,0.9-0.9v-1.9 C52,46.3,51.6,46,51.2,45.9z M46.4,43.8c0,0.1-0.1,0.2-0.2,0.2h-1.6v1.6c0,0.1-0.1,0.2-0.2,0.2h-0.5c-0.1,0-0.2-0.1-0.2-0.2V44h-1.6 c-0.1,0-0.2-0.1-0.2-0.2v-0.5c0-0.1,0.1-0.2,0.2-0.2h1.6v-1.6c0-0.1,0.1-0.2,0.2-0.2h0.5c0.1,0,0.2,0.1,0.2,0.2v1.6h1.6 c0.1,0,0.2,0.1,0.2,0.2V43.8z"
+ id="path4006" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M87.7,42c-0.1,1.1,0.2,2.5-1.3,4.4c-1.6,2.1-3.1,2.1-3.4,2.1 c-1.8-0.1-2-1.5-3-1.5c-0.9,0-1.6,1.4-3,1.5c-0.3,0-1.9,0-3.4-2c-1.5-1.9-1.2-3.3-1.3-4.4S72,39.7,72,39.7s0.7,0.7,1.6,0.8 c0.9,0.1,1.1-0.3,3-0.9c2.1-0.6,3.4,1.9,3.4,1.9s1.4-2.4,3.4-1.9c1.9,0.6,2,0.9,2.9,0.9c0.9-0.1,1.7-0.8,1.7-0.8S87.8,40.9,87.7,42z M76.9,42.5c-1.1-0.3-1.6,0.2-2.1,0.4C74.4,43,74,43.1,74,43.1s0.1,0.7,1.2,1.2c1.1,0.6,3.5,0.3,3.5,0.3S78.9,42.9,76.9,42.5z M85.2,42.9c-0.5-0.2-1-0.6-2.1-0.4c-2,0.4-1.8,2.1-1.8,2.1s2.4,0.3,3.5-0.3c1.1-0.6,1.2-1.2,1.2-1.2S85.6,43,85.2,42.9z"
+ id="path4008" />
+<g
+ id="g4010">
+ <g
+ id="g4012">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-237.5,84.9l-3.3-3.3c0.5-0.9,0.9-1.9,0.9-2.9c0-3-2.4-5.5-5.5-5.5 c-3,0-5.5,2.4-5.5,5.5c0,3,2.4,5.5,5.5,5.5c1.1,0,2.1-0.3,3-0.9l3.3,3.3c0.4,0.4,1,0.4,1.4,0l0.2-0.2 C-237.1,85.9-237.1,85.3-237.5,84.9z M-245.4,82c-1.8,0-3.3-1.5-3.3-3.4c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4 C-242,80.5-243.5,82-245.4,82z"
+ id="path4014" />
+ </g>
+</g>
+<g
+ id="g4016">
+ <g
+ id="g4018">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-214.5,86.3l0.2,0.2c0.4,0.4,1,0.4,1.4,0l3.3-3.3c0.9,0.6,1.9,0.9,3,0.9 c3,0,5.5-2.4,5.5-5.5c0-3-2.4-5.5-5.5-5.5c-3,0-5.5,2.4-5.5,5.5c0,1.1,0.3,2.1,0.9,2.9l-3.3,3.3 C-214.9,85.3-214.9,85.9-214.5,86.3z M-210,78.6c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4c0,1.9-1.5,3.4-3.3,3.4 C-208.5,82-210,80.5-210,78.6z"
+ id="path4020" />
+ </g>
+</g>
+<g
+ id="g4022">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-165,77.5h-1v-2c0-0.6-0.4-1-1-1v-1c0-0.6-0.4-1-1-1h-8 c-0.6,0-1,0.4-1,1v1c-0.6,0-1,0.4-1,1v2h-1c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h2v-1h0.5l-1.5,3h12l-1.5-3h0.5v1h2c0.6,0,1-0.4,1-1 v-5C-164,77.9-164.4,77.5-165,77.5z M-176.5,80.5h-1c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5 C-176,80.2-176.2,80.5-176.5,80.5z M-176,85.5l0.9-2h6.2l0.9,2H-176z M-168,77.5c0,0.6-0.4,1-1,1h-6c-0.6,0-1-0.4-1-1v-3 c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1V77.5z"
+ id="path4024" />
+</g>
+<g
+ id="g4026">
+ <path
+ fill="#00A3F2"
+ d="M-135,73l1.9,1.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6l1.9,1.9v-6H-135z M-138.5,80.4l-2.6,2.6L-143,81v6h6l-1.9-1.9l2.6-2.6c0.5-0.5,0.5-1.4-0.1-2C-137.1,79.9-138,79.9-138.5,80.4z"
+ id="path4028" />
+</g>
+<g
+ id="g4030">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-93.5,73.5c-0.6-0.6-1.5-0.6-2-0.1l-2.6,2.6L-100,74v6h6 l-1.9-1.9l2.6-2.6C-92.9,75-92.9,74.1-93.5,73.5z M-104.1,81.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6 l1.9,1.9v-6h-6L-104.1,81.9z"
+ id="path4032" />
+</g>
+<g
+ id="g4034">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M14.6,75.1l-2.3,2.3c-0.5,0.5-1.3,0.5-1.7,0 c-0.5-0.5-0.5-1.2,0-1.7l2.4-2.3c-0.6-0.3-1.2-0.5-1.9-0.5C8.8,72.9,7,74.7,7,77c0,0.5,0.1,1.1,0.3,1.5l-5.9,5.8 c-0.6,0.6-0.6,1.7,0,2.3c0.6,0.6,1.7,0.6,2.3,0l6-5.9c0.4,0.2,0.9,0.3,1.4,0.3c2.2,0,4.1-1.8,4.1-4.1 C15.1,76.3,14.9,75.7,14.6,75.1z M2.5,86.4c-0.5,0-0.9-0.4-0.9-0.9c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9 C3.4,86,3,86.4,2.5,86.4z"
+ id="path4036" />
+</g>
+<path
+ fill="#00A3F2"
+ d="M-22.7,83.9l-1.1-1.1c0.2-0.3,0.3-0.6,0.5-0.9c0.1-0.3,0.2-0.6,0.3-0.9l1.6,0c0.3,0,0.5-0.2,0.5-0.5l0-1 c0-0.3-0.2-0.5-0.5-0.5l-1.6,0c-0.1-0.6-0.4-1.2-0.7-1.8l1.1-1.1c0.2-0.2,0.2-0.5,0-0.7l-0.7-0.7c-0.2-0.2-0.5-0.2-0.7,0l-1.1,1.1 c-0.3-0.2-0.6-0.3-0.9-0.5c-0.3-0.1-0.6-0.2-0.9-0.3l0-1.6c0-0.3-0.2-0.5-0.5-0.5l-1,0c-0.3,0-0.5,0.2-0.5,0.5l0,1.6 c-0.6,0.1-1.2,0.4-1.8,0.7l-1.1-1.1c-0.2-0.2-0.5-0.2-0.7,0l-0.7,0.7c-0.2,0.2-0.2,0.5,0,0.7l1.1,1.1c-0.2,0.3-0.3,0.6-0.5,0.9 c-0.1,0.3-0.2,0.6-0.3,0.9l-1.6,0c-0.3,0-0.5,0.2-0.5,0.5l0,1c0,0.3,0.2,0.5,0.5,0.5l1.6,0c0.1,0.6,0.4,1.2,0.7,1.8l-1.1,1.1 c-0.2,0.2-0.2,0.5,0,0.7l0.7,0.7c0.2,0.2,0.5,0.2,0.7,0l1.1-1.1c0.3,0.2,0.6,0.3,0.9,0.5c0.3,0.1,0.6,0.2,0.9,0.3l0,1.6 c0,0.3,0.2,0.5,0.5,0.5l1,0c0.3,0,0.5-0.2,0.5-0.5l0-1.6c0.6-0.1,1.2-0.4,1.8-0.7l1.1,1.1c0.2,0.2,0.5,0.2,0.7,0l0.7-0.7 C-22.5,84.4-22.5,84.1-22.7,83.9z M-28.8,82.1c-1.2-0.5-1.7-1.8-1.3-3c0.5-1.2,1.8-1.7,3-1.3c1.2,0.5,1.7,1.8,1.3,3 C-26.4,82-27.7,82.6-28.8,82.1z"
+ id="path4038" />
+<g
+ id="g4040">
+ <g
+ id="g4042">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-62,77h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4 c0.6,0,1-0.4,1-1v-4C-61,77.4-61.4,77-62,77z M-62,81c0,0.6-0.4,1-1,1h-2c-0.6,0-1-0.4-1-1v-1c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1 V81z M-64,87l3-3h-6L-64,87z M-67,76h6l-3-3L-67,76z M-60,76.9v6l3-3L-60,76.9z M-68,82.9v-6l-3,3L-68,82.9z"
+ id="path4044" />
+ </g>
+</g>
+<g
+ id="g4046">
+ <g
+ id="g4048">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M37.5,76.5h13c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-13 c-0.8,0-1.5,0.7-1.5,1.5C36,75.8,36.7,76.5,37.5,76.5z M50.5,78.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,79.2,51.3,78.5,50.5,78.5z M50.5,83.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,84.2,51.3,83.5,50.5,83.5z"
+ id="path4050" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M85.6,87c-0.8,0-1.5-0.2-2.3-1.3c-0.8-1.1-1.7-2.5-1.7-2.5 s-0.7-0.9-1.1-1.6c-0.4-0.7-1.1-0.5-1.1-0.5s-2.8-4.6-3.3-5.4c-0.7-1,0.6-2.7,0.6-2.7l4.4,7c0,0,1.3,1.9,1.9,2.3 c0.5,0.4,1.4-0.4,2.8,0.9C87.7,85,87.1,87,85.6,87z M85.4,84.1c-0.9-1-1.7-0.9-1.9-0.6c-0.2,0.3,0,1.2,0.4,1.7 c0.4,0.5,0.8,0.7,1.4,0.7C85.9,86,86.4,85.2,85.4,84.1z M81.6,79.4l-1.2-1.8l2.9-4.6c0,0,1.2,1.7,0.6,2.7 C83.6,76.1,82.5,78,81.6,79.4z M77,82.3c0.3-0.3,1-1.1,1.4-1.7l0.8,1.2c-0.4,0.6-0.9,1.4-0.9,1.4s-0.9,1.4-1.7,2.5 c-0.8,1.1-1.5,1.3-2.3,1.3c-1.4,0-2.1-2-0.1-3.8C75.6,82,76.5,82.7,77,82.3z M74.6,84.1c-0.9,1-0.4,1.8,0.2,1.8c0.6,0,1-0.2,1.4-0.7 c0.4-0.5,0.6-1.5,0.4-1.7C76.3,83.2,75.5,83.1,74.6,84.1z"
+ id="path4052" />
+<g
+ id="g4054">
+ <g
+ id="g4056">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-243,111c0-0.1-2-2-2-2c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h4v-6.1c0-0.3,0.2-0.5,0.5-0.5h2.5V111z M-246,112v-2l2,2H-246z M-239,113c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1c0,0,0-4.8,0-7C-237,115-239,113-239,113z M-240,116v-2l2,2H-240z"
+ id="path4058" />
+ </g>
+</g>
+<g
+ id="g4060">
+ <g
+ id="g4062">
+ <path
+ fill="#00A3F2"
+ d="M-204.5,111h-1.3l0,0c0,0-0.2-2-2.2-2c-2,0-2.2,2-2.2,2l0,0h-1.3c-0.8,0-1.5,0.7-1.5,1.5v9 c0,0.8,0.7,1.5,1.5,1.5h7c0.8,0,1.5-0.7,1.5-1.5v-9C-203,111.7-203.7,111-204.5,111z M-210.7,112.1l0.8-0.4l0.4-0.2l0-0.4 c0-0.2,0.2-1.3,1.5-1.3c1.2,0,1.4,1.1,1.5,1.3l0,0.4l0.4,0.2l0.8,0.4l0.3,0.7h-6.1L-210.7,112.1z M-210.1,120.4l-2.8-4.9l3.3-1.9 h4.3l1.8,3.1L-210.1,120.4z"
+ id="path4064" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-177,115h10v2h-10V115z"
+ id="path4066" />
+<g
+ id="g4068">
+ <g
+ id="g4070">
+ <polygon
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ points="-131,115 -135,115 -135,111 -137,111 -137,115 -141,115 -141,117 -137,117 -137,121 -135,121 -135,117 -131,117 "
+ id="polygon4072" />
+ </g>
+</g>
+<g
+ id="g4074">
+ <path
+ fill="#00A3F2"
+ d="M-94,111.7l-3,2.7v-2c0-0.8-0.6-1.4-1.3-1.4h-7.4c-0.7,0-1.3,0.6-1.3,1.4v7.2c0,0.8,0.6,1.4,1.3,1.4h7.4 c0.7,0,1.3-0.6,1.3-1.4v-2.1l3,2.7c0.3,0.3,0.6,0.4,1,0.3v-9.1C-93.3,111.4-93.7,111.5-94,111.7z"
+ id="path4076" />
+</g>
+<g
+ id="g4078">
+ <g
+ id="g4080">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-61.9,112h-3l3.8,4l-3.8,4h3.1l3.8-4L-61.9,112z M-66.9,112h-3 l3.8,4l-3.8,4h3.1l3.8-4L-66.9,112z"
+ id="path4082" />
+ </g>
+</g>
+<g
+ id="g4084">
+ <g
+ id="g4086">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-23,111.5h-2l-3-3l-3,3h-2c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2 h10c1.1,0,2-0.9,2-2v-8C-21,112.4-21.9,111.5-23,111.5z M-32,121.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,121.5-32,121.5z M-32,118.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,118.5-32,118.5z M-32,115.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1 S-31.4,115.5-32,115.5z M-23,121.5h-7v-2h7V121.5z M-23,118.5h-7v-2h7V118.5z M-23,115.5h-7v-2h7V115.5z"
+ id="path4088" />
+ </g>
+</g>
+<g
+ id="g4090">
+ <g
+ id="g4092">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M2,115h7c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H2c-0.6,0-1,0.4-1,1 v4C1,114.6,1.4,115,2,115z M14,109h-2c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h2c0.6,0,1-0.4,1-1v-4C15,109.4,14.6,109,14,109z M14,116H8c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1v-5C15,116.4,14.6,116,14,116z M5,116H2c-0.6,0-1,0.4-1,1v5 c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-5C6,116.4,5.6,116,5,116z"
+ id="path4094" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M45.8,116c0,0-0.6,0.8-1.8,0.8c-1.2,0-1.8-0.8-1.8-0.8l-6-5.1 c0.3-0.5,0.9-0.9,1.6-0.9h12.4c0.7,0,1.3,0.4,1.6,0.9L45.8,116z M42.2,117.7c0,0,0.6,0.8,1.8,0.8c1.2,0,1.8-0.8,1.8-0.8l6.2-5.4v8 c0,0.9-0.8,1.7-1.8,1.7H37.8c-1,0-1.8-0.8-1.8-1.7v-8L42.2,117.7z"
+ id="path4096" />
+<g
+ id="g4098">
+ <g
+ id="g4100">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-237.5,145h-13c-0.8,0-1.5,0.7-1.5,1.5v11 c0,0.8,0.7,1.5,1.5,1.5h13c0.8,0,1.5-0.7,1.5-1.5v-11C-236,145.7-236.7,145-237.5,145z M-245.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C-246,146.2-245.8,146-245.5,146z M-247.6,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-248.1,146.2-247.8,146-247.6,146z M-249.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-250,146.2-249.8,146-249.5,146z M-250,156v-6c0-0.6,0.4-1,1-1h7v8h-7 C-249.6,157-250,156.6-250,156z M-238,156c0,0.6-0.4,1-1,1h-1v-8h1c0.6,0,1,0.4,1,1V156z"
+ id="path4102" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#00A3F2"
+ d="M-213.2,156c-1.3-1.2-2.2-2.8-2.2-4.6c0-3.6,3.3-6.5,7.4-6.5 c4.1,0,7.4,2.9,7.4,6.5c0,3.6-3.3,6.5-7.4,6.5c-0.8,0-1.6-0.1-2.4-0.3c-1.8,0.7-4.3,1.7-4.5,1.4C-213.9,157.9-213.5,156.8-213.2,156 z"
+ id="path4104" />
+<rect
+ id="_x3C_Slice_x3E_"
+ fill="none"
+ width="16"
+ height="16" />
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg b/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg
new file mode 100644
index 0000000..e068551
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/heartbeat-star-off.svg
@@ -0,0 +1,428 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ id="Toolbar"
+ x="0px"
+ y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve"
+ inkscape:version="0.48.5 r10040"
+ width="100%"
+ height="100%"
+ sodipodi:docname="star-off.svg"><metadata
+ id="metadata5255"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+ id="defs5253" /><sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="710"
+ inkscape:window-height="480"
+ id="namedview5251"
+ showgrid="false"
+ inkscape:zoom="14.75"
+ inkscape:cx="7.6064963"
+ inkscape:cy="8"
+ inkscape:window-x="0"
+ inkscape:window-y="0"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="Toolbar" />
+<g
+ id="g5070">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-238.2,6h-6.1l2.7-2.7c0.4-0.4,0.5-1.1,0.2-1.4l-1.2-1.2 c-0.3-0.3-1-0.3-1.4,0.2l-6.4,6.4c-0.1,0.1-0.1,0.2-0.2,0.2l0,0c0,0,0,0,0,0c0,0.1-0.1,0.1-0.1,0.1c0,0.1-0.1,0.2-0.1,0.3 c0,0,0,0.1,0,0.1c0,0,0,0.1,0,0.1c0,0.1,0,0.2,0.1,0.3c0,0.1,0.1,0.1,0.1,0.1c0,0,0,0,0,0l0,0c0.1,0.1,0.1,0.2,0.2,0.2l6.4,6.4 c0.4,0.4,1.1,0.5,1.4,0.2l1.2-1.2c0.3-0.3,0.3-1-0.2-1.4l-2.8-2.8h6.2c0.6,0,1-0.4,1-1V7C-237.2,6.4-237.6,6-238.2,6z"
+ id="path5072" />
+</g>
+<g
+ id="g5074">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-212.7,6.3l-1,1c-0.2,0.2-0.2,0.4-0.2,0.7c0,0.3,0,0.5,0.2,0.7 l0.8,0.9l4.5,4.5c0.5,0.5,1.2,0.6,1.6,0.2l0.8-0.9c0.4-0.4,0.3-1.1-0.2-1.6l-1.8-1.8h4.7c0.6,0,1-0.5,1-1V7c0-0.6-0.5-1-1-1h-4.8 l1.9-1.9c0.5-0.5,0.6-1.3,0.2-1.6l-0.8-0.9c-0.4-0.4-1.1-0.3-1.6,0.2L-212.7,6.3z"
+ id="path5076" />
+</g>
+<g
+ id="g5078">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-167.3,9.7l1-1c0.2-0.2,0.2-0.4,0.2-0.7c0-0.3,0-0.5-0.2-0.7 l-0.8-0.9l-4.5-4.5c-0.5-0.5-1.2-0.6-1.6-0.2l-0.8,0.9c-0.4,0.4-0.3,1.1,0.2,1.6l1.8,1.8h-4.7c-0.6,0-1,0.5-1,1v2c0,0.6,0.5,1,1,1 h4.8l-1.9,1.9c-0.5,0.5-0.6,1.3-0.2,1.6l0.8,0.9c0.4,0.4,1.1,0.3,1.6-0.2L-167.3,9.7z"
+ id="path5080" />
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-129.5,8h-7l2.8-2.8c-0.7-0.5-1.4-0.7-2.3-0.7c-2.2,0-4,1.8-4,4 c0,2.2,1.8,4,4,4c1.4,0,2.7-0.7,3.4-1.9l2.3,1c-1.1,2-3.2,3.4-5.7,3.4c-3.6,0-6.5-2.9-6.5-6.5c0-3.6,2.9-6.5,6.5-6.5 c1.5,0,2.9,0.5,4.1,1.4l2.4-2.4V8z"
+ id="path5082" />
+<g
+ id="g5084">
+ <g
+ id="g5086">
+ <polygon
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ points="-93.6,3.8 -95.8,1.7 -100,5.9 -104.3,1.6 -106.4,3.8 -102.1,8 -106.3,12.2 -104.1,14.3 -99.9,10.2 -95.7,14.4 -93.6,12.2 -97.8,8.1 "
+ id="polygon5088" />
+ </g>
+</g>
+<g
+ id="g5090">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-64,1l-8,7h2l6-5l6,5h2L-64,1z M-69,8v7h4v-5h2v5h4V8l-5-4L-69,8 z"
+ id="path5092" />
+</g>
+<path
+ fill="#231F20"
+ d="M-28,3.6l1,2l0.5,0.9l1,0.2l2.3,0.4l-1.7,1.8l-0.7,0.7l0.1,1l0.4,2.4l-2-1l-0.9-0.5l-0.9,0.5l-2,1l0.4-2.4 l0.1-1l-0.7-0.7l-1.7-1.8l2.4-0.4l1-0.2l0.5-0.9L-28,3.6 M-28,0c-0.3,0-0.6,0.2-0.8,0.7l-2,4.1l-4.3,0.7c-1,0.2-1.2,0.9-0.5,1.6 l3.1,3.3l-0.7,4.6c-0.1,0.7,0.2,1.1,0.7,1.1c0.2,0,0.4-0.1,0.6-0.2l3.9-2.1l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1 l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6l-4.3-0.7l-2-4.1C-27.4,0.2-27.7,0-28,0L-28,0z"
+ id="path5094" />
+<path
+ fill="#231F20"
+ d="M8,0C7.7,0,7.4,0.2,7.2,0.7l-2,4.1L0.9,5.5c-1,0.2-1.2,0.9-0.5,1.6l3.1,3.3l-0.7,4.6C2.7,15.6,3,16,3.4,16 c0.2,0,0.4-0.1,0.6-0.2L8,13.7l3.9,2.1c0.2,0.1,0.5,0.2,0.6,0.2c0.5,0,0.8-0.4,0.7-1.1l-0.7-4.6l3.1-3.3c0.7-0.7,0.4-1.4-0.5-1.6 l-4.3-0.7l-2-4.1C8.6,0.2,8.3,0,8,0L8,0z"
+ id="path5096"
+ style="fill:#c0c0c0;fill-opacity:1" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M44,15.2c-4,0-7.2-3.2-7.2-7.2c0-4,3.2-7.2,7.2-7.2 c4,0,7.2,3.2,7.2,7.2C51.2,12,48,15.2,44,15.2z M44,3c-2.8,0-5,2.2-5,5c0,2.7,2.2,5,5,5c2.8,0,5-2.2,5-5C49,5.3,46.8,3,44,3z M43.7,8.9C43.3,8.8,43,8.4,43,8V5c0-0.6,0.4-1,1-1c0.6,0,1,0.4,1,1v2.8c1.1,1.1,2,3.2,2,3.2S44.8,10,43.7,8.9z"
+ id="path5098" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M86.7,9.1l-5.6,5.5C80.8,14.9,80.4,15,80,15 c-0.4,0-0.8-0.1-1.1-0.4l-5.6-5.5C72.7,8.5,72.9,8,73.8,8H77l0-6c0-0.6,0.4-1,1-1h4c0.6,0,1,0.4,1,1v6h3.2C87.1,8,87.3,8.5,86.7,9.1 z"
+ id="path5100" />
+<path
+ fill="#231F20"
+ d="M-241,52c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-241z"
+ id="path5102" />
+<g
+ id="g5104">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-200.4,41.9h-0.3v0h-14.4v0h-0.3c-0.2,0-0.4,0.2-0.4,0.4c0,0,0.3,2.2,0.5,4.4 c0.2,2.5,0.2,4.2,0.2,4.2c0,0.2,0.2,0.4,0.4,0.4h13.7c0.2,0,0.4-0.2,0.4-0.4c0,0,0.1-2.1,0.2-4.2c0.1-2.2,0.5-4.4,0.5-4.4 C-200.1,42.1-200.2,41.9-200.4,41.9z"
+ id="path5106" />
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-200.8,41.3v-2c0-0.3-0.2-0.5-0.5-0.5l-6.7,0l-0.8-1.1c0,0-0.6-0.9-1.2-0.9h-4.2 c-0.6,0-1,0.5-1,1v1l0,2.5H-200.8z"
+ id="path5108" />
+</g>
+<g
+ id="g5110">
+ <g
+ id="g5112">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-169,37h-7.5c-0.8,0-1.5,0.7-1.5,1.5v11c0,0.8,0.7,1.5,1.5,1.5 h9c0.8,0,1.5-0.7,1.5-1.5V40L-169,37z M-170,41v-3.3l3.3,3.3H-170z"
+ id="path5114" />
+ </g>
+</g>
+<g
+ id="g5116">
+ <g
+ id="g5118">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-132.5,38c-0.4,0.2-0.9,0.6-1.3,1.2c-0.3,0.4-0.5,0.9-0.8,1.3 c0.7,0.3,1.3,0.8,1.7,1.4c0.4,0.7,0.7,1.5,0.6,2.3c-0.1,1.3-1,2.4-2.1,3c-0.5-0.5-1.4-2.1-1.4-2.1c0,0,0,1.8-0.6,3 c-0.4,0.8-0.9,1.5-1.6,2.1c1,0.4,2,0.6,3,0.6l0-0.1c0,0,0.1,0.1,0.1,0.1c2.1,0,4.1-0.3,4.1-0.3s-0.9-0.6-1.3-0.9 c1.3-0.7,2.2-2,2.5-3.3c0.2-0.5,0.3-1.1,0.4-1.7C-128.7,41.9-130.2,39.3-132.5,38z M-139.8,44.2c0-1.4,0.8-2.8,2.2-3.5 c0.5,0.5,1.6,2,1.6,2s0-3.6,1.2-5.6c-4.3-0.5-6.8,0.3-6.8,0.3s1.2,0.4,1.6,0.8c-0.1,0.1-0.2,0.1-0.3,0.2c-1,0.7-1.7,1.6-2.1,2.7 c-0.3,0.6-0.5,1.3-0.5,2c-0.3,2.8,1.1,5.4,3.4,6.7c0.4-0.3,0.8-0.6,1.2-1.1c0.4-0.4,0.7-0.9,1-1.4 C-138.7,46.9-139.7,45.7-139.8,44.2z"
+ id="path5120" />
+ </g>
+</g>
+<g
+ id="g5122">
+ <g
+ id="g5124">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-96.6,41.5c-3.3-4-9.6-4.5-9.6-4.5c-0.4,0-0.8,0.3-0.8,0.7v1.4 c0,0.4,0.3,0.7,0.8,0.7c0,0,4.5,0.1,7.1,3.2c3.5,3.6,3.2,7.2,3.2,7.2c0,0.4,0.3,0.8,0.8,0.8h1.5c0.4,0,0.7-0.3,0.7-0.8 C-93,50.2-93.3,44.5-96.6,41.5z M-106.2,42c-0.4,0-0.8,0.3-0.8,0.7V44c0,0.4,0.3,0.7,0.8,0.7c0,0,2.4,0.1,3.8,1.4 c1.9,1.7,1.8,4.2,1.8,4.2c0,0.4,0.2,0.8,0.6,0.8h1.5c0.4,0,0.5-0.3,0.5-0.8c0,0-0.4-3.9-2.5-5.9C-102.5,42.4-106.2,42-106.2,42z M-105,47c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C-103,47.9-103.9,47-105,47z"
+ id="path5126" />
+ </g>
+</g>
+<path
+ fill="none"
+ d="M-102.6,34.4c0.5,0,1-0.4,1-1v-4c0,0,0.1-0.8,0.8-0.8c0.6,0,0.6,0.8,1.8,0.8c0.6,0,1.5-0.2,1.5-2 c0-1.8-0.9-2-1.5-2c-1.1,0-1.1,0.8-1.8,0.8c-0.6,0-0.8-0.8-0.8-0.8v-2c0-0.6-0.4-1-1-1h-3c0,0-0.8-0.1-0.8-0.8 c0-0.6,0.8-0.6,0.8-1.8c0-0.6-0.2-1.5-2-1.5c-1.8,0-2,0.9-2,1.5c0,1.1,0.8,1.1,0.8,1.8c0,0.6-0.8,0.8-0.8,0.8h-3c-0.5,0-1,0.4-1,1 l0,2.5c0,0-0.1,1.5,1.1,1.5c0.8,0,0.9-1,1.9-1c0.5,0,1,0.5,1,1.6c0,1-0.5,1.6-1,1.6c-1,0-1.1-1-1.9-1c-1.2,0-1.1,1.5-1.1,1.5l0,3.5 c0,0.6,0.4,1,1,1h3.8c0,0,1.5,0.1,1.5-1.1c0-0.8-1-0.9-1-1.9c0-0.5,0.7-1.2,1.8-1.2c1,0,1.8,0.7,1.8,1.2c0,1-1,1.1-1,1.9 c0,1.2,1.5,1.1,1.5,1.1H-102.6z"
+ id="path5128" />
+<g
+ id="g5130">
+ <g
+ id="g5132">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-63,46.7l-0.3-0.1L-63,52l2.6-3.8L-63,46.7z M-63.3,46l0.3,0 l6,2.9V36l-14,11l4.6-0.6L-63,52l-1.9-5.7l-0.3-0.1l0.3,0L-65,46l7-8L-63.3,46L-63.3,46z"
+ id="path5134" />
+ </g>
+</g>
+<g
+ id="g5136">
+ <g
+ id="g5138">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-23,37h-10c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h10 c1.1,0,2-0.9,2-2V39C-21,37.9-21.9,37-23,37z M-23,46c0,1.7-1.3,2-3,2h-4c-1.7,0-3-1.3-3-3v-4c0-1.7,1.3-3,3-3h4c1.7,0,3,1.3,3,3 V46z"
+ id="path5140" />
+ </g>
+</g>
+<path
+ fill="#231F20"
+ d="M-23.7,42.6c0-0.8-0.2-1.5-0.6-2c-0.4-0.5-1-0.7-1.7-0.7c-0.4,0-0.8,0.1-1.1,0.3s-0.6,0.4-0.8,0.8 c-0.2-0.4-0.4-0.6-0.7-0.8c-0.3-0.2-0.7-0.2-1.2-0.2c-0.4,0-0.7,0-1.1,0.1s-0.7,0.2-1,0.4l0.3,0.7c0.6-0.3,1.2-0.5,1.7-0.5 c0.4,0,0.8,0.1,1,0.3c0.2,0.2,0.3,0.6,0.3,1.1v0.4l-1,0c-0.9,0-1.6,0.2-2.1,0.5c-0.5,0.3-0.7,0.8-0.7,1.4c0,0.6,0.2,1,0.5,1.3 c0.3,0.3,0.8,0.5,1.4,0.5c0.5,0,0.9-0.1,1.3-0.3c0.4-0.2,0.7-0.5,1-1c0.5,0.9,1.2,1.3,2.3,1.3c0.4,0,0.7,0,1-0.1 c0.3-0.1,0.6-0.2,0.9-0.3v-0.8c-0.3,0.1-0.6,0.3-0.9,0.3c-0.3,0.1-0.6,0.1-0.9,0.1c-1.2,0-1.8-0.7-1.8-2.2h3.9V42.6z M-28.5,43.6 c0,0.6-0.2,1-0.5,1.3c-0.3,0.3-0.7,0.5-1.3,0.5c-0.3,0-0.6-0.1-0.8-0.2c-0.2-0.2-0.3-0.4-0.3-0.8c0-0.4,0.2-0.7,0.5-0.9 c0.3-0.2,0.8-0.3,1.5-0.3l0.9,0V43.6z M-27.5,42.4c0-0.6,0.2-1,0.4-1.3c0.3-0.3,0.6-0.5,1.1-0.5c0.4,0,0.8,0.2,1,0.5 c0.2,0.3,0.4,0.8,0.4,1.3H-27.5z"
+ id="path5142" />
+<g
+ id="g5144">
+ <g
+ id="g5146">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M14.5,37h-13C0.7,37,0,37.7,0,38.5v11C0,50.3,0.7,51,1.5,51h13 c0.8,0,1.5-0.7,1.5-1.5v-11C16,37.7,15.3,37,14.5,37z M6.5,38C6.8,38,7,38.2,7,38.5C7,38.8,6.8,39,6.5,39C6.2,39,6,38.8,6,38.5 C6,38.2,6.2,38,6.5,38z M4.4,38c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C3.9,38.2,4.2,38,4.4,38z M2.5,38C2.8,38,3,38.2,3,38.5C3,38.8,2.8,39,2.5,39C2.2,39,2,38.8,2,38.5C2,38.2,2.2,38,2.5,38z M14,48c0,0.6-0.4,1-1,1H3 c-0.6,0-1-0.4-1-1v-6c0-0.6,0.4-1,1-1h10c0.6,0,1,0.4,1,1V48z"
+ id="path5148" />
+ </g>
+</g>
+<path
+ fill="#231F20"
+ d="M51.2,45.9L51.2,45.9c-0.4-0.1-0.7-0.3-1-0.6c-0.1-0.1-0.1-0.1-0.2-0.2c-0.1-0.1-0.1-0.1-0.2-0.2 c0-0.1-0.1-0.1-0.1-0.2c0-0.1-0.1-0.1-0.1-0.2c-0.3-0.6-0.4-1.5-0.5-2.4c-0.3-2.2-0.1-3.8-3-3.8h-4.4c-2.9,0-2.6,1.6-2.9,3.8 c-0.1,0.9-0.3,1.8-0.6,2.4c0,0,0,0,0,0c-0.1,0.1-0.1,0.2-0.2,0.3c0,0,0,0-0.1,0.1c-0.1,0.2-0.2,0.3-0.4,0.4 c-0.3,0.2-0.5,0.4-0.9,0.5l0,0C36.4,46,36,46.3,36,46.8v1.9c0,0.5,0.4,0.9,0.9,0.9h14.1c0.5,0,0.9-0.4,0.9-0.9v-1.9 C52,46.3,51.6,46,51.2,45.9z M46.4,43.8c0,0.1-0.1,0.2-0.2,0.2h-1.6v1.6c0,0.1-0.1,0.2-0.2,0.2h-0.5c-0.1,0-0.2-0.1-0.2-0.2V44h-1.6 c-0.1,0-0.2-0.1-0.2-0.2v-0.5c0-0.1,0.1-0.2,0.2-0.2h1.6v-1.6c0-0.1,0.1-0.2,0.2-0.2h0.5c0.1,0,0.2,0.1,0.2,0.2v1.6h1.6 c0.1,0,0.2,0.1,0.2,0.2V43.8z"
+ id="path5150" />
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M87.7,42c-0.1,1.1,0.2,2.5-1.3,4.4c-1.6,2.1-3.1,2.1-3.4,2.1 c-1.8-0.1-2-1.5-3-1.5c-0.9,0-1.6,1.4-3,1.5c-0.3,0-1.9,0-3.4-2c-1.5-1.9-1.2-3.3-1.3-4.4S72,39.7,72,39.7s0.7,0.7,1.6,0.8 c0.9,0.1,1.1-0.3,3-0.9c2.1-0.6,3.4,1.9,3.4,1.9s1.4-2.4,3.4-1.9c1.9,0.6,2,0.9,2.9,0.9c0.9-0.1,1.7-0.8,1.7-0.8S87.8,40.9,87.7,42z M76.9,42.5c-1.1-0.3-1.6,0.2-2.1,0.4C74.4,43,74,43.1,74,43.1s0.1,0.7,1.2,1.2c1.1,0.6,3.5,0.3,3.5,0.3S78.9,42.9,76.9,42.5z M85.2,42.9c-0.5-0.2-1-0.6-2.1-0.4c-2,0.4-1.8,2.1-1.8,2.1s2.4,0.3,3.5-0.3c1.1-0.6,1.2-1.2,1.2-1.2S85.6,43,85.2,42.9z"
+ id="path5152" />
+<g
+ id="g5154">
+ <g
+ id="g5156">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-237.5,84.9l-3.3-3.3c0.5-0.9,0.9-1.9,0.9-2.9c0-3-2.4-5.5-5.5-5.5 c-3,0-5.5,2.4-5.5,5.5c0,3,2.4,5.5,5.5,5.5c1.1,0,2.1-0.3,3-0.9l3.3,3.3c0.4,0.4,1,0.4,1.4,0l0.2-0.2 C-237.1,85.9-237.1,85.3-237.5,84.9z M-245.4,82c-1.8,0-3.3-1.5-3.3-3.4c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4 C-242,80.5-243.5,82-245.4,82z"
+ id="path5158" />
+ </g>
+</g>
+<g
+ id="g5160">
+ <g
+ id="g5162">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M-214.5,86.3l0.2,0.2c0.4,0.4,1,0.4,1.4,0l3.3-3.3c0.9,0.6,1.9,0.9,3,0.9 c3,0,5.5-2.4,5.5-5.5c0-3-2.4-5.5-5.5-5.5c-3,0-5.5,2.4-5.5,5.5c0,1.1,0.3,2.1,0.9,2.9l-3.3,3.3 C-214.9,85.3-214.9,85.9-214.5,86.3z M-210,78.6c0-1.9,1.5-3.4,3.3-3.4c1.8,0,3.3,1.5,3.3,3.4c0,1.9-1.5,3.4-3.3,3.4 C-208.5,82-210,80.5-210,78.6z"
+ id="path5164" />
+ </g>
+</g>
+<g
+ id="g5166">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-165,77.5h-1v-2c0-0.6-0.4-1-1-1v-1c0-0.6-0.4-1-1-1h-8 c-0.6,0-1,0.4-1,1v1c-0.6,0-1,0.4-1,1v2h-1c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h2v-1h0.5l-1.5,3h12l-1.5-3h0.5v1h2c0.6,0,1-0.4,1-1 v-5C-164,77.9-164.4,77.5-165,77.5z M-176.5,80.5h-1c-0.3,0-0.5-0.2-0.5-0.5c0-0.3,0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5 C-176,80.2-176.2,80.5-176.5,80.5z M-176,85.5l0.9-2h6.2l0.9,2H-176z M-168,77.5c0,0.6-0.4,1-1,1h-6c-0.6,0-1-0.4-1-1v-3 c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1V77.5z"
+ id="path5168" />
+</g>
+<g
+ id="g5170">
+ <path
+ fill="#231F20"
+ d="M-135,73l1.9,1.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6l1.9,1.9v-6H-135z M-138.5,80.4l-2.6,2.6L-143,81v6h6l-1.9-1.9l2.6-2.6c0.5-0.5,0.5-1.4-0.1-2C-137.1,79.9-138,79.9-138.5,80.4z"
+ id="path5172" />
+</g>
+<g
+ id="g5174">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-93.5,73.5c-0.6-0.6-1.5-0.6-2-0.1l-2.6,2.6L-100,74v6h6 l-1.9-1.9l2.6-2.6C-92.9,75-92.9,74.1-93.5,73.5z M-104.1,81.9l-2.6,2.6c-0.5,0.5-0.5,1.4,0.1,2c0.6,0.6,1.5,0.6,2,0.1l2.6-2.6 l1.9,1.9v-6h-6L-104.1,81.9z"
+ id="path5176" />
+</g>
+<g
+ id="g5178">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M14.6,75.1l-2.3,2.3c-0.5,0.5-1.3,0.5-1.7,0 c-0.5-0.5-0.5-1.2,0-1.7l2.4-2.3c-0.6-0.3-1.2-0.5-1.9-0.5C8.8,72.9,7,74.7,7,77c0,0.5,0.1,1.1,0.3,1.5l-5.9,5.8 c-0.6,0.6-0.6,1.7,0,2.3c0.6,0.6,1.7,0.6,2.3,0l6-5.9c0.4,0.2,0.9,0.3,1.4,0.3c2.2,0,4.1-1.8,4.1-4.1 C15.1,76.3,14.9,75.7,14.6,75.1z M2.5,86.4c-0.5,0-0.9-0.4-0.9-0.9c0-0.5,0.4-0.9,0.9-0.9c0.5,0,0.9,0.4,0.9,0.9 C3.4,86,3,86.4,2.5,86.4z"
+ id="path5180" />
+</g>
+<path
+ fill="#231F20"
+ d="M-22.7,83.9l-1.1-1.1c0.2-0.3,0.3-0.6,0.5-0.9c0.1-0.3,0.2-0.6,0.3-0.9l1.6,0c0.3,0,0.5-0.2,0.5-0.5l0-1 c0-0.3-0.2-0.5-0.5-0.5l-1.6,0c-0.1-0.6-0.4-1.2-0.7-1.8l1.1-1.1c0.2-0.2,0.2-0.5,0-0.7l-0.7-0.7c-0.2-0.2-0.5-0.2-0.7,0l-1.1,1.1 c-0.3-0.2-0.6-0.3-0.9-0.5c-0.3-0.1-0.6-0.2-0.9-0.3l0-1.6c0-0.3-0.2-0.5-0.5-0.5l-1,0c-0.3,0-0.5,0.2-0.5,0.5l0,1.6 c-0.6,0.1-1.2,0.4-1.8,0.7l-1.1-1.1c-0.2-0.2-0.5-0.2-0.7,0l-0.7,0.7c-0.2,0.2-0.2,0.5,0,0.7l1.1,1.1c-0.2,0.3-0.3,0.6-0.5,0.9 c-0.1,0.3-0.2,0.6-0.3,0.9l-1.6,0c-0.3,0-0.5,0.2-0.5,0.5l0,1c0,0.3,0.2,0.5,0.5,0.5l1.6,0c0.1,0.6,0.4,1.2,0.7,1.8l-1.1,1.1 c-0.2,0.2-0.2,0.5,0,0.7l0.7,0.7c0.2,0.2,0.5,0.2,0.7,0l1.1-1.1c0.3,0.2,0.6,0.3,0.9,0.5c0.3,0.1,0.6,0.2,0.9,0.3l0,1.6 c0,0.3,0.2,0.5,0.5,0.5l1,0c0.3,0,0.5-0.2,0.5-0.5l0-1.6c0.6-0.1,1.2-0.4,1.8-0.7l1.1,1.1c0.2,0.2,0.5,0.2,0.7,0l0.7-0.7 C-22.5,84.4-22.5,84.1-22.7,83.9z M-28.8,82.1c-1.2-0.5-1.7-1.8-1.3-3c0.5-1.2,1.8-1.7,3-1.3c1.2,0.5,1.7,1.8,1.3,3 C-26.4,82-27.7,82.6-28.8,82.1z"
+ id="path5182" />
+<g
+ id="g5184">
+ <g
+ id="g5186">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-62,77h-4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h4 c0.6,0,1-0.4,1-1v-4C-61,77.4-61.4,77-62,77z M-62,81c0,0.6-0.4,1-1,1h-2c-0.6,0-1-0.4-1-1v-1c0-0.6,0.4-1,1-1h2c0.6,0,1,0.4,1,1 V81z M-64,87l3-3h-6L-64,87z M-67,76h6l-3-3L-67,76z M-60,76.9v6l3-3L-60,76.9z M-68,82.9v-6l-3,3L-68,82.9z"
+ id="path5188" />
+ </g>
+</g>
+<g
+ id="g5190">
+ <g
+ id="g5192">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ d="M37.5,76.5h13c0.8,0,1.5-0.7,1.5-1.5c0-0.8-0.7-1.5-1.5-1.5h-13 c-0.8,0-1.5,0.7-1.5,1.5C36,75.8,36.7,76.5,37.5,76.5z M50.5,78.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,79.2,51.3,78.5,50.5,78.5z M50.5,83.5h-13c-0.8,0-1.5,0.7-1.5,1.5c0,0.8,0.7,1.5,1.5,1.5h13 c0.8,0,1.5-0.7,1.5-1.5C52,84.2,51.3,83.5,50.5,83.5z"
+ id="path5194" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M85.6,87c-0.8,0-1.5-0.2-2.3-1.3c-0.8-1.1-1.7-2.5-1.7-2.5 s-0.7-0.9-1.1-1.6c-0.4-0.7-1.1-0.5-1.1-0.5s-2.8-4.6-3.3-5.4c-0.7-1,0.6-2.7,0.6-2.7l4.4,7c0,0,1.3,1.9,1.9,2.3 c0.5,0.4,1.4-0.4,2.8,0.9C87.7,85,87.1,87,85.6,87z M85.4,84.1c-0.9-1-1.7-0.9-1.9-0.6c-0.2,0.3,0,1.2,0.4,1.7 c0.4,0.5,0.8,0.7,1.4,0.7C85.9,86,86.4,85.2,85.4,84.1z M81.6,79.4l-1.2-1.8l2.9-4.6c0,0,1.2,1.7,0.6,2.7 C83.6,76.1,82.5,78,81.6,79.4z M77,82.3c0.3-0.3,1-1.1,1.4-1.7l0.8,1.2c-0.4,0.6-0.9,1.4-0.9,1.4s-0.9,1.4-1.7,2.5 c-0.8,1.1-1.5,1.3-2.3,1.3c-1.4,0-2.1-2-0.1-3.8C75.6,82,76.5,82.7,77,82.3z M74.6,84.1c-0.9,1-0.4,1.8,0.2,1.8c0.6,0,1-0.2,1.4-0.7 c0.4-0.5,0.6-1.5,0.4-1.7C76.3,83.2,75.5,83.1,74.6,84.1z"
+ id="path5196" />
+<g
+ id="g5198">
+ <g
+ id="g5200">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-243,111c0-0.1-2-2-2-2c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h4v-6.1c0-0.3,0.2-0.5,0.5-0.5h2.5V111z M-246,112v-2l2,2H-246z M-239,113c-1.7,0-5,0-5,0c-0.6,0-1,0.4-1,1v8 c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1c0,0,0-4.8,0-7C-237,115-239,113-239,113z M-240,116v-2l2,2H-240z"
+ id="path5202" />
+ </g>
+</g>
+<g
+ id="g5204">
+ <g
+ id="g5206">
+ <path
+ fill="#231F20"
+ d="M-204.5,111h-1.3l0,0c0,0-0.2-2-2.2-2c-2,0-2.2,2-2.2,2l0,0h-1.3c-0.8,0-1.5,0.7-1.5,1.5v9 c0,0.8,0.7,1.5,1.5,1.5h7c0.8,0,1.5-0.7,1.5-1.5v-9C-203,111.7-203.7,111-204.5,111z M-210.7,112.1l0.8-0.4l0.4-0.2l0-0.4 c0-0.2,0.2-1.3,1.5-1.3c1.2,0,1.4,1.1,1.5,1.3l0,0.4l0.4,0.2l0.8,0.4l0.3,0.7h-6.1L-210.7,112.1z M-210.1,120.4l-2.8-4.9l3.3-1.9 h4.3l1.8,3.1L-210.1,120.4z"
+ id="path5208" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-177,115h10v2h-10V115z"
+ id="path5210" />
+<g
+ id="g5212">
+ <g
+ id="g5214">
+ <polygon
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ points="-131,115 -135,115 -135,111 -137,111 -137,115 -141,115 -141,117 -137,117 -137,121 -135,121 -135,117 -131,117 "
+ id="polygon5216" />
+ </g>
+</g>
+<g
+ id="g5218">
+ <path
+ fill="#231F20"
+ d="M-94,111.7l-3,2.7v-2c0-0.8-0.6-1.4-1.3-1.4h-7.4c-0.7,0-1.3,0.6-1.3,1.4v7.2c0,0.8,0.6,1.4,1.3,1.4h7.4 c0.7,0,1.3-0.6,1.3-1.4v-2.1l3,2.7c0.3,0.3,0.6,0.4,1,0.3v-9.1C-93.3,111.4-93.7,111.5-94,111.7z"
+ id="path5220" />
+</g>
+<g
+ id="g5222">
+ <g
+ id="g5224">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-61.9,112h-3l3.8,4l-3.8,4h3.1l3.8-4L-61.9,112z M-66.9,112h-3 l3.8,4l-3.8,4h3.1l3.8-4L-66.9,112z"
+ id="path5226" />
+ </g>
+</g>
+<g
+ id="g5228">
+ <g
+ id="g5230">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-23,111.5h-2l-3-3l-3,3h-2c-1.1,0-2,0.9-2,2v8c0,1.1,0.9,2,2,2 h10c1.1,0,2-0.9,2-2v-8C-21,112.4-21.9,111.5-23,111.5z M-32,121.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,121.5-32,121.5z M-32,118.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1S-31.4,118.5-32,118.5z M-32,115.5c-0.6,0-1-0.4-1-1s0.4-1,1-1s1,0.4,1,1 S-31.4,115.5-32,115.5z M-23,121.5h-7v-2h7V121.5z M-23,118.5h-7v-2h7V118.5z M-23,115.5h-7v-2h7V115.5z"
+ id="path5232" />
+ </g>
+</g>
+<g
+ id="g5234">
+ <g
+ id="g5236">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M2,115h7c0.6,0,1-0.4,1-1v-4c0-0.6-0.4-1-1-1H2c-0.6,0-1,0.4-1,1 v4C1,114.6,1.4,115,2,115z M14,109h-2c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h2c0.6,0,1-0.4,1-1v-4C15,109.4,14.6,109,14,109z M14,116H8c-0.6,0-1,0.4-1,1v5c0,0.6,0.4,1,1,1h6c0.6,0,1-0.4,1-1v-5C15,116.4,14.6,116,14,116z M5,116H2c-0.6,0-1,0.4-1,1v5 c0,0.6,0.4,1,1,1h3c0.6,0,1-0.4,1-1v-5C6,116.4,5.6,116,5,116z"
+ id="path5238" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M45.8,116c0,0-0.6,0.8-1.8,0.8c-1.2,0-1.8-0.8-1.8-0.8l-6-5.1 c0.3-0.5,0.9-0.9,1.6-0.9h12.4c0.7,0,1.3,0.4,1.6,0.9L45.8,116z M42.2,117.7c0,0,0.6,0.8,1.8,0.8c1.2,0,1.8-0.8,1.8-0.8l6.2-5.4v8 c0,0.9-0.8,1.7-1.8,1.7H37.8c-1,0-1.8-0.8-1.8-1.7v-8L42.2,117.7z"
+ id="path5240" />
+<g
+ id="g5242">
+ <g
+ id="g5244">
+ <path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-237.5,145h-13c-0.8,0-1.5,0.7-1.5,1.5v11 c0,0.8,0.7,1.5,1.5,1.5h13c0.8,0,1.5-0.7,1.5-1.5v-11C-236,145.7-236.7,145-237.5,145z M-245.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C-246,146.2-245.8,146-245.5,146z M-247.6,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-248.1,146.2-247.8,146-247.6,146z M-249.5,146c0.3,0,0.5,0.2,0.5,0.5 c0,0.3-0.2,0.5-0.5,0.5s-0.5-0.2-0.5-0.5C-250,146.2-249.8,146-249.5,146z M-250,156v-6c0-0.6,0.4-1,1-1h7v8h-7 C-249.6,157-250,156.6-250,156z M-238,156c0,0.6-0.4,1-1,1h-1v-8h1c0.6,0,1,0.4,1,1V156z"
+ id="path5246" />
+ </g>
+</g>
+<path
+ fill-rule="evenodd"
+ clip-rule="evenodd"
+ fill="#231F20"
+ d="M-213.2,156c-1.3-1.2-2.2-2.8-2.2-4.6c0-3.6,3.3-6.5,7.4-6.5 c4.1,0,7.4,2.9,7.4,6.5c0,3.6-3.3,6.5-7.4,6.5c-0.8,0-1.6-0.1-2.4-0.3c-1.8,0.7-4.3,1.7-4.5,1.4C-213.9,157.9-213.5,156.8-213.2,156 z"
+ id="path5248" />
+<rect
+ id="_x3C_Slice_x3E_"
+ fill="none"
+ width="16"
+ height="16" />
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-generic.png b/arc-firefox-theme/chrome/browser/identity-icons-generic.png
new file mode 100644
index 0000000..a39e493
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-generic.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png
new file mode 100644
index 0000000..e7c041e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-generic@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png b/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png
new file mode 100644
index 0000000..d49be13
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-ev.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png
new file mode 100644
index 0000000..93a615d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-ev@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png
new file mode 100644
index 0000000..3c77bc8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png
new file mode 100644
index 0000000..cb3456e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-active@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png
new file mode 100644
index 0000000..09b4e97
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png
new file mode 100644
index 0000000..c79694f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https-mixed-display@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https.png b/arc-firefox-theme/chrome/browser/identity-icons-https.png
new file mode 100644
index 0000000..ffd6694
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png b/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png
new file mode 100644
index 0000000..a4af07b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity-icons-https@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/identity.png b/arc-firefox-theme/chrome/browser/identity.png
new file mode 100644
index 0000000..f3f790e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/identity.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/menuPanel.png b/arc-firefox-theme/chrome/browser/loop/menuPanel.png
new file mode 100644
index 0000000..31f3671
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/menuPanel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png b/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png
new file mode 100644
index 0000000..f52cf22
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/menuPanel@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png
new file mode 100644
index 0000000..31c0256
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png
new file mode 100644
index 0000000..1178851
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/toolbar-inverted@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar.png b/arc-firefox-theme/chrome/browser/loop/toolbar.png
new file mode 100644
index 0000000..8ba10aa
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/toolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png b/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png
new file mode 100644
index 0000000..c1fc1de
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/loop/toolbar@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/magnifier.png b/arc-firefox-theme/chrome/browser/magnifier.png
new file mode 100644
index 0000000..bcce4ad
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/magnifier.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/magnifier@2x.png b/arc-firefox-theme/chrome/browser/magnifier@2x.png
new file mode 100644
index 0000000..6aef26a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/magnifier@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/mask.png b/arc-firefox-theme/chrome/browser/mask.png
new file mode 100644
index 0000000..f48d176
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/mask.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/mask@2x.png b/arc-firefox-theme/chrome/browser/mask@2x.png
new file mode 100644
index 0000000..e284af0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/mask@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-customize.png b/arc-firefox-theme/chrome/browser/menuPanel-customize.png
new file mode 100644
index 0000000..e0b0a70
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-customize.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png
new file mode 100644
index 0000000..5ce3b76
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-customize@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-exit.png b/arc-firefox-theme/chrome/browser/menuPanel-exit.png
new file mode 100644
index 0000000..8daaffe
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-exit.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png
new file mode 100644
index 0000000..d484265
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-exit@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-help.png b/arc-firefox-theme/chrome/browser/menuPanel-help.png
new file mode 100644
index 0000000..962001f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-help.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png
new file mode 100644
index 0000000..b8f0a80
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-help@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-small.png b/arc-firefox-theme/chrome/browser/menuPanel-small.png
new file mode 100644
index 0000000..4cd3e52
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-small.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png b/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png
new file mode 100644
index 0000000..f3eb362
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel-small@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel.png b/arc-firefox-theme/chrome/browser/menuPanel.png
new file mode 100644
index 0000000..ccdc35b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/menuPanel@2x.png b/arc-firefox-theme/chrome/browser/menuPanel@2x.png
new file mode 100644
index 0000000..d1d5256
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/menuPanel@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/monitor.png b/arc-firefox-theme/chrome/browser/monitor.png
new file mode 100644
index 0000000..35e7b20
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/monitor.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/monitor_16-10.png b/arc-firefox-theme/chrome/browser/monitor_16-10.png
new file mode 100644
index 0000000..4195034
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/monitor_16-10.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/newtab/controls.svg b/arc-firefox-theme/chrome/browser/newtab/controls.svg
new file mode 100644
index 0000000..b6898bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/newtab/controls.svg
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1"
+ id="icons-enhanced-tiles"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="288"
+ height="32"
+ viewBox="0 0 288 32">
+
+ <defs>
+ <style type="text/css"><![CDATA[
+ /* Glyph Styles */
+
+ .glyphShape-style {
+ fill: #737373;
+ }
+
+ .glyphShape-style-pin {
+ fill: #b4b4b4;
+ }
+
+ .glyphShape-style-hover-gear {
+ fill: #4a90e2;
+ }
+
+ .glyphShape-style-hover-pin {
+ fill: #4a90e2;
+ }
+
+ .glyphShape-style-hover-delete {
+ fill: #ea0000;
+ }
+
+ .glyphShape-style-hover-active {
+ fill: #231f20;
+ }
+
+ /* Circle Background Styles */
+
+ .glyphShape-style-circle {
+ fill: #fff;
+ }
+
+ .glyphShape-style-circle-dropshadow {
+ fill: #000;
+ fill-opacity: .5;
+ filter: url(#filter-shadow-drop);
+ }
+ ]]></style>
+
+ <filter id="filter-shadow-drop" x="-10%" y="-10%" width="120%" height="120%">
+ <feOffset in="SourceAlpha" dx="0" dy=".75" result="filter-shadow-drop-offset" />
+ <feGaussianBlur in="filter-shadow-drop-offset" stdDeviation="1" result="filter-shadow-drop-blur"/>
+ </filter>
+
+ <path id="glyphShape-gear" d="M28,16c0-1.7,0.9-3.1,2-3.3c-0.4-1.5-0.9-2.9-1.7-4.2c-0.9,0.7-2.6,0.3-3.8-0.9c-1.2-1.2-1.6-2.8-0.9-3.8 c-1.3-0.8-2.7-1.4-4.2-1.7c-0.2,1.1-1.6,2-3.3,2S13,3.1,12.8,2c-1.5,0.4-2.9,0.9-4.2,1.7c0.7,0.9,0.3,2.6-0.9,3.8 c-1.4,1.1-3,1.5-4,0.9C2.9,9.7,2.4,11.2,2,12.7c1.1,0.2,2,1.6,2,3.3s-0.9,3.1-2,3.3c0.4,1.5,0.9,2.9,1.7,4.2 c0.9-0.7,2.6-0.3,3.8,0.9c1.2,1.2,1.6,2.8,0.9,3.8c1.3,0.8,2.7,1.4,4.2,1.7c0.2-1.1,1.6-2,3.3-2s3.1,0.9,3.3,2 c1.5-0.4,2.9-0.9,4.2-1.7c-0.7-0.9-0.3-2.6,0.9-3.8c1.3-1.2,2.8-1.6,3.8-0.9c0.8-1.3,1.4-2.7,1.7-4.2C28.9,19.1,28,17.7,28,16z M16,24c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S20.4,24,16,24z" />
+
+ <circle id="glyphShape-circle" cx="16" cy="16" r="14" />
+
+ <path id="glyphShape-pin" d="M19,15v-5h2V7H11v3h2v5l-3,2v2h5c0,4.5,0.4,8,1,8s1-3.5,1-8h5v-2L19,15z" />
+ <polygon id="glyphShape-delete" points="23,11 21,9 16,14 11,9 9,11 14,16 9,21 11,23 16,18 21,23 23,21 18,16" />
+
+ </defs>
+
+ <g id="icon-gear-default">
+ <use xlink:href="#glyphShape-gear" class="glyphShape-style" />
+ </g>
+
+ <g id="icon-gear-default" transform="translate(32)">
+ <use xlink:href="#glyphShape-gear" class="glyphShape-style-hover-gear" />
+ </g>
+
+ <g id="icon-pin-default" transform="translate(64)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-pin" class="glyphShape-style" />
+ </g>
+
+ <g id="icon-pin-hover" transform="translate(96)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-pin" />
+ </g>
+
+ <g id="icon-pin-hover-active" transform="translate(128)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-pin" class="glyphShape-style-hover-active" />
+ </g>
+
+ <g id="icon-delete-default" transform="translate(160)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-delete" class="glyphShape-style" />
+ </g>
+
+ <g id="icon-delete-hover" transform="translate(192)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-delete" />
+ </g>
+
+ <g id="icon-delete-hover-active" transform="translate(224)">
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle-dropshadow" />
+ <use xlink:href="#glyphShape-circle" class="glyphShape-style-circle" />
+ <use xlink:href="#glyphShape-delete" class="glyphShape-style-hover-active" />
+ </g>
+
+ <g id="icon-pin-default" transform="translate(256)">
+ <use xlink:href="#glyphShape-pin" class="glyphShape-style-pin" />
+ </g>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/newtab/newTab.css b/arc-firefox-theme/chrome/browser/newtab/newTab.css
new file mode 100644
index 0000000..67dbf81
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/newtab/newTab.css
@@ -0,0 +1,242 @@
+/* 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/. */
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+ -moz-appearance: none;
+ font-size: 75%;
+ background-color: transparent;
+}
+
+/* SCROLLBOX */
+#newtab-scrollbox:not([page-disabled]) {
+ color: rgb(0,0,0);
+ background-color: #f9f9f9;
+}
+
+#newtab-scrollbox:not([page-disabled]) #newtab-margin-bottom {
+ background: inherit;
+}
+
+/* UNDO */
+#newtab-undo-container {
+ padding: 4px 3px;
+ border: 1px solid;
+ border-color: rgba(8,22,37,.12) rgba(8,22,37,.14) rgba(8,22,37,.16);
+ background-color: rgba(255,255,255,.4);
+ color: #525e69;
+}
+
+#newtab-undo-label {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.newtab-undo-button {
+ -moz-appearance: none;
+ cursor: pointer;
+ padding: 0;
+ margin: 0 4px;
+ border: 0;
+ background: transparent;
+ text-decoration: none;
+ min-width: 0;
+}
+
+.newtab-undo-button:hover {
+ text-decoration: underline;
+}
+
+.newtab-undo-button:-moz-focusring {
+ outline: 1px dotted;
+}
+
+#newtab-undo-close-button {
+ -moz-appearance: none;
+ padding: 0;
+ border: none;
+}
+
+#newtab-undo-close-button:-moz-focusring {
+ outline: 1px dotted;
+}
+
+/* CUSTOMIZE */
+#newtab-customize-button,
+.newtab-customize {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 32, 32, 0);
+ background-size: 28px;
+ height: 38px;
+ width: 38px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-color: transparent;
+ border: none;
+}
+
+.newtab-customize {
+ height: 28px;
+ width: 28px;
+}
+
+#newtab-customize-button:-moz-any(:hover, :active, [active]) {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 64, 32, 32);
+ background-color: #FFFFFF;
+ border: solid 1px #CCCCCC;
+ border-radius: 2px;
+}
+
+/* CELLS */
+.newtab-cell {
+ background-color: rgba(255,255,255,.2);
+ border-radius: 8px;
+}
+
+.newtab-cell:empty {
+ outline: 2px dashed #c1c1c1;
+ -moz-outline-radius: 8px;
+}
+
+/* SITES */
+.newtab-site {
+ border-radius: inherit;
+ box-shadow: 0 1px 3px #c1c1c1;
+ text-decoration: none;
+ transition-property: top, left, opacity, box-shadow, background-color;
+}
+
+.newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link,
+.newtab-cell:not([ignorehover]) .newtab-link:hover,
+.newtab-site[dragged] {
+ border: 2px solid white;
+ box-shadow: 0 0 6px 2px #4cb1ff;
+ margin: -2px;
+}
+
+.newtab-site[dragged] {
+ transition-property: box-shadow, background-color;
+ background-color: rgb(242,242,242);
+}
+
+/* LINKS */
+.newtab-link {
+ border-radius: 10px;
+ overflow: hidden;
+}
+
+/* THUMBNAILS */
+.newtab-thumbnail {
+ background-origin: padding-box;
+ background-clip: padding-box;
+ background-repeat: no-repeat;
+ background-size: cover;
+ border-radius: 8px 8px 0px 0px;
+ height: 180px;
+ transition: opacity 100ms ease-out;
+}
+
+.newtab-cell:not([ignorehover]) .newtab-site:hover .newtab-thumbnail.enhanced-content {
+ opacity: 0;
+}
+
+.newtab-site[type=affiliate] .newtab-thumbnail,
+.newtab-site[type=enhanced] .newtab-thumbnail,
+.newtab-site[type=organic] .newtab-thumbnail,
+.newtab-site[type=sponsored] .newtab-thumbnail {
+ background-position: center center;
+ background-size: auto;
+}
+
+/* TITLES */
+#newtab-intro-what,
+.newtab-sponsored,
+.newtab-title,
+.newtab-suggested {
+ color: #5c5c5c;
+}
+
+.newtab-suggested[active] {
+ background-color: rgba(51, 51, 51, 0.95);
+ border: 0;
+ color: white;
+}
+
+.newtab-site:hover .newtab-title {
+ color: #222;
+}
+
+.newtab-site[pinned] .newtab-title {
+ -moz-padding-start: 24px;
+}
+
+.newtab-site[pinned] .newtab-title::before {
+ background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 7, 278, 28, 266);
+ background-size: 10px;
+ content: "";
+ height: 17px;
+ left: 0;
+ position: absolute;
+ width: 10px;
+ margin-left: 8px;
+ margin-top: 6px;
+}
+
+.newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before {
+ left: auto;
+ right: 0;
+}
+
+/* CONTROLS */
+.newtab-control {
+ background-color: transparent;
+ background-size: 24px;
+ border: none;
+ height: 24px;
+ width: 24px;
+}
+
+.newtab-control-pin,
+.newtab-site[pinned] .newtab-control-pin:hover:active {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 96, 32, 64);
+}
+
+.newtab-control-pin:hover,
+.newtab-site[pinned] .newtab-control-pin:hover {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 160, 32, 128);
+}
+
+.newtab-control-pin:hover:active,
+.newtab-site[pinned] .newtab-control-pin {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 128, 32, 96);
+}
+
+.newtab-control-block {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 192, 32, 160);
+}
+
+.newtab-control-block:hover {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 224, 32, 192);
+}
+
+.newtab-control-block:hover:active {
+ background-image: -moz-image-rect(url(chrome://browser/skin/newtab/controls.svg), 0, 256, 32, 224);
+}
+
+
+.newtab-undo-button {
+ color: rgb(221,72,20);
+}
+
+#newtab-undo-close-button {
+ height: 16px;
+ width: 16px;
+}
+
+#newtab-intro-panel,
+.newtab-title {
+ font-family: sans-serif;
+}
diff --git a/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png
new file mode 100644
index 0000000..5c5c2f4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/newtab/whimsycorn.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-16.png b/arc-firefox-theme/chrome/browser/notification-16.png
new file mode 100644
index 0000000..6b2df73
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/notification-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-64.png b/arc-firefox-theme/chrome/browser/notification-64.png
new file mode 100644
index 0000000..a01d0ab
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/notification-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-pluginAlert.png b/arc-firefox-theme/chrome/browser/notification-pluginAlert.png
new file mode 100644
index 0000000..7492fdd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/notification-pluginAlert.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png b/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png
new file mode 100644
index 0000000..e2e9489
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/notification-pluginBlocked.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/notification-pluginNormal.png b/arc-firefox-theme/chrome/browser/notification-pluginNormal.png
new file mode 100644
index 0000000..979e92b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/notification-pluginNormal.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/page-livemarks.png b/arc-firefox-theme/chrome/browser/page-livemarks.png
new file mode 100644
index 0000000..c3b534e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/page-livemarks.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/pageInfo.css b/arc-firefox-theme/chrome/browser/pageInfo.css
new file mode 100644
index 0000000..a7822e8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/pageInfo.css
@@ -0,0 +1,275 @@
+
+@import url("chrome://global/skin/");
+
+/* View buttons */
+#viewGroup > radio {
+ list-style-image: url("chrome://browser/skin/pageInfo.png");
+ -moz-box-orient: vertical;
+ -moz-box-align: center;
+ -moz-appearance: none;
+ min-width: 4.5em;
+ margin: 0;
+ padding: 3px;
+ color: -moz-FieldText;
+}
+
+#viewGroup > radio[selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+#topBar {
+ -moz-appearance: listbox;
+ margin: 8px 8px 0;
+}
+
+#generalTab {
+ -moz-image-region: rect(0px, 32px, 32px, 0px)
+}
+
+#mediaTab {
+ -moz-image-region: rect(0px, 64px, 32px, 32px)
+}
+
+#feedTab {
+ -moz-image-region: rect(0px, 96px, 32px, 64px)
+}
+
+#permTab {
+ -moz-image-region: rect(0px, 128px, 32px, 96px)
+}
+
+#securityTab {
+ -moz-image-region: rect(0px, 160px, 32px, 128px)
+}
+
+#mainDeck {
+ padding-left: 2px;
+ padding-right: 2px;
+}
+
+deck {
+ padding: 10px 10px 10px 10px;
+}
+
+/* Misc */
+tree {
+ margin: .5em;
+}
+
+.gridSeparator {
+ width: .5em;
+}
+
+textbox {
+ background: transparent !important;
+ border: none;
+ padding: 0px;
+ margin-top: 1px;
+ -moz-appearance: none;
+}
+
+textbox.header {
+ -moz-margin-start: 0;
+}
+
+.iframe {
+ margin: .5em;
+ background: white;
+ overflow: auto;
+}
+
+.fixedsize {
+ height: 8.5em;
+}
+
+textbox[disabled] {
+ font-style: italic;
+}
+
+/* General Tab */
+#generalPanel > #titletext {
+ -moz-margin-start: 5px;
+}
+
+groupbox.collapsable caption .caption-icon {
+ width: 9px;
+ height: 9px;
+ background-repeat: no-repeat;
+ background-position: center;
+ -moz-margin-start: 1px;
+ -moz-margin-end: 3px;
+ background-image: url("chrome://global/skin/tree/twisty-open.png");
+}
+
+groupbox.collapsable[closed="true"] {
+ border: none;
+}
+
+groupbox.collapsable[closed="true"] caption .caption-icon {
+ background-image: url("chrome://global/skin/tree/twisty-clsd.png");
+}
+
+groupbox tree {
+ margin: 0;
+ border: none;
+}
+
+groupbox.treebox .groupbox-body {
+ -moz-margin-start: 5px;
+ -moz-margin-end: 1px;
+ padding-top: 0;
+}
+
+#securityBox description {
+ -moz-margin-start: 10px;
+}
+
+#general-security-identity {
+ white-space: pre-wrap;
+ line-height: 2em;
+}
+
+/* Media Tab */
+#imagetree {
+ min-height: 10em;
+ margin-top: 2px;
+ margin-bottom: 0;
+}
+
+#mediaSplitter {
+ -moz-appearance: none;
+ height: .8em;
+}
+
+#mediaGrid {
+ min-height: 9em;
+}
+
+#mediaLabelColumn {
+ min-width: 10em;
+}
+
+#thepreviewimage {
+ margin: 1em;
+}
+
+treechildren::-moz-tree-cell-text(broken) {
+ font-style: italic;
+ color: graytext;
+}
+
+#mediaPreviewBox .inset {
+ -moz-appearance: listbox;
+ margin-bottom: 0;
+}
+
+/* Feeds Tab */
+#feedPanel {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+#feedtree {
+ margin-bottom: 0px;
+}
+
+#feedListbox richlistitem {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 7px;
+ -moz-padding-end: 7px;
+ min-height: 25px;
+ border-bottom: 1px dotted #C0C0C0;
+ color: -moz-FieldText;
+}
+
+#feedListbox richlistitem[selected="true"] {
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+#feedListbox {
+ margin-bottom: 0;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+}
+
+.feedTitle {
+ font-weight: bold;
+}
+
+/* Permissions Tab */
+#permPanel {
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+#permList {
+ -moz-appearance: listbox;
+ margin-top: .5em;
+ overflow: auto;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ background-color: -moz-field;
+ color: -moz-FieldText;
+}
+
+.permission {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 7px;
+ -moz-padding-end: 7px;
+ min-height: 25px;
+ border-bottom: 1px dotted #C0C0C0;
+}
+
+.permissionLabel {
+ font-weight: bold;
+}
+
+.permission:hover {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+}
+
+/* Security Tab */
+#securityPanel .caption-icon {
+ display: none;
+}
+
+#securityPanel .header {
+ font-size: 120%;
+}
+
+#securityPanel .fieldLabel {
+ margin: 2px 10px 3px;
+}
+
+#securityPanel .fieldValue {
+ font-weight: bold;
+ margin: 2px 10px 3px;
+}
+
+#securityPanel row {
+ -moz-box-align: center;
+}
+
+/* Icons for context menus */
+menuitem:not([type]) {
+ -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
+}
+
+#menu_selectall {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
+}
+
+#menu_copy {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
+}
diff --git a/arc-firefox-theme/chrome/browser/pageInfo.png b/arc-firefox-theme/chrome/browser/pageInfo.png
new file mode 100644
index 0000000..2cbb15d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/pageInfo.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header-small.png b/arc-firefox-theme/chrome/browser/panic-panel/header-small.png
new file mode 100644
index 0000000..ef1956f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/header-small.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png
new file mode 100644
index 0000000..ae445a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/header-small@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header.png b/arc-firefox-theme/chrome/browser/panic-panel/header.png
new file mode 100644
index 0000000..edac3e6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/header.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png
new file mode 100644
index 0000000..f137928
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/header@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/icons.png b/arc-firefox-theme/chrome/browser/panic-panel/icons.png
new file mode 100644
index 0000000..f7f9a3e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/icons.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png b/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png
new file mode 100644
index 0000000..959ebf5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/panic-panel/icons@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png b/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png
new file mode 100644
index 0000000..616f16b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/bookmarks-menu-arrow.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png b/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png
new file mode 100644
index 0000000..8520b49
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/bookmarks-notification-finish.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png b/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png
new file mode 100644
index 0000000..80dd216
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/bookmarksMenu.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png
new file mode 100644
index 0000000..367a909
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar-menuPanel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png
new file mode 100644
index 0000000..09502fe
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/bookmarksToolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/calendar.png b/arc-firefox-theme/chrome/browser/places/calendar.png
new file mode 100644
index 0000000..f712868
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/calendar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/downloads.png b/arc-firefox-theme/chrome/browser/places/downloads.png
new file mode 100644
index 0000000..d641714
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/downloads.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css
new file mode 100644
index 0000000..465cacd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/editBookmarkOverlay.css
@@ -0,0 +1,66 @@
+/**** folder menulist ****/
+.folder-icon > .menulist-label-box > .menulist-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.folder-icon > .menu-iconic-left {
+ display: -moz-box;
+}
+
+.folder-icon {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu") !important;
+}
+
+
+/**** expanders ****/
+
+.expander-up,
+.expander-down {
+ min-width: 0;
+ padding: 2px 0;
+ -moz-padding-start: 2px;
+}
+
+.expander-up > .button-box {
+ -moz-appearance: button-arrow-up;
+}
+
+.expander-down > .button-box {
+ -moz-appearance: button-arrow-down;
+}
+
+#editBookmarkPanelContent {
+ min-width: 23em;
+}
+
+#editBMPanel_folderTree {
+ margin-top: 2px;
+ margin-bottom: 2px;
+}
+
+/* Hide the value column of the tag autocomplete popup
+ * leaving only the comment column visible. This is
+ * so that only the tag being edited is shown in the
+ * popup.
+ */
+#editBMPanel_tagsField #treecolAutoCompleteValue {
+ visibility: collapse;
+}
+
+
+/* Bookmark panel dropdown menu items */
+#editBMPanel_folderMenuList[selectedIndex="0"],
+#editBMPanel_toolbarFolderItem {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
+}
+
+#editBMPanel_folderMenuList[selectedIndex="1"],
+#editBMPanel_bmRootItem {
+ list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png") !important;
+}
+
+#editBMPanel_folderMenuList[selectedIndex="2"],
+#editBMPanel_unfiledRootItem {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png") !important;
+}
diff --git a/arc-firefox-theme/chrome/browser/places/livemark-item.png b/arc-firefox-theme/chrome/browser/places/livemark-item.png
new file mode 100644
index 0000000..9184b95
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/livemark-item.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/organizer.css b/arc-firefox-theme/chrome/browser/places/organizer.css
new file mode 100644
index 0000000..09a3579
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/organizer.css
@@ -0,0 +1,99 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+/* Toolbar */
+#placesToolbar {
+ border: none;
+}
+
+/* back button */
+
+#back-button {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar");
+}
+#back-button[disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=toolbar&state=disabled");
+}
+
+#back-button:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar");
+}
+#back-button[disabled="true"]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=toolbar&state=disabled");
+}
+
+/* forward button */
+
+#forward-button {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar");
+}
+#forward-button[disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=toolbar&state=disabled");
+}
+
+#forward-button:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar");
+}
+#forward-button[disabled="true"]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=toolbar&state=disabled");
+}
+
+/* Menu */
+#placesMenu {
+ -moz-appearance: none;
+ border: none;
+}
+
+#placesMenu > menu {
+ -moz-padding-start: 4px;
+ -moz-binding: url("chrome://browser/skin/places/organizer.xml#toolbarbutton-dropdown");
+ -moz-appearance: toolbarbutton;
+ color: -moz-DialogText;
+}
+
+#placesMenu > menu:hover:not(:active):not([open="true"]) {
+ color: -moz-buttonhovertext;
+}
+
+#placesMenu > menu > .menubar-right {
+ -moz-appearance: toolbarbutton-dropdown;
+ width: 12px;
+ height: 12px;
+}
+
+/* Root View */
+#placesView {
+ background-color: Window;
+}
+
+/* Info box */
+#detailsDeck {
+ padding: 5px;
+}
+
+#infoBoxExpanderLabel {
+ -moz-padding-start: 2px;
+}
+
+/**** menuitem stock icons ****/
+#orgClose {
+ list-style-image: url("moz-icon://stock/gtk-close?size=menu");
+}
+
+#fileImport {
+ list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=menu");
+}
+
+#fileExport {
+ list-style-image: url("moz-icon://stock/gtk-save-as?size=menu");
+}
+
+/**
+ * Downloads pane
+ */
+
+#clearDownloadsButton > .toolbarbutton-icon {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/places/organizer.xml b/arc-firefox-theme/chrome/browser/places/organizer.xml
new file mode 100644
index 0000000..8331ebb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/organizer.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0"?>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<bindings id="organizerBindings"
+ xmlns="http://www.mozilla.org/xbl"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ xmlns:xbl="http://www.mozilla.org/xbl">
+
+ <binding id="toolbarbutton-dropdown"
+ extends="chrome://global/content/bindings/menu.xml#menu-base">
+ <content>
+ <xul:image class="menubar-left" xbl:inherits="src=image"/>
+ <xul:label class="menubar-text" xbl:inherits="value=label,accesskey,crop" crop="right"/>
+ <xul:hbox class="menubar-right"/>
+ <children includes="menupopup"/>
+ </content>
+ </binding>
+</bindings>
diff --git a/arc-firefox-theme/chrome/browser/places/places.css b/arc-firefox-theme/chrome/browser/places/places.css
new file mode 100644
index 0000000..d2b806b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/places.css
@@ -0,0 +1,221 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* Sidebars */
+.sidebar-placesTree {
+ margin: 0;
+}
+
+.sidebar-placesTreechildren::-moz-tree-cell(leaf) ,
+.sidebar-placesTreechildren::-moz-tree-image(leaf) {
+ cursor: pointer;
+}
+
+.sidebar-placesTreechildren::-moz-tree-cell-text(leaf, hover) {
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+.sidebar-placesTreechildren::-moz-tree-cell(separator) {
+ cursor: default;
+}
+
+/* Trees */
+treechildren::-moz-tree-image(title) {
+ padding-right: 2px;
+ margin: 0px 2px;
+ width: 16px;
+ height: 16px;
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+treechildren::-moz-tree-image(title, livemarkItem) {
+ list-style-image: url("chrome://browser/skin/places/livemark-item.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+treechildren::-moz-tree-image(title, livemarkItem, visited) {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+treechildren::-moz-tree-image(title, separator) {
+ list-style-image: none;
+ width: 0;
+ height: 0;
+}
+
+treechildren::-moz-tree-image(title, container) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+treechildren::-moz-tree-image(title, container, livemark) {
+ list-style-image: url("chrome://browser/skin/feeds/feedIcon16.png");
+ -moz-image-region: auto;
+}
+
+treechildren::-moz-tree-image(container, OrganizerQuery_AllBookmarks) {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px);
+}
+
+treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
+ -moz-image-region: auto;
+}
+
+treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
+ list-style-image: url("chrome://browser/skin/places/bookmarksMenu.png");
+ -moz-image-region: auto;
+}
+
+treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
+ -moz-image-region: auto;
+}
+
+/* query-nodes should be styled even if they're not expandable */
+treechildren::-moz-tree-image(title, query) {
+ list-style-image: url("chrome://browser/skin/places/query.png");
+}
+
+treechildren::-moz-tree-image(query, OrganizerQuery_Downloads) {
+ list-style-image: url("chrome://browser/skin/places/downloads.png");
+ -moz-image-region: auto;
+}
+
+treechildren::-moz-tree-image(title, query, tagContainer),
+treechildren::-moz-tree-image(query, OrganizerQuery_Tags) {
+ list-style-image: url("chrome://browser/skin/places/tag.png");
+}
+
+/* calendar icon for folders grouping items by date */
+treechildren::-moz-tree-image(title, query, dayContainer) {
+ list-style-image: url("chrome://browser/skin/places/calendar.png");
+}
+
+treechildren::-moz-tree-image(title, query, hostContainer) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+treechildren::-moz-tree-image(title, query, hostContainer, open) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+treechildren::-moz-tree-image(title, query, OrganizerQuery_History) {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px);
+}
+
+/* We want some queries to look like ordinary folders. This must come
+ after the (title, query) selector, or it would get overridden. */
+treechildren::-moz-tree-image(title, query, folder) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+treechildren::-moz-tree-image(cutting) {
+ opacity: 0.5;
+}
+
+treechildren::-moz-tree-cell-text(cutting) {
+ opacity: 0.7;
+}
+
+/**** menuitem stock icons ****/
+menuitem:not([type]) {
+ -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
+}
+
+menuitem[command="cmd_cut"],
+menuitem[cmd="cmd_cut"] {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
+}
+
+menuitem[command="cmd_cut"][disabled],
+menuitem[cmd="cmd_cut"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_copy"],
+menuitem[cmd="cmd_copy"] {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
+}
+
+menuitem[command="cmd_copy"][disabled],
+menuitem[cmd="cmd_copy"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_paste"],
+menuitem[cmd="cmd_paste"] {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
+}
+
+menuitem[command="cmd_paste"][disabled],
+menuitem[cmd="cmd_paste"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_delete"],
+menuitem[cmd="cmd_delete"] {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
+}
+
+menuitem[command="cmd_delete"][disabled],
+menuitem[cmd="cmd_delete"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_undo"],
+menuitem[cmd="cmd_undo"] {
+ list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
+}
+
+menuitem[command="cmd_undo"][disabled],
+menuitem[cmd="cmd_undo"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_redo"] {
+ list-style-image: url("moz-icon://stock/gtk-redo?size=menu");
+}
+
+menuitem[command="cmd_redo"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-redo?size=menu&state=disabled");
+}
+
+menuitem[command="cmd_selectAll"],
+menuitem[cmd="cmd_selectAll"] {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
+}
+
+menuitem[command="cmd_selectAll"][disabled],
+menuitem[cmd="cmd_selectAll"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled");
+}
+
+#placesContext_open\:newwindow,
+menuitem[command="placesCmd_open:window"] {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 80px 16px 64px);
+}
+
+#placesContext_open\:newprivatewindow,
+menuitem[command="placesCmd_open:privatewindow"] {
+ list-style-image: url("chrome://browser/skin/Privacy-16.png");
+}
+
+#placesContext_open\:newtab,
+menuitem[command="placesCmd_open:tab"] {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 64px 16px 48px);
+}
+
+#placesContext_show\:info,
+menuitem[command="placesCmd_show:info"] {
+ list-style-image: url("moz-icon://stock/gtk-properties?size=menu");
+}
+
+#placesContext_reload {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
+}
diff --git a/arc-firefox-theme/chrome/browser/places/query.png b/arc-firefox-theme/chrome/browser/places/query.png
new file mode 100644
index 0000000..2420dee
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/query.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/star-icons.png b/arc-firefox-theme/chrome/browser/places/star-icons.png
new file mode 100644
index 0000000..fd4e0cd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/star-icons.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/starred48.png b/arc-firefox-theme/chrome/browser/places/starred48.png
new file mode 100644
index 0000000..bdcc7e7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/starred48.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/tag.png b/arc-firefox-theme/chrome/browser/places/tag.png
new file mode 100644
index 0000000..27176cc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/tag.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png b/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png
new file mode 100644
index 0000000..ed3200f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/toolbarDropMarker.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png b/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png
new file mode 100644
index 0000000..4dcf761
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/unsortedBookmarks.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/places/unstarred48.png b/arc-firefox-theme/chrome/browser/places/unstarred48.png
new file mode 100644
index 0000000..1544863
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/places/unstarred48.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/pointerLock-16.png b/arc-firefox-theme/chrome/browser/pointerLock-16.png
new file mode 100644
index 0000000..862cd11
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/pointerLock-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/pointerLock-64.png b/arc-firefox-theme/chrome/browser/pointerLock-64.png
new file mode 100644
index 0000000..a35ce04
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/pointerLock-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/Options-sync.png b/arc-firefox-theme/chrome/browser/preferences/Options-sync.png
new file mode 100644
index 0000000..89901fb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/Options-sync.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/Options.png b/arc-firefox-theme/chrome/browser/preferences/Options.png
new file mode 100644
index 0000000..82bebd2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/Options.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css
new file mode 100644
index 0000000..1de69ff
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/aboutPermissions.css
@@ -0,0 +1,119 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/inContentUI.css");
+
+
+/* sites box */
+
+#sites-box {
+ padding: 10px;
+ width: 25em;
+}
+
+#sites-filter {
+ margin: 0;
+}
+
+#sites-list {
+ margin: 5px 0 0 0;
+}
+
+.site {
+ padding: 4px;
+ border-bottom: 1px solid ThreeDLightShadow;
+}
+
+.site-favicon {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 4px;
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+#all-sites-item > .site-container > .site-favicon {
+ list-style-image: none;
+}
+
+/* permissions box */
+
+#permissions-box {
+ padding-top: 10px;
+ overflow-y: auto;
+}
+
+#site-description {
+ font-size: 125%;
+ -moz-margin-start: 6px; /* to match button margin */
+}
+
+#site-label {
+ font-weight: bold;
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+#defaults-description {
+ font-size: 125%;
+ font-weight: bold;
+ -moz-margin-start: 6px;
+}
+
+.pref-item {
+ margin-bottom: 10px;
+}
+
+.pref-icon {
+ width: 36px;
+ height: 36px;
+ -moz-margin-end: 10px;
+}
+
+.pref-icon[type="password"] {
+ list-style-image: url(chrome://mozapps/skin/passwordmgr/key-64.png);
+}
+.pref-icon[type="cookie"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="geo"] {
+ list-style-image: url(chrome://browser/skin/Geolocation-64.png);
+}
+.pref-icon[type="push"] {
+ list-style-image: url(chrome://browser/skin/Push-64.png);
+}
+.pref-icon[type="indexedDB"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="install"] {
+ list-style-image: url(chrome://mozapps/skin/extensions/extensionGeneric.png);
+}
+.pref-icon[type="popup"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="image"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="plugins"] {
+ list-style-image: url(chrome://mozapps/skin/plugins/pluginGeneric.png);
+}
+.pref-icon[type="fullscreen"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="camera"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+.pref-icon[type="microphone"] {
+ list-style-image: url(chrome://global/skin/icons/question-64.png);
+}
+
+.pref-title {
+ font-size: 125%;
+ margin-bottom: 0;
+ font-weight: bold;
+}
+
+.pref-menulist {
+ margin-left: 6px;
+ margin-right: 6px;
+}
diff --git a/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png b/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png
new file mode 100644
index 0000000..45256d4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/alwaysAsk.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/applications.css b/arc-firefox-theme/chrome/browser/preferences/applications.css
new file mode 100644
index 0000000..345fe75
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/applications.css
@@ -0,0 +1,66 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/**
+ * Line up the actions menu with action labels above and below it.
+ * Equalize the distance from the left side of the action box to the left side
+ * of the icon for both the menu and the non-menu versions of the action box.
+ * Also make sure the labels are the same distance away from the icons.
+ */
+.actionsMenu {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-margin-start: -1px;
+ -moz-margin-end: 0;
+}
+
+.typeIcon,
+.actionIcon {
+ -moz-margin-start: 3px;
+ -moz-margin-end: 3px;
+}
+
+#handlersView > richlistitem label {
+ -moz-margin-start: 1px;
+ margin-top: 2px;
+}
+
+#handlersView > richlistitem {
+ min-height: 25px;
+}
+
+richlistitem[appHandlerIcon="ask"],
+menuitem[appHandlerIcon="ask"] {
+ list-style-image: url("chrome://browser/skin/preferences/alwaysAsk.png");
+}
+
+richlistitem[appHandlerIcon="save"],
+menuitem[appHandlerIcon="save"] {
+ list-style-image: url("moz-icon://stock/gtk-save?size=menu");
+}
+
+richlistitem[appHandlerIcon="feed"],
+menuitem[appHandlerIcon="feed"] {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png");
+}
+
+richlistitem[appHandlerIcon="plugin"],
+menuitem[appHandlerIcon="plugin"] {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+}
+
+.actionsMenu .menulist-icon {
+ -moz-margin-end: 1px;
+ height: 16px;
+ width: 16px;
+}
+
+.actionsMenu > menupopup > menuitem > .menu-iconic-left {
+ -moz-padding-start: 0;
+ -moz-padding-end: 4px !important;
+}
+
+.actionsMenu > menupopup > menuitem {
+ -moz-padding-start: 3px;
+}
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg b/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg
new file mode 100644
index 0000000..c38dec5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/default-profile-image.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve">
+<path fill="#C3CFD8" d="M500-0.3c276.1,0,500,223.9,500,500s-223.9,500-500,500S0,775.8,0,499.7C0,223.5,223.9-0.3,500-0.3z"/>
+<circle fill="#FFFFFF" cx="500" cy="317" r="139.1"/>
+<path fill="#FFFFFF" d="M751.8,643.6L751.8,643.6c0.1-2.3,0.2-4.6,0.2-6.9c0-68-55.3-127-136.2-156.3L505.9,590.4h0
+ c-0.4,29.8-1.4,58.8-2.8,86.6c-1,0.1-2,0.3-3.1,0.3s-2-0.2-3.1-0.3c-1.4-27.9-2.4-56.9-2.8-86.7h0L384.3,480.4
+ C303.3,509.7,248,568.7,248,636.7c0,2.3,0.1,4.6,0.2,6.9l7.4,49.7c57.1,72,145.4,118.2,244.4,118.2c99,0,187.3-46.2,244.4-118.2
+ L751.8,643.6z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css
new file mode 100644
index 0000000..9bf0d03
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/dialog.css
@@ -0,0 +1,75 @@
+/* - 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/. */
+
+
+dialog,
+window,
+prefpane,
+prefwindow,
+.windowDialog {
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ color: #424e5a;
+ margin: 0;
+ padding: 0;
+}
+
+.contentPane {
+ margin: 0;
+}
+
+tabbox {
+ /* override the rule in certManager.xul */
+ margin: 0 0 5px !important;
+}
+
+tabpanels {
+ font-size: 1em;
+}
+
+tabs,
+label,
+description,
+#useDocumentColors {
+ margin-right: 4px;
+ margin-left: 4px;
+}
+
+tree:not(#rejectsTree) {
+ min-height: 15em;
+}
+
+.actionButtons {
+ margin: 3px 0 0 !important;
+}
+
+caption {
+ -moz-padding-start: 0;
+}
+
+groupbox {
+ font-size: 1em;
+ margin-top: 0;
+ margin-right: 4px;
+ margin-left: 4px;
+ padding-top: 0;
+ padding-bottom: 5px;
+}
+
+prefpane .groupbox-body {
+ padding: 0 0 5px;
+}
+
+groupbox description {
+ margin-right: 0;
+ margin-left: 0;
+}
+
+label,
+textbox,
+description,
+.tab-text,
+caption > label {
+ font-size: 1.2em;
+}
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico b/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico
new file mode 100644
index 0000000..4d07d2b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/favicon.ico
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg b/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg
new file mode 100644
index 0000000..b74eb6d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/icons.svg
@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 24 24">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #fbfbfb;
+ stroke: rgba(0,0,0,0.4);
+ stroke-width: .5px;
+ }
+ use[id$="-native"] {
+ fill: ThreeDHighlight;
+ }
+ </style>
+ <defs style="display: none;">
+ <g id="general-shape">
+ <path
+ d="M18.97,3H5.03C3.914,3,3,3.914,3,5.03v13.94C3,20.086,3.914,21,5.03,21H18.97c1.117,0,2.03-0.914,2.03-2.03
+ V5.03C21,3.914,20.086,3,18.97,3z M5.35,19.326c-0.404,0-0.731-0.327-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731
+ c0.404,0,0.731,0.327,0.731,0.731C6.081,19,5.754,19.326,5.35,19.326z M5.35,6.168c-0.403,0-0.731-0.328-0.731-0.731
+ c0-0.404,0.328-0.731,0.731-0.731c0.403,0,0.731,0.327,0.731,0.731C6.081,5.84,5.753,6.168,5.35,6.168z M15.243,14.035
+ c0,0.229-0.186,0.416-0.414,0.416c-0.229,0-0.415,0.186-0.415,0.414v3.347c0,0.228-0.185,0.384-0.414,0.384l-4.141,0.03
+ c-0.227,0-0.414-0.186-0.414-0.414v-3.347c0-0.228-0.185-0.414-0.414-0.414c-0.227,0-0.414-0.187-0.414-0.416V6.582
+ c0-0.229,0.187-0.414,0.414-0.414h5.798c0.228,0,0.414,0.185,0.414,0.414V14.035z M18.509,19.326c-0.404,0-0.731-0.327-0.731-0.731
+ c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731C19.24,19,18.913,19.326,18.509,19.326z M18.509,6.168
+ c-0.404,0-0.731-0.328-0.731-0.731c0-0.404,0.327-0.731,0.731-0.731c0.404,0,0.731,0.327,0.731,0.731
+ C19.24,5.84,18.913,6.168,18.509,6.168z"/>
+ <path
+ d="M12.757,7.824h-1.657c-0.456,0-0.828,0.373-0.828,0.828v8.282c0,0.456,0.373,0.828,0.828,0.828h1.657
+ c0.456,0,0.828-0.373,0.828-0.828V8.652C13.586,8.196,13.213,7.824,12.757,7.824z"/>
+ </g>
+ <g id="search-shape">
+ <path
+ d="M2,10.018c0,4.43,3.585,8.019,8.009,8.019
+ c1.603,0,3.095-0.473,4.348-1.285l4.806,4.81c0.58,0.583,1.523,0.583,2.105,0l0.296-0.297c0.582-0.583,0.582-1.527,0-2.11
+ l-4.808-4.814c0.8-1.247,1.265-2.73,1.265-4.323c0-4.43-3.587-8.018-8.012-8.018C5.585,2,2,5.589,2,10.018z M5.104,10.021
+ c0-2.716,2.196-4.915,4.906-4.915c2.71,0,4.908,2.199,4.908,4.915c0,2.712-2.198,4.911-4.908,4.911
+ C7.3,14.931,5.104,12.732,5.104,10.021z"/>
+ </g>
+ <g id="content-shape">
+ <path
+ d="M16.286,2H5.571C4.388,2,3.429,2.96,3.429,4.143v15.714
+ C3.429,21.04,4.388,22,5.571,22h12.857c1.185,0,2.143-0.96,2.143-2.143V6.286L16.286,2z M18.945,19.223c0,0.22-0.18,0.4-0.4,0.4
+ h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V19.223z M18.945,15.223
+ c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2c0.22,0,0.4,0.18,0.4,0.4V15.223z
+ M18.945,11.229c0,0.22-0.18,0.4-0.4,0.4h-13.2c-0.22,0-0.4-0.18-0.4-0.4v-0.846c0-0.22,0.18-0.4,0.4-0.4h13.2
+ c0.22,0,0.4,0.18,0.4,0.4V11.229z M14.833,7.707v-4.65l4.65,4.65H14.833z"/>
+ </g>
+ <g id="applications-shape">
+ <path
+ d="M16.673,8.914C16.089,4.122,13.248,1,12,1c-1.25,0-3.986,3.122-4.767,7.914l-3.122,3.131v7.889h2.268
+ l2.978-3.436c0.28,0.29,0.737,1.666,1.065,1.858h3.155c0.331-0.193,0.789-1.569,1.068-1.858l3.123,3.436h2.12v-7.84L16.673,8.914z
+ M12.042,8.735c-0.604,0-1.279,0.06-1.818,0.165c0.478-1.453,1.345-3.117,1.781-3.117c0.435,0,1.301,1.655,1.775,3.1
+ C13.265,8.789,12.615,8.735,12.042,8.735z M12.524,19.145c0.076,0.196,0.119,0.602,0.119,0.86c0,0.66-0.524,1.074-0.687,1.074
+ c-0.163,0-0.615-0.414-0.615-1.074c0-0.257,0.045-0.664,0.119-0.86h-0.754c-0.089,0.345-0.39,1.005-0.39,1.408
+ c0,1.458,1.328,2.447,1.686,2.447c0.359,0,1.686-0.951,1.686-2.407c0-0.404-0.301-1.103-0.388-1.449H12.524z"/>
+ </g>
+ <g id="privacy-shape">
+ <path
+ d="M21.632,9.541c-0.083,1.403,0.246,3.079-1.597,5.498
+ c-1.965,2.578-3.914,2.594-4.284,2.575c-2.249-0.117-2.502-1.875-3.792-1.875c-1.13,0-2.012,1.745-3.711,1.836
+ c-0.37,0.02-2.319,0.042-4.284-2.536c-1.841-2.419-1.514-4.095-1.597-5.498C2.287,8.138,2,6.618,2,6.618s0.887,0.895,2.033,0.973
+ C5.179,7.67,5.394,7.191,7.811,6.501C10.424,5.752,12,8.814,12,8.814s1.776-3.016,4.189-2.313c2.414,0.7,2.515,1.169,3.661,1.091
+ C20.996,7.513,22,6.618,22,6.618S21.713,8.138,21.632,9.541z M8.117,10.129c-1.429-0.314-2.028,0.223-2.642,0.451
+ c-0.534,0.202-1.02,0.264-1.02,0.264s0.083,0.819,1.515,1.521c1.432,0.703,4.37,0.338,4.37,0.338S10.651,10.687,8.117,10.129z
+ M18.525,10.58c-0.612-0.228-1.212-0.765-2.642-0.451c-2.534,0.558-2.223,2.573-2.223,2.573s2.938,0.365,4.37-0.338
+ c1.432-0.702,1.515-1.521,1.515-1.521S19.059,10.782,18.525,10.58z"/>
+ </g>
+ <g id="security-shape">
+ <path
+ d="M18.909,9.783h-0.863V8.086C18.046,4.725,15.339,2,12,2
+ C8.661,2,5.954,4.725,5.954,8.086v1.697H5.091c-0.955,0-1.728,0.779-1.728,1.739v8.738c0,0.961,0.773,1.74,1.728,1.74h13.818
+ c0.954,0,1.728-0.779,1.728-1.74v-8.738C20.637,10.562,19.863,9.783,18.909,9.783z M8.545,8.086c0-1.92,1.547-3.478,3.455-3.478
+ c1.908,0,3.455,1.557,3.455,3.478v1.697h-6.91V8.086z M5.181,16.092l-0.909-1.2v-2.284l2.728,3.483H5.181z M8.818,16.092
+ l-2.773-3.657h1.727l2.864,3.657H8.818z M12,16.092l-2.773-3.657h1.727l2.864,3.657H12z M15.637,16.092l-2.773-3.657h1.727
+ l2.864,3.657H15.637z M19.728,16.092h-0.455l-2.773-3.657h1.727l1.501,1.916V16.092z"/>
+ </g>
+ <g id="sync-shape">
+ <path
+ d="M17.024,3.351 c-0.562,0.331 -1.311,0.879 -1.821,1.698 -0.367,0.592 -0.752,1.288 -1.08,1.914 0.987,0.413 1.862,1.095
+ 2.476,2.029 0.614,0.957 0.929,2.122 0.83,3.351 -0.201,1.787 -1.359,3.433 -3.046,4.36 -0.696,-0.774 -1.951,-2.945
+ -1.951,-2.945 -0.007,0.007 -0.004,2.556 -0.871,4.334 -0.573,1.184 -1.24,2.202 -2.305,2.995 1.431,0.51 2.915,0.886
+ 4.282,0.909 l 0.162,0.002 c 2.99,0.021 5.844,-0.48 5.844,-0.48 0,0 -1.236,-0.802 -1.808,-1.346 1.86,-1.072 3.111,-2.791
+ 3.634,-4.708 0.283,-0.759 0.478,-1.566 0.57,-2.409 C 22.383,9.011 20.33,5.278 17.024,3.351 Z M 6.569,12.302 C 6.526,10.271
+ 7.755,8.327 9.644,7.29 c 0.696,0.774 2.32,2.899 2.32,2.899 0,0 -0.064,-5.157 1.657,-7.973 -6.097,-0.668 -9.69,0.443
+ -9.69,0.443 0,0 1.763,0.607 2.333,1.136 C 6.122,3.891 5.984,3.992 5.85,4.096 4.4,5.064 3.368,6.449 2.825,7.994 2.436,8.892
+ 2.171,9.863 2.06,10.887 1.622,14.886 3.629,18.572 6.871,20.515 7.39,20.124 7.975,19.631 8.61,18.983 9.189,18.389 9.647,17.682
+ 10.021,16.967 8.082,16.208 6.714,14.404 6.569,12.302 Z"/>
+ </g>
+ <g id="advanced-shape">
+ <path
+ d="M19.173,16.163c0.004,0.04,0.007,0.08,0.007,0.121c0,1.748-3.197,3.165-7.14,3.165 c-3.943,0-7.14-1.417-7.14-3.165c0
+ -0.037,0.003-0.073,0.006-0.109C3.11,16.572,2,17.243,2,18.341C2,20.362,6.477,22,12,22 c5.523,0,10-1.638,10-3.659
+ C22,17.22,20.922,16.553,19.173,16.163z"/>
+ <path
+ d="M18.224,15.979c0.006-0.11-0.018-0.285-0.054-0.39c0,0-0.762-2.205-1.176-3.403
+ c-0.624-1.807-2.112-6.139-2.112-6.139c-0.036-0.104-0.031-0.273,0.01-0.376l0.497-1.234c0.041-0.102,0.116-0.266,0.166-0.364
+ l0.986-1.942c0.05-0.098,0.013-0.133-0.081-0.077L9.965,5.871c-0.095,0.056-0.203,0.186-0.24,0.29c0,0-0.252,0.7-0.412,1.144
+ C8.64,9.173,7.968,11.04,7.296,12.908c-0.26,0.723-0.52,1.446-0.78,2.168c-0.056,0.156-0.112,0.311-0.168,0.466
+ c-0.093,0.26-0.049,0.617,0.032,0.881c0.237,0.763,1.001,1.189,1.708,1.435c0.611,0.213,1.254,0.328,1.895,0.403
+ c0.895,0.105,1.805,0.14,2.706,0.112c1.356-0.041,2.767-0.261,4.004-0.846c0.429-0.203,0.854-0.459,1.174-0.816
+ c0.121-0.135,0.226-0.287,0.297-0.455C18.215,16.134,18.224,15.979,18.224,15.979z M14.063,16.131
+ c0.019,0.108-0.046,0.156-0.143,0.104l-1.466-0.772c-0.097-0.052-0.257-0.052-0.354,0l-1.466,0.773
+ c-0.097,0.052-0.162,0.004-0.143-0.104l0.28-1.636c0.019-0.109-0.031-0.261-0.109-0.338l-1.186-1.158
+ c-0.079-0.077-0.054-0.153,0.055-0.169l1.638-0.239c0.109-0.016,0.238-0.11,0.286-0.209l0.733-1.488
+ c0.049-0.099,0.128-0.099,0.177,0l0.733,1.488c0.049,0.099,0.178,0.193,0.286,0.209l1.639,0.239
+ c0.109,0.016,0.134,0.092,0.055,0.169l-1.186,1.158c-0.079,0.077-0.128,0.229-0.109,0.338L14.063,16.131z"/>
+ </g>
+ </defs>
+ <use id="general" xlink:href="#general-shape"/>
+ <use id="general-native" xlink:href="#general-shape"/>
+ <use id="search" xlink:href="#search-shape"/>
+ <use id="search-native" xlink:href="#search-shape"/>
+ <use id="content" xlink:href="#content-shape"/>
+ <use id="content-native" xlink:href="#content-shape"/>
+ <use id="applications" xlink:href="#applications-shape"/>
+ <use id="applications-native" xlink:href="#applications-shape"/>
+ <use id="privacy" xlink:href="#privacy-shape"/>
+ <use id="privacy-native" xlink:href="#privacy-shape"/>
+ <use id="security" xlink:href="#security-shape"/>
+ <use id="security-native" xlink:href="#security-shape"/>
+ <use id="sync" xlink:href="#sync-shape"/>
+ <use id="sync-native" xlink:href="#sync-shape"/>
+ <use id="advanced" xlink:href="#advanced-shape"/>
+ <use id="advanced-native" xlink:href="#advanced-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
new file mode 100644
index 0000000..0a19818
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/preferences.css
@@ -0,0 +1,427 @@
+/* - This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ - You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace html "http://www.w3.org/1999/xhtml";
+
+#mainPrefPane {
+ max-width: 800px;
+ padding: 0;
+ font: message-box;
+ font-size: 1.25rem;
+ line-height: 22px;
+}
+
+* {
+ -moz-user-select: text;
+}
+
+button,
+treecol {
+ /* override the * rule */
+ -moz-user-select: none;
+}
+
+/* Category List */
+
+#categories {
+ max-height: 100vh;
+}
+
+#categories > scrollbox {
+ overflow-x: hidden !important;
+}
+
+/**
+ * We want the last category to always have non-0 getBoundingClientRect().bottom
+ * so we can use the value to figure out the max-height of the list in
+ * preferences.js, so use collapse instead of display: none; if it's hidden
+ */
+#categories > .category[hidden="true"] {
+ display: -moz-box;
+ visibility: collapse;
+}
+
+#category-general > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#general");
+}
+
+#category-search > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#search");
+}
+
+#category-content > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#content");
+}
+
+#category-application > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#applications");
+}
+
+#category-privacy > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#privacy");
+}
+
+#category-security > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#security");
+}
+
+#category-sync > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#sync");
+}
+
+#category-advanced > .category-icon {
+ list-style-image: url("chrome://browser/skin/preferences/in-content/icons.svg#advanced");
+}
+
+@media (max-width: 800px) {
+ .category-name {
+ display: none;
+ }
+}
+
+/* header */
+
+#header-advanced {
+ border-bottom: none;
+ padding-bottom: 0;
+}
+
+/* General Pane */
+
+#startupTable {
+ border-collapse: collapse;
+}
+
+#startupTable > tr > td {
+ padding: 0; /* remove the padding from html.css */
+}
+
+#startupTable > tr:not(:first-child) > td {
+ padding-top: 0.5em; /* add a spacing between the rows */
+}
+
+#startupTable > tr > .label-cell {
+ text-align: end;
+ width: 0; /* make the column as small as possible */
+}
+
+#startupTable > tr > .label-cell > label {
+ white-space: nowrap;
+}
+
+#startupTable > tr > .content-cell > menulist,
+#startupTable > tr > .content-cell > textbox {
+ width: calc(100% - 8px);
+ margin-left: 4px;
+ margin-right: 4px;
+}
+
+#startupTable > tr > .homepage-buttons {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+#startupTable > tr > .homepage-buttons > .content-cell-item {
+ flex-grow: 1;
+}
+
+#useFirefoxSync {
+ font-size: 90%;
+ -moz-margin-end: 8px !important;
+}
+
+#getStarted {
+ font-size: 90%;
+}
+
+#isNotDefaultLabel {
+ font-weight: bold;
+}
+
+#downloadFolder {
+ -moz-margin-start: 0;
+}
+
+/* Content pane */
+#playDRMContentLink {
+ /* Line up with the buttons in the other grid bits: */
+ margin-left: 4px !important;
+ margin-right: 4px !important;
+}
+
+#defaultFontSizeLabel {
+ /* !important needed to override common !important rule */
+ -moz-margin-start: 4px !important;
+}
+
+/* Applications Pane Styles */
+
+#applicationsContent {
+ padding: 15px 0;
+}
+
+#filter {
+ -moz-margin-start: 0;
+}
+
+#handlersView {
+ height: 25em;
+}
+
+#handlersView > richlistitem {
+ min-height: 36px !important;
+}
+
+.typeIcon {
+ -moz-margin-start: 10px !important;
+ -moz-margin-end: 9px !important;
+}
+
+.actionIcon {
+ -moz-margin-start: 11px !important;
+ -moz-margin-end: 8px !important;
+}
+
+.actionsMenu {
+ min-height: 36px;
+}
+
+.actionsMenu > menupopup > menuitem {
+ -moz-padding-start: 10px !important;
+}
+
+.actionsMenu > menupopup > menuitem > .menu-iconic-left {
+ -moz-margin-end: 8px !important;
+}
+
+/* Collapse the non-active vboxes in decks to use only the height the
+ active vbox needs */
+#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
+#historyPane:not([selectedIndex="2"]) > #historyCustomPane,
+#weavePrefsDeck:not([selectedIndex="1"]) > #hasAccount,
+#weavePrefsDeck:not([selectedIndex="2"]) > #needsUpdate,
+#weavePrefsDeck:not([selectedIndex="3"]) > #fxaDeterminingStatus,
+#weavePrefsDeck:not([selectedIndex="4"]) > #noFxaAccount,
+#weavePrefsDeck:not([selectedIndex="5"]) > #hasFxaAccount,
+#fxaLoginStatus:not([selectedIndex="1"]) > #fxaLoginUnverified,
+#fxaLoginStatus:not([selectedIndex="2"]) > #fxaLoginRejected {
+ visibility: collapse;
+}
+
+/* XXX This style is for bug 740213 and should be removed once that
+ bug has a solution. */
+description > html|a {
+ cursor: pointer;
+}
+
+#fxaProfileImage {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ border-width: 5px;
+ border-color: red;
+ background-image: url(chrome://browser/skin/preferences/in-content/default-profile-image.svg);
+ background-size: contain;
+ cursor: pointer;
+ -moz-margin-end: 15px;
+}
+
+#fxaProfileImage:hover {
+ border-color: blue;
+}
+
+#noFxaAccount {
+ /* Overriding the margins from the base preferences.css theme file.
+ These overrides can be simplified by fixing bug 1027174 */
+ margin: 0;
+}
+
+#weavePrefsDeck > vbox > label,
+#weavePrefsDeck > vbox > groupbox,
+#weavePrefsDeck > vbox > description,
+#weavePrefsDeck > vbox > #pairDevice > label,
+#weavePrefsDeck > #needsUpdate > hbox > #loginError,
+#weavePrefsDeck > #hasFxaAccount > vbox > label,
+#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label {
+ /* no margin-start for elements at the begin of a line */
+ -moz-margin-start: 0;
+}
+
+#tabsElement {
+ -moz-margin-end: 4px; /* add the 4px end-margin of other elements */
+}
+
+#telemetryLearnMore,
+#FHRLearnMore,
+#crashReporterLearnMore {
+ /* provide some margin between the links and the label text */
+ /* !important is needed to override the rules defined in common.css */
+ -moz-margin-start: 20px !important;
+ /* center the links */
+ margin-top: 8px;
+ margin-bottom: 8px;
+}
+
+.indent {
+ -moz-margin-start: 33px;
+}
+
+#trackingProtectionImage {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png);
+}
+
+@media (min-resolution: 2dppx) {
+ #trackingProtectionImage {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16@2x.png);
+ }
+}
+
+#showUpdateHistory {
+ -moz-margin-start: 0;
+}
+
+/**
+ * Dialog
+ */
+
+#dialogOverlay {
+ background-color: rgba(0,0,0,0.5);
+ visibility: hidden;
+}
+
+#dialogBox {
+ background-color: #fbfbfb;
+ background-clip: content-box;
+ color: #424e5a;
+ font-size: 14px;
+ /* `transparent` will use the dialogText color in high-contrast themes and
+ when page colors are disabled */
+ border: 1px solid transparent;
+ border-radius: 3.5px;
+ box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3);
+ display: -moz-box;
+ margin: 0;
+ padding: 0;
+}
+
+#dialogBox[resizable="true"] {
+ resize: both;
+ overflow: hidden;
+ min-height: 20em;
+ min-width: 66ch;
+}
+
+#dialogBox > .groupbox-title {
+ padding: 3.5px 0;
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+}
+
+#dialogTitle {
+ text-align: center;
+}
+
+.close-icon {
+ background-color: transparent !important;
+ border: none;
+ box-shadow: none;
+ height: 18px;
+ padding: 0;
+ min-width: 18px;
+}
+
+#dialogBox > .groupbox-body {
+ -moz-appearance: none;
+ padding: 20px;
+}
+
+#dialogFrame {
+ -moz-box-flex: 1;
+ /* Default dialog dimensions */
+ height: 20em;
+ width: 66ch;
+}
+
+.largeDialogContainer.doScroll {
+ overflow-y: auto;
+ -moz-box-flex: 1;
+}
+
+/**
+ * End Dialog
+ */
+
+/**
+ * Font dialog menulist fixes
+ */
+
+#defaultFontType,
+#serif,
+#sans-serif,
+#monospace {
+ min-width: 30ch;
+}
+
+/**
+ * Sync migration
+ */
+#sync-migrate-upgrade-description {
+ /* description elts need a min-width to wrap correctly - bug 630864? */
+ min-width: 100px
+}
+
+#sync-migration {
+ border: 1px solid rgba(0, 0, 0, 0.32);
+ background-color: InfoBackground;
+ color: InfoText;
+ text-shadow: none;
+ margin: 5px 0 0 0;
+ animation: fadein 3000ms;
+}
+
+@keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+.treecol-sortdirection {
+ /* override the Linux only toolkit rule */
+ -moz-appearance: none;
+}
+
+.actionsMenu {
+ font-family: "Clear Sans", sans-serif;
+ font-size: 1.25rem;
+ line-height: 22px;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-icon {
+ margin-top: 1px;
+ -moz-margin-start: 1px;
+ -moz-margin-end: 6px;
+}
+
+.actionsMenu > .menulist-label-box > .menulist-label {
+ margin-top: 2px !important;
+}
+
+menulist.actionsMenu > .menulist-dropmarker {
+ margin-top: 11px;
+ margin-bottom: 11px;
+}
+
+textbox + button,
+filefield + button {
+ -moz-margin-start: -4px;
+}
+
+/**
+ * Dialog
+ */
+
+#dialogTitle {
+ font-size: 1em;
+}
diff --git a/arc-firefox-theme/chrome/browser/preferences/in-content/search.css b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css
new file mode 100644
index 0000000..a203a4d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/in-content/search.css
@@ -0,0 +1,63 @@
+/* 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/. */
+
+ #defaultEngine {
+ -moz-margin-start: 0;
+ }
+
+#defaultEngine > .menulist-label-box > .menulist-icon {
+ height: 16px;
+}
+
+/* work around a display: none in Linux's menu.css, see bug 1112310 */
+.searchengine-menuitem > .menu-iconic-left {
+ display: -moz-box;
+}
+
+#engineList {
+ margin: .5em 0;
+}
+
+#engineList treechildren::-moz-tree-image(engineShown, checked) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check");
+ width: 21px;
+ height: 21px;
+}
+
+#engineList treechildren::-moz-tree-image(engineShown, checked, selected) {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted");
+}
+
+#engineList treechildren::-moz-tree-image(engineName) {
+ -moz-margin-end: 10px;
+ -moz-margin-start: 1px;
+ width: 16px;
+ height: 16px;
+}
+
+#engineList treechildren::-moz-tree-row {
+ min-height: 36px;
+}
+
+#engineList treechildren::-moz-tree-drop-feedback {
+ background-color: Highlight;
+ width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window
+ we may have, overflow isn't visible. */
+ height: 2px;
+ -moz-margin-start: 0;
+}
+
+#engineShown {
+ min-width: 26px;
+}
+
+#addEnginesBox {
+ margin-bottom: 1em;
+}
+
+#removeEngineButton,
+#restoreDefaultSearchEngines {
+ margin-right: 0;
+ margin-left: 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/preferences/mail.png b/arc-firefox-theme/chrome/browser/preferences/mail.png
new file mode 100644
index 0000000..66d2bc9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/mail.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/preferences/preferences.css b/arc-firefox-theme/chrome/browser/preferences/preferences.css
new file mode 100644
index 0000000..8d68b81
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/preferences.css
@@ -0,0 +1,202 @@
+
+/* Global Styles */
+#BrowserPreferences radio[pane] {
+ list-style-image: url("chrome://browser/skin/preferences/Options.png");
+}
+
+radio[pane=paneMain] {
+ -moz-image-region: rect(0px, 32px, 32px, 0px)
+}
+
+radio[pane=paneTabs] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px)
+}
+
+#BrowserPreferences radio[pane=paneSearch] {
+ list-style-image: url("chrome://browser/skin/search-pref.png");
+}
+
+.checkbox-check {
+ -moz-appearance: checkbox;
+}
+
+radio[pane=paneContent] {
+ -moz-image-region: rect(0px, 96px, 32px, 64px)
+}
+
+radio[pane=paneApplications] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px)
+}
+
+radio[pane=panePrivacy] {
+ -moz-image-region: rect(0px, 160px, 32px, 128px)
+}
+
+radio[pane=paneSecurity] {
+ -moz-image-region: rect(0px, 192px, 32px, 160px)
+}
+
+radio[pane=paneAdvanced] {
+ -moz-image-region: rect(0px, 224px, 32px, 192px)
+}
+
+radio[pane=paneSync] {
+ list-style-image: url("chrome://browser/skin/preferences/Options-sync.png") !important;
+}
+
+/* These lines should be removed as part of fixing bug 1140495 */
+label.small {
+ font-size: smaller;
+}
+
+#tabPrefsBox {
+ margin: 5px;
+}
+
+/* General Pane */
+#useFirefoxSync,
+#getStarted {
+ font-size: 90%;
+}
+
+#isNotDefaultLabel {
+ font-weight: bold;
+}
+
+/* Content Pane */
+#translationAttributionImage {
+ width: 70px;
+ cursor: pointer;
+}
+
+/* Applications Pane */
+#BrowserPreferences[animated="true"] #handlersView {
+ height: 25em;
+}
+
+#BrowserPreferences[animated="false"] #handlersView {
+ -moz-box-flex: 1;
+}
+
+/* Privacy Pane */
+
+/* styles for the link elements copied from .text-link in global.css */
+.inline-link {
+ color: -moz-nativehyperlinktext;
+ text-decoration: none;
+}
+
+.inline-link:hover {
+ text-decoration: underline;
+}
+
+/* Modeless Window Dialogs */
+.windowDialog,
+.windowDialog prefpane {
+ padding: 0px;
+}
+
+.contentPane {
+ margin: 9px 8px 5px 8px;
+}
+
+.actionButtons {
+ margin: 0px 3px 6px 3px !important;
+}
+
+/* Cookies Manager */
+#cookiesChildren::-moz-tree-image(domainCol) {
+ width: 16px;
+ height: 16px;
+ margin: 0px 2px;
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+#paneApplications {
+ margin-left: 4px;
+ margin-right: 4px;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+#linksOpenInBox {
+ margin-top: 5px;
+}
+
+#paneAdvanced {
+ padding-bottom: 10px;
+}
+#advancedPrefs {
+ margin-left: 0;
+ margin-right: 0;
+}
+
+#cookiesChildren::-moz-tree-image(domainCol, container) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+#cookieInfoBox {
+ border: 1px solid ThreeDShadow;
+ border-radius: 0px;
+ margin: 4px;
+ padding: 0px;
+}
+
+/* bottom-most box containing a groupbox in a prefpane. Prevents the bottom
+ of the groupbox from being cutoff */
+.bottomBox {
+ padding-bottom: 4px;
+}
+
+/**
+ * Clear Private Data
+ */
+#SanitizeDialogPane > groupbox {
+ margin-top: 0;
+}
+
+/* Sync Pane */
+
+#syncDesc {
+ padding: 0 8em;
+}
+
+#accountCaptionImage {
+ list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
+}
+
+#syncAddDeviceLabel {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+
+#noFxaAccount {
+ margin: 5px;
+ line-height: 1.2em;
+}
+
+#noFxaAccount > label:first-child {
+ margin-bottom: 0.6em;
+}
+
+/**
+ * Sync migration
+ */
+#sync-migration {
+ border: 1px solid rgba(0, 0, 0, 0.32);
+ background-color: InfoBackground;
+ color: InfoText;
+ text-shadow: none;
+ margin: 5px 0 0 0;
+ animation: fadein 3000ms;
+}
+
+#sync-migration description {
+ margin: 8px;
+}
+
+@keyframes fadein {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
diff --git a/arc-firefox-theme/chrome/browser/preferences/search.css b/arc-firefox-theme/chrome/browser/preferences/search.css
new file mode 100644
index 0000000..921bc29
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/preferences/search.css
@@ -0,0 +1,45 @@
+/* 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/. */
+
+#defaultEngine > .menulist-label-box > .menulist-icon {
+ height: 16px;
+}
+
+/* Reserve space so that localized labels can wrap without hiding the
+ 'add more engines' link at the bottom. See bug 1112688. */
+#oneClickSearchProvidersGroup {
+ margin-bottom: 3em;
+}
+
+/* work around a display: none in Linux's menu.css, see bug 1112310 */
+.searchengine-menuitem > .menu-iconic-left {
+ display: -moz-box;
+}
+
+#engineList {
+ margin: .5em 6px;
+}
+
+#engineList treechildren::-moz-tree-checkbox(checked) {
+ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+
+#engineList treechildren::-moz-tree-image(engineName) {
+ -moz-margin-end: 4px;
+ -moz-margin-start: 0;
+ width: 16px;
+ height: 16px;
+}
+
+#engineList treechildren::-moz-tree-row {
+ min-height: 20px;
+}
+
+#engineList treechildren::-moz-tree-drop-feedback {
+ background-color: Highlight;
+ width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window
+ we may have, overflow isn't visible. */
+ height: 2px;
+ -moz-margin-start: 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png b/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png
new file mode 100644
index 0000000..9eaf3ae
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/privatebrowsing-mask.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/reader-tour.png b/arc-firefox-theme/chrome/browser/reader-tour.png
new file mode 100644
index 0000000..be346b3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/reader-tour.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/reader-tour@2x.png b/arc-firefox-theme/chrome/browser/reader-tour@2x.png
new file mode 100644
index 0000000..1a60d93
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/reader-tour@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/readerMode.svg b/arc-firefox-theme/chrome/browser/readerMode.svg
new file mode 100644
index 0000000..3d024ea
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/readerMode.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="48"
+ height="16"
+ viewBox="0 0 48 16">
+<defs>
+ <path id="glyphShape-readerMode-book" d="M5.5,5h-2C3.2,5,3,5.2,3,5.5S3.2,6,3.5,6h2 C5.8,6,6,5.8,6,5.5S5.8,5,5.5,5z M5.5,7h-2C3.2,7,3,7.2,3,7.5S3.2,8,3.5,8h2C5.8,8,6,7.8,6,7.5S5.8,7,5.5,7z M5.5,9h-2 C3.2,9,3,9.2,3,9.5S3.2,10,3.5,10h2C5.8,10,6,9.8,6,9.5S5.8,9,5.5,9z M15.4,2c0,0-3.1,0-4.4,0S8.1,2.5,8,4.3C7.9,2.5,6.3,2,5,2 S0.6,2,0.6,2C0.3,2,0,2.3,0,2.7v9.6C0,12.6,0.3,13,0.6,13c0,0,2.6,0,4.4,0c1.6,0,2.8,1,3,2.3C8.2,14,9.4,13,11,13 c1.8,0,4.4,0,4.4,0c0.4,0,0.6-0.4,0.6-0.8V2.7C16,2.3,15.7,2,15.4,2z M14,11L14,11c-0.2,0-1.6,0-3,0c-1.6,0-2.9,0.8-3,2.2 C7.9,11.8,6.6,11,5,11c-1.4,0-2.8,0-3,0l0,0l0,0V4c0,0,2.7,0,3.5,0C6.6,4,8,5.5,8,6.8C8,5.5,9.4,4,10.5,4C11.3,4,14,4,14,4V11 L14,11z"/>
+ <linearGradient id="gradient-state-default" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#989898" offset="0%"/>
+ <stop stop-color="#808080" offset="100%"/>
+ </linearGradient>
+ <linearGradient id="gradient-state-hover" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#24aef4" offset="0%"/>
+ <stop stop-color="#177bdb" offset="100%"/>
+ </linearGradient>
+ <linearGradient id="gradient-state-pressed" x1="0%" y1="0%" x2="0" y2="100%">
+ <stop stop-color="#ff9300" offset="0%"/>
+ <stop stop-color="#ff5500" offset="100%"/>
+ </linearGradient>
+ <style type="text/css">
+ .icon-state-default { fill: url(#gradient-state-default); }
+ .icon-state-hover { fill: url(#gradient-state-hover); }
+ .icon-state-pressed { fill: url(#gradient-state-pressed); }
+ </style>
+</defs>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-default"/>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-hover" transform="translate(16)"/>
+<use xlink:href="#glyphShape-readerMode-book" class="icon-state-pressed" transform="translate(32)"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/readinglist/icons.svg b/arc-firefox-theme/chrome/browser/readinglist/icons.svg
new file mode 100644
index 0000000..6aa0159
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/readinglist/icons.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 14 14"
+ xml:space="preserve">
+
+ <defs>
+ <style type="text/css">
+ use:not(:target) {
+ display: none;
+ }
+
+ #addpage, #alreadyadded {
+ fill: #808080;
+ }
+ #addpage-hover, #alreadyadded-hover {
+ fill: #555555;
+ }
+ #addpage-active, #alreadyadded-active {
+ fill: #0095DD;
+ }
+ </style>
+
+ <mask id="plus-mask">
+ <rect width="100%" height="100%" fill="white"/>
+ <rect x="3" y="6" width="8" height="2"/>
+ <rect x="6" y="3" width="2" height="8"/>
+ </mask>
+
+ <mask id="minus-mask">
+ <rect width="100%" height="100%" fill="white"/>
+ <rect x="3" y="6" width="8" height="2"/>
+ </mask>
+
+ <g id="addpage-shape">
+ <circle cx="7" cy="7" r="6" mask="url(#plus-mask)"/>
+ </g>
+
+ <g id="removepage-shape">
+ <circle cx="7" cy="7" r="6" mask="url(#minus-mask)"/>
+ </g>
+
+ </defs>
+
+ <use id="addpage" xlink:href="#addpage-shape"/>
+ <use id="addpage-hover" xlink:href="#addpage-shape"/>
+ <use id="addpage-active" xlink:href="#addpage-shape"/>
+
+ <use id="alreadyadded" xlink:href="#removepage-shape"/>
+ <use id="alreadyadded-hover" xlink:href="#removepage-shape"/>
+ <use id="alreadyadded-active" xlink:href="#removepage-shape"/>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg b/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg
new file mode 100644
index 0000000..0a24a67
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/readinglist/readinglist-icon.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16">
+ <rect x="4.8" y="6.4" fill="#808080" width="11.2" height="3.2"/>
+ <rect x="4.8" y="11.2" fill="#808080" width="11.2" height="3.2"/>
+ <rect x="4.8" y="1.6" fill="#808080" width="11.2" height="3.2"/>
+ <circle fill="#808080" cx="1.6" cy="3.2" r="1.6"/>
+ <circle fill="#808080" cx="1.6" cy="8" r="1.6"/>
+ <circle fill="#808080" cx="1.6" cy="12.8" r="1.6"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/readinglist/sidebar.css b/arc-firefox-theme/chrome/browser/readinglist/sidebar.css
new file mode 100644
index 0000000..27fc12b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/readinglist/sidebar.css
@@ -0,0 +1,148 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+:root, body {
+ overflow-x: hidden;
+}
+
+body {
+ margin: 0;
+ font: message-box;
+ color: #333333;
+ -moz-user-select: none;
+ overflow: hidden;
+}
+
+#emptyListInfo {
+ cursor: default;
+ padding: 3em 1em;
+ text-align: center;
+}
+
+.item {
+ display: flex;
+ flex-flow: row;
+ cursor: pointer;
+ padding: 6px;
+ opacity: 0;
+ max-height: 0;
+ transition: opacity 150ms ease-in-out, max-height 150ms ease-in-out 150ms;
+}
+
+.item.active {
+ background: #FEFEFE;
+}
+
+.item.selected {
+ background: #FDFDFD;
+}
+
+.item-thumb-container {
+ min-width: 64px;
+ max-width: 64px;
+ min-height: 40px;
+ max-height: 40px;
+ border: 1px solid white;
+ box-shadow: 0px 1px 2px rgba(0,0,0,.35);
+ margin: 5px;
+ background-color: #ebebeb;
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-image: url("chrome://branding/content/silhouette-40.svg");
+}
+
+.item-thumb-container.preview-available {
+ background-color: #fff;
+ background-size: cover;
+}
+
+.item-summary-container {
+ display: flex;
+ flex-flow: column;
+ -moz-padding-start: 4px;
+ overflow: hidden;
+ flex-grow: 1;
+}
+
+.item-title-lines {
+ display: flex;
+}
+
+.item-title {
+ overflow: hidden;
+ max-height: 2.8em;
+ line-height: 1.4;
+ flex-grow: 1;
+}
+
+.item-domain {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ max-height: 1.4em;
+ color: #0095DD;
+}
+
+.item:hover .item-domain {
+ color: #008ACB;
+}
+
+.item:not(:hover):not(.selected) .remove-button {
+ visibility: hidden;
+}
+
+.remove-button {
+ padding: 0;
+ width: 16px;
+ height: 16px;
+ min-width: 16px;
+ min-height: 16px;
+ background-size: contain;
+ background-color: transparent;
+ border-width: 0;
+}
+
+.item.visible {
+ opacity: 1;
+ max-height: 80px;
+ transition: max-height 250ms ease-in-out, opacity 250ms ease-in-out 250ms;
+}
+
+html {
+ border: 1px solid ThreeDShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ box-sizing: border-box;
+}
+
+.item {
+ -moz-padding-end: 0;
+}
+
+.item.active {
+ background-color: -moz-cellhighlight;
+ color: -moz-cellhighlighttext;
+}
+
+.item-title {
+ margin: 1px 0 0;
+}
+
+.item-title, .item-domain {
+ -moz-margin-end: 6px;
+}
+
+.remove-button {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
+}
+
+.remove-button:hover {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
+}
+
+.remove-button:hover:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
+}
diff --git a/arc-firefox-theme/chrome/browser/reload-stop-go.png b/arc-firefox-theme/chrome/browser/reload-stop-go.png
new file mode 100644
index 0000000..1017be9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/reload-stop-go.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png b/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png
new file mode 100644
index 0000000..38b27bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/reload-stop-go@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sanitizeDialog.css b/arc-firefox-theme/chrome/browser/sanitizeDialog.css
new file mode 100644
index 0000000..96cf3bc
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sanitizeDialog.css
@@ -0,0 +1,107 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#sanitizeDurationChoice {
+ -moz-margin-end: 0;
+}
+
+/* Align the duration label with the warning box and item list */
+#sanitizeDurationLabel {
+ -moz-margin-start: 3px;
+}
+
+
+/* Hide the duration dropdown suffix label if it's empty. Otherwise it
+ takes up a little space, causing the end of the dropdown to not be aligned
+ with the warning box. */
+#sanitizeDurationSuffixLabel[value=""] {
+ display: none;
+}
+
+
+/* Places tree */
+#placesTreechildren::-moz-tree-row(selected),
+#placesTreechildren::-moz-tree-row(grippyRow) {
+ background: #999;
+}
+
+#placesTreechildren::-moz-tree-cell-text(selected) {
+ color: #111;
+}
+
+
+/* Sanitize everything warning box */
+#sanitizeEverythingWarningBox {
+ background-color: Window;
+ border: 1px solid ThreeDDarkShadow;
+ border-radius: 5px;
+ padding: 16px;
+}
+
+#sanitizeEverythingWarningIcon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog");
+ padding: 0;
+ margin: 0;
+}
+
+#sanitizeEverythingWarningDescBox {
+ padding: 0 16px;
+ margin: 0;
+}
+
+
+/* Progressive disclosure button */
+#detailsExpanderWrapper {
+ padding: 0;
+ margin-top: 6px;
+ margin-bottom: 6px;
+ -moz-margin-start: -6px;
+ -moz-margin-end: 0;
+}
+
+.expander-up,
+.expander-down {
+ min-width: 0;
+ padding: 2px 0;
+ -moz-padding-start: 2px;
+}
+
+.expander-up {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+
+.expander-down {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+}
+
+.expander-down:hover:active {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif");
+}
+
+.expander-up:hover:active {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif");
+}
+
+
+/* Make the item list the same width as the warning box */
+#itemList {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+}
+
+/* Without this a useless scrollbar appears in the listbox when its rows
+ attribute is set to the total number of listitems, as it is currently. See
+ bug 489958 comment 14 and bug 491788. */
+#itemList > listitem {
+ padding: 1px 0;
+}
+
+
+/* Align the last dialog button with the end of the warning box */
+.prefWindow-dlgbuttons {
+ -moz-margin-end: 0;
+}
+.dialog-button[dlgtype="accept"] {
+ -moz-margin-end: 0;
+}
diff --git a/arc-firefox-theme/chrome/browser/sass/Gemfile b/arc-firefox-theme/chrome/browser/sass/Gemfile
new file mode 100644
index 0000000..c177689
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/Gemfile
@@ -0,0 +1,3 @@
+source 'https://rubygems.org'
+
+gem "sass", "~> 3.4.0"
diff --git a/arc-firefox-theme/chrome/browser/sass/Gemfile.lock b/arc-firefox-theme/chrome/browser/sass/Gemfile.lock
new file mode 100644
index 0000000..f64766f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/Gemfile.lock
@@ -0,0 +1,10 @@
+GEM
+ remote: https://rubygems.org/
+ specs:
+ sass (3.4.10)
+
+PLATFORMS
+ ruby
+
+DEPENDENCIES
+ sass (~> 3.4.0)
diff --git a/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
new file mode 100644
index 0000000..605fa92
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/_browser-sass.scss
@@ -0,0 +1,5844 @@
+$asset_path: if($variant=='dark', 'dark', 'light');
+$darker_asset_path: if($darker=='true', 'darker', $asset_path);
+$darker_asset_path_2: if($darker=='true', 'dark', $asset_path);
+
+
+
+@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")};
+@namespace svg #{url("http://www.w3.org/2000/svg")};
+
+
+
+
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+
+
+:root {
+ --toolbarbutton-hover-background: $button_bg;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: $selected_bg_color;
+
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: $selected_bg_color;
+ --toolbarbutton-active-background: $selected_bg_color;
+
+ --toolbarbutton-checkedhover-backgroundcolor: $selected_bg_color;
+
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(hsla(210,54%,20%,.2) 0, hsla(210,54%,20%,.2) 18px);
+
+ --verified-identity-box-backgroundcolor: transparent;
+}
+
+
+#menubar-items {
+ -moz-box-orient: vertical; /* for flex hack */
+}
+
+#main-menubar {
+ -moz-box-flex: 1; /* make menu items expand to fill toolbar height */
+}
+
+#navigator-toolbox {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-top: none;
+}
+
+#navigator-toolbox::after {
+ content: "";
+ display: -moz-box;
+ -moz-box-ordinal-group: 101; /* tabs toolbar is 100 */
+ height: 1px;
+ background-color: $borders_color;
+}
+
+#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
+ -moz-appearance: none;
+ border-style: none;
+ background-color: -moz-Dialog;
+}
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
+ overflow: -moz-hidden-unscrollable;
+ max-height: 4em;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out;
+}
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
+ min-height: 0.1px;
+ max-height: 0;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear;
+}
+
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top: 1px solid darken($header_border, 3%) !important;
+ background-clip: padding-box;
+ margin-top: -1px; /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
+ /* Position the toolbar above the bottom of background tabs */
+ position: relative;
+ z-index: 1;
+}
+
+#main-window[htitlemode=always] #TabsToolbar {
+ box-shadow: inset 0 1px lighten($header_bg, 3%) !important;
+}
+
+#nav-bar {
+ background-image: none !important;
+ background-color: $bg_color !important;
+ box-shadow: none;
+ padding-top: 3px;
+ padding-bottom: 3px;
+}
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(-5px, 12px, 11px, -4px);
+}
+
+/* This only has an effect when this element is placed on the bookmarks toolbar.
+ * It's 30px to make sure buttons with 18px icons fit along with the default 16px
+ * icons, without changing the size of the toolbar.
+ */
+#personal-bookmarks {
+ min-height: 30px;
+}
+
+#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:not(.subviewbutton),
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
+ margin: 1px;
+ padding: 2px 3px;
+}
+
+toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
+ color: inherit;
+}
+
+//toolbarbutton.bookmark-item:not(.subviewbutton):hover:active,
+//toolbarbutton.bookmark-item[open="true"] {
+// padding-top: 3px;
+// padding-bottom: 1px;
+// -moz-padding-start: 4px;
+// -moz-padding-end: 2px;
+//}
+
+.bookmark-item:not(#home-button) > .toolbarbutton-icon,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+/* Force the display of the label for bookmarks */
+.bookmark-item > .toolbarbutton-text,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .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;
+}
+
+#bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important;
+}
+
+toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
+#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important;
+}
+
+// Style bookmark items
+toolbarbutton.bookmark-item {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ background: none;
+ color: $fg_color;
+}
+
+toolbarbutton.bookmark-item:not([disabled=true]):hover {
+ -moz-appearance: none;
+ @include button(hover);
+}
+
+toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
+ -moz-appearance: none;
+ @include button(active);
+}
+
+/* ----- BOOKMARK STAR ANIMATION ----- */
+
+@keyframes animation-bookmarkAdded {
+ from { transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1); opacity: 0; }
+ 60% { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2); opacity: 1; }
+ 80% { opacity: 1; }
+ to { transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1); opacity: 0; }
+}
+
+@keyframes animation-bookmarkPulse {
+ from { transform: scale(1); }
+ 50% { transform: scale(1.3); }
+ to { transform: scale(1); }
+}
+
+#bookmarked-notification-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ z-index: 5;
+ position: relative;
+}
+
+#bookmarked-notification {
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ opacity: 0;
+}
+
+#bookmarked-notification-dropmarker-anchor {
+ z-index: -1;
+ position: relative;
+}
+
+#bookmarked-notification-dropmarker-icon {
+ width: 18px;
+ height: 18px;
+ visibility: hidden;
+}
+
+#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
+ background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
+ animation: animation-bookmarkAdded 800ms;
+ animation-timing-function: ease, ease, ease;
+}
+
+#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: none !important;
+}
+
+#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
+ visibility: visible;
+ animation: animation-bookmarkPulse 300ms;
+ animation-delay: 600ms;
+ animation-timing-function: ease-out;
+}
+
+/* Bookmark menus */
+menu.bookmark-item,
+menuitem.bookmark-item {
+ min-width: 0;
+ max-width: 32em;
+}
+
+.bookmark-item:not(.subviewbutton) > .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");
+}
+
+#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);
+}
+
+#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);
+}
+
+#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");
+}
+
+#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");
+}
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu");
+}
+
+#menu_print,
+#context-printframe {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu");
+}
+
+#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");
+}
+
+#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");
+}
+
+#menu_preferences {
+ list-style-image: url("moz-icon://stock/gtk-preferences?size=menu");
+}
+
+#placesContext_reload,
+#context-reloadframe {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
+}
+
+#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");
+}
+
+#menu_showAllHistory {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px);
+}
+
+#bookmarksShowAll {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px);
+}
+
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup,
+#BMB_subscribeToPageMenuitem:not([disabled]),
+#BMB_subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png");
+}
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png");
+}
+
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png");
+}
+
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg");
+}
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png");
+}
+
+#menu_openDownloads {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 16px 16px 0px);
+}
+
+#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");
+}
+
+#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");
+}
+
+#sanitizeItem {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu");
+}
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu");
+}
+
+#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 */
+.findbar-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
+ -moz-appearance: none;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px;
+}
+
+.findbar-button > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ padding: 3px 7px;
+}
+
+/* Help SDK icons fit: */
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 16px;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
+ /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
+ width: 32px;
+}
+
+#nav-bar #PanelUI-menu-button {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+}
+
+#nav-bar #PanelUI-button,
+#nav-bar[brighttext] #PanelUI-button {
+ background: none;
+ border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2 / 0 0 0 2px;
+}
+
+.findbar-button:not(:-moz-any([checked="true"],[disabled="true"])):hover > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background: var(--toolbarbutton-hover-background);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-hover-bordercolor);
+ box-shadow: var(--toolbarbutton-hover-boxshadow);
+}
+
+#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background-color: none;
+ @include button(header-hover);
+}
+
+//:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+//:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+// margin-top: 4px;
+// margin-bottom: 4px;
+//}
+
+.findbar-button:not([disabled=true]):-moz-any([checked="true"],:hover:active) > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon {
+ background: var(--toolbarbutton-active-background);
+ box-shadow: var(--toolbarbutton-active-boxshadow);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-active-bordercolor);
+ transition-duration: 10ms;
+}
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon {
+ background: none;
+ @include button(header-active);
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
+ background-color: var(--toolbarbutton-checkedhover-backgroundcolor);
+ transition: background-color 150ms;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px;
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: var(--toolbarbutton-combined-backgroundimage);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: var(--toolbarbutton-combined-boxshadow);
+}
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: -4px;
+ //margin-top: 3px;
+ //margin-bottom: 3px;
+}
+
+//#back-button {
+// padding-top: 3px;
+// padding-bottom: 3px;
+// -moz-padding-start: 5px;
+// -moz-padding-end: 0;
+// position: relative;
+// z-index: 1;
+// border-radius: 2px;
+//}
+
+//#back-button:-moz-locale-dir(rtl) {
+// border-radius: 2px;
+//}
+
+#back-button > menupopup {
+ margin-top: -1px;
+}
+
+//#back-button > .toolbarbutton-icon {
+// border-radius: 2px;
+// background-clip: padding-box;
+// padding: 3px 7px;
+// border: none;
+// box-shadow: none;
+// background: none !important;
+// transition-property: background-color, box-shadow;
+// transition-duration: 250ms;
+//}
+
+//#back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon {
+// background-color: transparent;
+// box-shadow: none;
+//}
+
+//#back-button:not([disabled="true"]):hover:active > .toolbarbutton-icon,
+//#back-button[open="true"] > .toolbarbutton-icon {
+// background-color: red;
+// box-shadow: none;
+// transition: none;
+//}
+
+//#main-window:not([customizing]) #back-button[disabled] > .toolbarbutton-icon {
+// box-shadow: none !important;
+// transition: none;
+//}
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#forward-button {
+ margin-left: 2px;
+ margin-right: 2px;
+ //-moz-box-align: stretch;
+ padding: 0;
+}
+
+#forward-button > .toolbarbutton-icon {
+// background-clip: padding-box;
+// padding: 3px 7px;
+// border: 1px solid transparent;
+// border-left-style: none;
+// border-radius: 0;
+}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #forward-button {
+// transition: margin-left 150ms ease-out;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] {
+// margin-left: 5px;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] {
+// /* delay the hiding of the forward button when hovered to avoid accidental clicks on the url bar */
+// transition-delay: 100s;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] {
+// /* when not hovered anymore, trigger a new transition to hide the forward button immediately */
+// margin-left: 10px;
+//}
+
+/* tabview menu item */
+
+#menu_tabview {
+ list-style-image: url(chrome://browser/skin/tabview/tabview.png);
+ -moz-image-region: rect(0, 80px, 16px, 64px);
+}
+
+#menu_tabview[groups="0"] {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#menu_tabview[groups="1"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#menu_tabview[groups="2"] {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
+#menu_tabview[groups="3"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px);
+}
+
+/* undo close tab menu item */
+#alltabs_undoCloseTab {
+ list-style-image: url(chrome://browser/skin/undoCloseTab.png);
+}
+
+.unified-nav-back[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important;
+}
+.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important;
+}
+.unified-nav-forward[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important;
+}
+.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important;
+}
+
+/* Menu panel buttons */
+
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg");
+
+ #TabsToolbar & { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabbar-icons.svg"); }
+}
+
+
+#back-button, #forward-button, #home-button, #print-button, #downloads-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button {
+
+ #nav-bar &:not([disabled=true]):-moz-any([open],[checked],:hover:active),
+ #TabsToolbar &:not([disabled=true]):-moz-any([open],[checked],:hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg");
+ }
+}
+
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .dropmarker-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .dropmarker-icon,
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon {
+
+list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg");
+
+}
+
+//toolbar[brighttext] :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+//toolbar[brighttext] #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+// list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-dark.svg");
+//}
+
+#back-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px);
+}
+
+#forward-button {
+ -moz-image-region: rect(0, 72px, 18px, 54px);
+}
+
+#home-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 126px, 18px, 108px);
+}
+
+#bookmarks-menu-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 144px, 18px, 126px);
+}
+
+#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
+ -moz-image-region: rect(0, 162px, 18px, 144px);
+}
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ -moz-image-region: rect(0, 630px, 18px, 612px);
+}
+
+#history-panelmenu[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 180px, 18px, 162px);
+}
+
+#downloads-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 198px, 18px, 180px);
+}
+
+#add-ons-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 216px, 18px, 198px);
+}
+
+#open-file-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 234px, 18px, 216px);
+}
+
+#save-page-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 252px, 18px, 234px);
+}
+
+#sync-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 270px, 18px, 252px);
+}
+
+#sync-button[cui-areatype="toolbar"][status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
+ -moz-image-region: rect(0, 18px, 18px, 0px);
+}
+
+toolbar[brighttext] #sync-button[status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png");
+}
+
+#feed-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 288px, 18px, 270px);
+}
+
+#social-share-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0px, 306px, 18px, 288px);
+}
+
+#characterencoding-button[cui-areatype="toolbar"]{
+ -moz-image-region: rect(0, 324px, 18px, 306px);
+}
+
+#new-window-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px);
+}
+
+#e10s-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px);
+}
+
+#e10s-button > .toolbarbutton-icon {
+ transform: scaleY(-1);
+}
+
+#new-tab-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 360px, 18px, 342px);
+}
+
+#privatebrowsing-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 378px, 18px, 360px);
+}
+
+#find-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 396px, 18px, 378px);
+}
+
+#print-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 414px, 18px, 396px);
+}
+
+#fullscreen-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 432px, 18px, 414px);
+}
+
+#developer-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 450px, 18px, 432px);
+}
+
+#preferences-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 468px, 18px, 450px);
+}
+
+#PanelUI-menu-button {
+ -moz-image-region: rect(0, 486px, 18px, 468px);
+}
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
+ -moz-image-region: rect(0, 504px, 18px, 486px);
+}
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button {
+ -moz-image-region: rect(0, 522px, 18px, 504px);
+}
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button {
+ -moz-image-region: rect(0, 540px, 18px, 522px);
+}
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button {
+ -moz-image-region: rect(0, 558px, 18px, 540px);
+}
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button {
+ -moz-image-region: rect(0, 576px, 18px, 558px);
+}
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(0, 612px, 18px, 594px);
+}
+
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#tabview-button {
+ -moz-image-region: rect(0, 648px, 18px, 630px);
+}
+
+#email-link-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 666px, 18px, 648px);
+}
+
+#sidebar-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 684px, 18px, 666px);
+}
+
+#panic-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 702px, 18px, 684px);
+}
+
+#panic-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 702px, 36px, 684px);
+}
+
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#web-apps-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 720px, 18px, 702px);
+}
+
+#loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+ -moz-image-region: rect(0, 18px, 18px, 0);
+}
+
+toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png);
+}
+
+#loop-button[state="disabled"] > .toolbarbutton-badge-container,
+#loop-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px);
+}
+
+#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px);
+}
+
+#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px);
+}
+
+#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px);
+}
+
+#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px);
+}
+
+#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px);
+}
+
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px);
+}
+
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px);
+}
+
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px);
+}
+
+/* Menu panel and palette styles */
+
+:root {
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png);
+ --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png);
+}
+
+@media not all and (min-resolution: 1.1dppx) {
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image);
+ }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px);
+ }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px);
+ }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 192px, 64px, 160px);
+ }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 224px, 32px, 192px);
+ }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 224px, 64px, 192px);
+ }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px);
+ }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px);
+ }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px);
+ }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px);
+ }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px);
+ }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px);
+ }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 416px, 64px, 384px);
+ }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px);
+ }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px);
+ }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 480px, 64px, 448px);
+ }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px);
+ }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px);
+ }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px);
+ }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px);
+ }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 608px, 32px, 576px);
+ }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px);
+ }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px);
+ }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px);
+ }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px);
+ }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 736px, 64px, 704px);
+ }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px);
+ }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 800px, 32px, 768px);
+ }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0, 864px, 32px, 832px);
+ }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 864px, 64px, 832px);
+ }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 896px, 32px, 864px);
+ }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 896px, 64px, 864px);
+ }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 928px, 32px, 896px);
+ }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px);
+ }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px);
+ }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px);
+ }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 832px, 32px, 800px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+ -moz-image-region: rect(0, 32px, 32px, 0);
+ }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important;
+ }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px);
+ }
+
+ /* Wide panel control icons */
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image);
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px);
+ }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 80px, 16px, 64px);
+ }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 96px, 16px, 80px);
+ }
+
+ #add-share-provider {
+ list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ -moz-image-region: rect(0px, 96px, 16px, 80px);
+ }
+}
+
+/* Menu panel and palette styles */
+@media (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image-2x);
+ }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 256px, 64px, 192px);
+ }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 384px, 64px, 320px);
+ }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 384px, 128px, 320px);
+ }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 448px, 64px, 384px);
+ }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 448px, 128px, 384px);
+ }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 512px, 64px, 448px);
+ }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 576px, 64px, 512px);
+ }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 640px, 64px, 576px);
+ }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 704px, 64px, 640px);
+ }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 768px, 64px, 704px);
+ }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
+ -moz-image-region: rect(0px, 64px, 64px, 0px);
+ }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 832px, 64px, 768px);
+ }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 832px, 128px, 768px);
+ }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 896px, 64px, 832px);
+ }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0, 960px, 64px, 896px);
+ }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 960px, 128px, 896px);
+ }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px);
+ }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px);
+ }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 1920px, 64px, 1856px);
+ }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 1984px, 64px, 1920px);
+ }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1984px, 128px, 1920px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+ -moz-image-region: rect(0, 64px, 64px, 0);
+ }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 64px, 0) !important;
+ }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 64px, 64px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 64px, 128px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 256px, 64px, 192px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 320px, 64px, 256px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 384px, 64px, 320px);
+ }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover,:hover:active,[open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 448px, 64px, 384px);
+ }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 1088px, 64px, 1024px);
+ }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 1152px, 64px, 1088px);
+ }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 1216px, 64px, 1152px);
+ }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 1280px, 64px, 1216px);
+ }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 1344px, 64px, 1280px);
+ }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 1408px, 64px, 1344px);
+ }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 1472px, 64px, 1408px);
+ }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1472px, 128px, 1408px);
+ }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 1536px, 64px, 1472px);
+ }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0px, 1600px, 64px, 1536px);
+ }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0px, 1728px, 64px, 1664px);
+ }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1728px, 128px, 1664px);
+ }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 1792px, 64px, 1728px);
+ }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1792px, 128px, 1728px);
+ }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 1856px, 64px, 1792px);
+ }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 1664px, 64px, 1600px);
+ }
+
+ /* Footer and wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image-2x);
+ }
+
+ /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons
+ are 16x16 when in the panel, but 18x18 when in a toolbar. */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 96px, 32px, 64px);
+ }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px);
+ }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 160px, 32px, 128px);
+ }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px);
+ }
+}
+
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+ opacity: 0.4;
+}
+
+/* Fullscreen window controls */
+#window-controls {
+ -moz-box-align: start;
+ -moz-margin-start: 10px;
+}
+
+#close-button, #restore-button, #minimize-button {
+ padding: 2px 4px;
+ -moz-appearance: none;
+}
+
+#close-button {
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close.svg");
+
+ &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close_prelight.svg"); }
+ &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/close_pressed.svg"); }
+}
+
+#restore-button {
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize.svg");
+
+ &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize_prelight.svg"); }
+ &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/maximize_pressed.svg"); }
+}
+
+#minimize-button {
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize.svg");
+
+ &:hover { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize_prelight.svg"); }
+ &:active { list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/window-controls/minimize_pressed.svg"); }
+}
+
+/* Location bar */
+#urlbar,
+.searchbar-textbox {
+ -moz-appearance: none;
+ padding: 3px 5px;
+ border-radius: 20px;
+ margin: 0 3px;
+ @include entry(normal);
+}
+
+#urlbar[focused],
+.searchbar-textbox[focused] {
+ @include entry(focus);
+}
+
+//#urlbar {
+// background-color: $entry_bg;
+//}
+
+.urlbar-textbox-container {
+ -moz-appearance: none;
+ -moz-box-align: center;
+}
+
+.urlbar-input-box {
+ -moz-margin-start: 0;
+}
+
+.urlbar-history-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+}
+
+#urlbar-container {
+ -moz-box-align: center;
+}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar {
+// -moz-border-start: none;
+// margin-left: 0;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(ltr) {
+// border-top-left-radius: 0;
+// border-bottom-left-radius: 0;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
+// border-top-right-radius: 0;
+// border-bottom-right-radius: 0;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper {
+// clip-path: url("chrome://browser/content/browser.xul#urlbar-back-button-clip-path");
+// -moz-margin-start: -5px;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl),
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar:-moz-locale-dir(rtl) {
+// /* let urlbar-back-button-clip-path clip the urlbar's right side for RTL */
+// transform: scaleX(-1);
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:-moz-locale-dir(rtl) {
+// -moz-box-direction: reverse;
+//}
+
+#urlbar-icons {
+ -moz-box-align: center;
+}
+
+.urlbar-icon {
+ //padding: 0 3px;
+}
+
+#urlbar-search-splitter {
+ -moz-appearance: none;
+ width: 8px;
+ //-moz-margin-start: -4px;
+}
+
+#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 red;
+ -moz-margin-end: 3px;
+}
+
+.urlbar-display {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ color: GrayText;
+}
+
+#search-container {
+ min-width: calc(54px + 11ch);
+}
+
+/* identity box */
+
+#identity-box {
+ padding: 1px;
+ font-size: .9em;
+}
+
+#identity-box:-moz-locale-dir(ltr) {
+ border-top-left-radius: 1.5px;
+ border-bottom-left-radius: 1.5px;
+}
+
+#identity-box:-moz-locale-dir(rtl) {
+ border-top-right-radius: 1.5px;
+ border-bottom-right-radius: 1.5px;
+}
+
+#notification-popup-box:not([hidden]) + #identity-box {
+ //-moz-padding-start: 10px;
+ border-radius: 0;
+}
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
+ border-radius: 0;
+}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not([switchingtabs]) > #urlbar > #identity-box {
+ //transition: padding-left, padding-right;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
+ //padding-left: 5px;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
+ //padding-right: 5px;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:hover:not([switchingtabs]) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box {
+ /* forward button hiding is delayed when hovered */
+// transition-delay: 100s;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(ltr) {
+ /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+ //padding-left: 5.01px;
+//}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-button[disabled] + #urlbar > #notification-popup-box[hidden] + #identity-box:-moz-locale-dir(rtl) {
+ /* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+ //padding-right: 5.01px;
+//}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ -moz-margin-end: 4px;
+}
+
+#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
+ background-color: var(--verified-identity-box-backgroundcolor);
+}
+
+#identity-box:-moz-focusring {
+ outline: 1px dotted #000;
+ outline-offset: -3px;
+}
+
+#identity-icon-labels {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 5px;
+}
+
+
+:root {
+ --identity-box-verified-color: hsl(92,100%,30%);
+ --identity-box-verified-background-image: linear-gradient(
+ transparent 15%,
+ hsla(92,81%,16%,.2) 15%,
+ hsla(92,81%,16%,.2) 85%,
+ transparent 85%);
+ --identity-box-chrome-color: rgb(229,115,0);
+ --identity-box-chrome-background-image: linear-gradient(
+ transparent 15%,
+ rgba(229,114,0,.5) 15%,
+ rgba(229,114,0,.5) 85%,
+ transparent 85%);
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ background-position: right;
+ background-size: 1px;
+ background-repeat: no-repeat;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+ background-position: left;
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ color: var(--identity-box-verified-color);
+ background-image: var(--identity-box-verified-background-image);
+}
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ background-image: var(--identity-box-chrome-background-image);
+}
+
+/* page proxy icon */
+
+#page-proxy-favicon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png);
+}
+
+.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.png);
+}
+
+.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);
+}
+
+.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
+}
+
+.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png);
+}
+
+#page-proxy-favicon[pageproxystate="invalid"] {
+ opacity: 0.3;
+}
+
+#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon64.png");
+}
+
+#identity-popup-brandName {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-top: .5em;
+ margin-bottom: .5em;
+}
+
+#identity-popup-content-box {
+ max-width: 50ch;
+}
+
+@media not all and (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+ }
+
+ #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);
+ }
+}
+
+@media (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
+ -moz-image-region: rect(0, 32px, 32px, 0);
+ }
+
+ .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png);
+ }
+
+ .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png);
+ }
+
+ .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png);
+ }
+
+ .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png);
+ }
+
+ .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png);
+ }
+
+ .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png);
+ }
+
+ #identity-box:hover > #page-proxy-favicon {
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+
+ #identity-box:hover:active > #page-proxy-favicon,
+ #identity-box[open=true] > #page-proxy-favicon {
+ -moz-image-region: rect(0, 96px, 32px, 64px);
+ }
+
+ #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon128.png");
+ -moz-image-region: rect(0, 128px, 128px, 0);
+ }
+}
+
+#page-proxy-favicon {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 1px;
+}
+
+/* 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-help-icon {
+ -moz-appearance: none;
+ margin-left: 0px;
+ border: none;
+ background: none;
+ min-width: 0;
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16");
+ cursor: pointer;
+}
+
+#identity-popup-help-icon > .button-box > .button-text {
+ display: none;
+}
+
+#identity-popup-help-icon > .button-box > .button-icon {
+ height: 16px;
+ width: 16px;
+}
+
+#identity-popup-help-icon:-moz-focusring {
+ outline: 1px dotted;
+ outline-offset: 1px;
+}
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+
+#identity-popup-container {
+ min-width: 280px;
+ padding: 10px;
+}
+
+#identity-popup-button-container {
+ background: linear-gradient(to bottom, rgba(0,0,0,0.04) 60%, transparent);
+ padding: 10px;
+ margin-top: 5px;
+}
+
+
+.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-blocked"],
+.popup-notification-icon[popupid="addon-install-failed"],
+.popup-notification-icon[popupid="addon-install-confirmation"],
+.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);
+}
+
+.popup-notification-icon[popupid="indexedDB-permissions-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="webapps-install-progress"],
+.popup-notification-icon[popupid="webapps-install"] {
+ list-style-image: url(chrome://global/skin/icons/webapps-64.png);
+}
+
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png);
+}
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png);
+}
+
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png);
+}
+
+.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png);
+}
+
+.popup-notification-icon[popupid="webRTC-sharingScreen"],
+.popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png);
+}
+
+.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: transparent;
+ background-clip: padding-box;
+ padding-left: 1px;
+ 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;
+}
+
+//window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button[disabled] + #urlbar > #notification-popup-box {
+// padding-left: 7px;
+//}
+
+#notification-popup-box:-moz-locale-dir(rtl),
+.notification-anchor-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+.notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+}
+
+.identity-notification-icon,
+#identity-notification-icon {
+ list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
+ /* XXX: need HiDPI version */
+}
+
+.geo-notification-icon,
+#geo-notification-icon {
+ list-style-image: url(chrome://browser/skin/Geolocation-16.png);
+}
+
+#push-notification-icon {
+ list-style-image: url(chrome://browser/skin/Push-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);
+}
+
+.webapps-notification-icon,
+#webapps-notification-icon {
+ list-style-image: url(chrome://global/skin/icons/webapps-16.png);
+}
+
+#plugins-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-pluginNormal.png);
+}
+
+#plugins-notification-icon.plugin-hidden {
+ list-style-image: url(chrome://browser/skin/notification-pluginAlert.png);
+}
+
+#plugins-notification-icon.plugin-blocked {
+ list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png);
+}
+
+#plugins-notification-icon {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#plugins-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#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;
+}
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
+}
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png);
+}
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png);
+}
+
+.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);
+}
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png);
+}
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png);
+}
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png);
+}
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png);
+}
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-16.png);
+}
+
+.pointerLock-notification-icon,
+#pointerLock-notification-icon {
+ list-style-image: url(chrome://browser/skin/pointerLock-16.png);
+}
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url(chrome://browser/skin/social/services-64.png);
+}
+#servicesInstall-notification-icon {
+ list-style-image: url(chrome://browser/skin/social/services-16.png);
+}
+
+/* EME notifications */
+
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
+}
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed");
+}
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal;
+}
+
+@keyframes emeTeachingMoment {
+ 0% {transform: translateX(0); }
+ 25% {transform: translateX(3px) }
+ 75% {transform: translateX(-3px) }
+ 100% { transform: translateX(0); }
+}
+
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+ #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill;
+ }
+
+ .notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog);
+ }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png);
+ }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png);
+ }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png);
+ }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png);
+ }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png);
+ }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png);
+ }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png);
+ }
+
+}
+
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em;
+}
+
+.addon-install-confirmation-name {
+ font-weight: bold;
+}
+
+/* Notification icon box */
+#notification-popup-box {
+ border-radius: 2.5px 0 0 2.5px;
+ margin-top: -1px;
+ margin-bottom: -1px;
+}
+
+.notification-anchor-icon:-moz-focusring {
+ outline: 1px dotted -moz-DialogText;
+}
+
+.indexedDB-notification-icon,
+#indexedDB-notification-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16);
+}
+
+#pointerLock-cancel {
+ margin: 0px;
+}
+
+/* Translation infobar */
+
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+ }
+}
+
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16.png);
+ -moz-image-region: auto;
+}
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16@2x.png);
+ }
+}
+
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-appearance: none;
+ border-width: 1px;
+ -moz-border-top-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ border-radius: 2px;
+ min-width: 0;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset;
+}
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+ border: none;
+ background-color: transparent;
+ margin: auto;
+ padding: 5px 0;
+}
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0;
+}
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small;
+}
+
+.translation-attribution > label {
+ margin-bottom: 0;
+}
+
+.translation-attribution > image {
+ width: 70px;
+}
+
+.translation-welcome-panel {
+ width: 305px;
+}
+
+.translation-welcome-logo {
+ height: 32px;
+ width: 32px;
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px);
+}
+
+.translation-welcome-content {
+ -moz-margin-start: 16px;
+}
+
+.translation-welcome-headline {
+ font-size: larger;
+ font-weight: bold;
+}
+
+.translation-welcome-body {
+ padding: 1em 0;
+ margin: 0 0;
+}
+
+notification[value="translation"] {
+ min-height: 40px;
+}
+
+notification[value="translation"],
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-height: 30px;
+ color: #5A5959;
+}
+
+notification[value="translation"] {
+ background-color: #F2F1F0;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-padding-end: 1ch;
+}
+
+notification[value="translation"] menulist {
+ border: 1px solid #C1C1C1;
+ background-color: #FFF;
+}
+
+notification[value="translation"] button {
+ border: 1px solid #C1C1C1;
+ background-color: #F2F1F0;
+}
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+ -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch;
+}
+
+notification[value="translation"] button:hover,
+notification[value="translation"] button:active,
+notification[value="translation"] menulist:hover,
+notification[value="translation"] menulist:active {
+ background-color: #E2E1E0;
+}
+
+notification[value="translation"] button[anonid="translate"] {
+ color: #FFF;
+ background-image: linear-gradient(#9FB938, #8DA726);
+ box-shadow: none;
+ border: 1px solid #829C1C;
+}
+
+notification[value="translation"] button[anonid="translate"]:hover,
+notification[value="translation"] button[anonid="translate"]:active {
+ background-image: linear-gradient(#8DA726, #8DA726);
+}
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+ -moz-margin-start: 3ch;
+}
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+ -moz-margin-end: 3ch;
+}
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ display: block;
+}
+
+/* Loop/ Hello browser styles */
+
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0;
+}
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.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),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px;
+}
+
+.ac-result-type-keyword[selected="true"],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted);
+}
+
+.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 */
+
+#urlbar > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 2px;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png");
+}
+
+#urlbar-reload-button {
+ -moz-image-region: rect(0, 14px, 14px, 0);
+}
+
+#urlbar-reload-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, hsla(200,100%,70%,.2), transparent);
+ -moz-image-region: rect(14px, 14px, 28px, 0);
+}
+
+#urlbar-reload-button:not([disabled]):hover:active {
+ background-image: radial-gradient(circle closest-side, hsla(200,100%,60%,.1), transparent);
+ -moz-image-region: rect(28px, 14px, 42px, 0);
+}
+
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px);
+}
+
+#urlbar-go-button:hover {
+ background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.2), transparent);
+ -moz-image-region: rect(14px, 42px, 28px, 28px);
+}
+
+#urlbar-go-button:hover:active {
+ background-image: radial-gradient(circle closest-side, hsla(110,70%,50%,.1), transparent);
+ -moz-image-region: rect(28px, 42px, 42px, 28px);
+}
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+#urlbar-stop-button {
+ -moz-image-region: rect(0, 28px, 14px, 14px);
+}
+
+#urlbar-stop-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.3), transparent);
+ -moz-image-region: rect(14px, 28px, 28px, 14px);
+}
+
+#urlbar-stop-button:hover:active {
+ background-image: radial-gradient(circle closest-side, hsla(5,100%,75%,.1), transparent);
+ -moz-image-region: rect(28px, 28px, 42px, 14px);
+}
+
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png");
+ }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px);
+ }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px);
+ }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px);
+ }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0);
+ }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0);
+ }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0);
+ }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px);
+ }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px);
+ }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px);
+ }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px;
+ }
+}
+
+/* Popup blocker button */
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/Info.png");
+}
+
+/* Reading List button */
+
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px;
+}
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px;
+}
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover");
+}
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active");
+}
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded");
+}
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover");
+}
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active");
+}
+
+/* Reader mode button */
+
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px);
+}
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px);
+}
+
+/* social share panel */
+
+.social-share-frame {
+ border-top: 1px solid #f8f8f8;
+ width: 756px;
+ height: 150px;
+}
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center;
+}
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png);
+}
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1;
+}
+#share-container[loading] > browser {
+ opacity: 0;
+}
+
+.social-share-toolbar {
+ border-bottom: 1px solid #dedede;
+ padding: 2px;
+}
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0;
+}
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px;
+}
+
+.share-provider-button > .toolbarbutton-text {
+ display: none;
+}
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px;
+}
+
+/* social recommending panel */
+
+#social-mark-button {
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+/* bookmarks menu-button */
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ -moz-box-align: center;
+}
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ //margin-top: 3px;
+ //margin-bottom: 3px;
+}
+
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
+ opacity: .4;
+}
+
+#BMB_bookmarksPopup[side="top"],
+#BMB_bookmarksPopup[side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px;
+}
+
+#BMB_bookmarksPopup[side="left"],
+#BMB_bookmarksPopup[side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px;
+}
+
+#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
+#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
+ margin-top: -4px;
+}
+
+/* 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;
+}
+
+.panel-promo-box {
+ margin: 8px -10px -10px -10px;
+ padding: 8px 10px;
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(hsla(0,0%,0%,.15), hsla(0,0%,0%,.08) 6px);
+}
+
+.panel-promo-icon {
+ list-style-image: url("chrome://browser/skin/sync-notification-24.png");
+ -moz-margin-end: 10px;
+ vertical-align: middle;
+}
+
+.panel-promo-closebutton {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px;
+}
+
+.panel-promo-closebutton > .toolbarbutton-text {
+ padding: 0;
+}
+
+/* Content area */
+#sidebar {
+ background-color: Window;
+}
+
+
+/* Findbar */
+.browserContainer > findbar {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+ border-top: 1px solid;
+ -moz-border-top-colors: $borders_color;
+ text-shadow: none;
+}
+
+.browserContainer > findbar .findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid $entry_border;
+ box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ width: 14em;
+
+ &[focused="true"] { border-color: $selected_bg_color; }
+
+ &:-moz-locale-dir(ltr) {
+ border-radius: 20px 0 0 20px;
+ border-right-width: 0;
+ }
+
+ &:-moz-locale-dir(rtl) {
+ border-radius: 0 20px 20px 0;
+ border-left-width: 0;
+ }
+}
+
+.browserContainer > findbar .findbar-find-previous,
+.browserContainer > findbar .findbar-find-next {
+ background: $button_bg;
+ border: 1px solid $button_border;
+ box-shadow: none;
+}
+
+.browserContainer > findbar .findbar-find-previous {
+ border-right-width: 0;
+}
+
+.browserContainer > findbar .findbar-find-previous:focus,
+.browserContainer > findbar .findbar-find-next:focus {
+ border-color: $selected_bg_color;
+ box-shadow: none;
+}
+
+.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
+.browserContainer > findbar .findbar-find-next:not([disabled]):active {
+ background: $selected_bg_color;
+ border-color: $selected_bg_color;
+ box-shadow: none;
+}
+
+
+/* Tabstrip */
+
+
+:root {
+ --tab-toolbar-navbar-overlap: 1px;
+ --tab-min-height: 31px;
+}
+#TabsToolbar {
+ --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
+ --tab-separator-size: 3px 100%;
+ --tab-separator-opacity: 1;
+}
+
+
+/* image preloading hack */
+#tabbrowser-tabs::before {
+ /* Because of bug 853415, we need to ordinal this to the first position: */
+ -moz-box-ordinal-group: 0;
+ content: '';
+ display: block;
+// background-image:
+// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end.svg),
+// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle.svg),
+// url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start.svg);
+}
+
+#tabbrowser-tabs {
+ min-height: var(--tab-min-height);
+}
+
+.tabbrowser-tab,
+.tabs-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-radius: 0;
+ border-width: 0;
+ margin: 0;
+ padding: 0;
+}
+
+.tabbrowser-tab {
+ -moz-box-align: stretch;
+}
+
+/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
+.tabbrowser-tab[visuallyselected=true] {
+ position: relative;
+ z-index: 2;
+}
+
+.tab-background-middle {
+ -moz-box-flex: 1;
+ background-clip: padding-box;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ margin: 0 -15px;
+}
+
+.tab-content {
+ -moz-padding-end: 9px;
+ -moz-padding-start: 9px;
+}
+
+.tab-content[pinned] {
+ -moz-padding-end: 3px;
+}
+
+.tab-throbber,
+.tab-icon-image,
+.tab-close-button {
+ margin-top: 1px;
+}
+
+.tab-throbber,
+.tab-icon-image {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 6px;
+}
+
+.tab-icon-image {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: 10px;
+ -moz-margin-start: -16px;
+ display: none;
+}
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg");
+}
+
+.tab-throbber[busy] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png");
+}
+
+.tab-throbber[progress] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/loading.png");
+}
+
+.tab-label {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0;
+}
+
+.tab-close-button {
+ -moz-margin-start: 4px;
+ -moz-margin-end: -2px;
+ padding: 0;
+}
+
+.tab-background,
+.tabs-newtab-button {
+ /* overlap the tab curves */
+ -moz-margin-end: -15px;
+ -moz-margin-start: -15px;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 15px;
+ -moz-padding-start: 15px;
+}
+
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-overflow-indicator.png);
+ background-size: 100% 100%;
+ width: 14px;
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+ pointer-events: none;
+ position: relative;
+ z-index: 3; /* the selected tab's z-index + 1 */
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+ transform: scaleX(-1);
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+ -moz-margin-start: -2px;
+ -moz-margin-end: -12px;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ -moz-margin-start: -12px;
+ -moz-margin-end: -2px;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+ opacity: 0;
+}
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+ transition: opacity 150ms ease;
+}
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ min-height: var(--tab-min-height);
+ width: 30px;
+}
+
+.tabbrowser-tab:not([visuallyselected=true]),
+.tabbrowser-tab:-moz-lwtheme {
+ color: inherit;
+}
+
+.tabbrowser-tab:not([selected="true"]) {
+ color: transparentize($header_fg, 0.2);
+}
+
+/* Selected tab */
+
+/*
+ Tab background pseudo-elements which are positioned above .tab-background-start/end:
+ - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where
+ pointer events go for the curve.
+ - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer
+ events go through to ::before to get the proper shape.
+ */
+
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ /* position ::after on top of its parent */
+ -moz-margin-start: -30px;
+ background-size: 100% 100%;
+ content: "";
+ display: -moz-box;
+ position: relative;
+}
+
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-end[visuallyselected=true]::before {
+ /* all ::before pseudo elements */
+ content: "";
+ display: -moz-box;
+}
+
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start.svg);
+ background-size: 100% 100%;
+}
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end.svg);
+ background-size: 100% 100%;
+}
+
+/* For lightweight themes, clip the header image on start, middle, and end. */
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start);
+}
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end);
+}
+
+//.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr)::after,
+//.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl)::after {
+// background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-start.png);
+//}
+
+//.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr)::after,
+//.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl)::after {
+// background-image: url(chrome://browser/skin/tabbrowser/tab-stroke-end.png);
+//}
+
+.tab-background-middle[visuallyselected=true] {
+ background-clip: padding-box, padding-box, content-box;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle.svg);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+ /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
+ background-color doesn't extend above the top border. */
+ padding-top: 2px;
+}
+
+/* Selected tab lightweight theme styles.
+ See browser-lightweightTheme.css for information about run-time changes to LWT styles. */
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png),
+ linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));/*,
+ lwtHeader;*/
+ /* Don't stretch the LWT header images */
+ background-size: auto 100%, auto 100%, auto auto;
+}
+
+/* These LWT styles are normally overridden by browser-lightweightTheme.css */
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+}
+
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+}
+
+/* End selected tab */
+
+/* new tab button border and gradient on hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
+.tabs-newtab-button:hover {
+ background-image:
+ url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-start-hover.svg),
+ url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-middle-hover.svg),
+ url(chrome://browser/skin/custom_images/#{$darker_asset_path}/tabs/tab-end-hover.svg);
+ background-position: left bottom, 30px bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%;
+}
+
+/* Tab pointer-events */
+.tabbrowser-tab {
+ pointer-events: none;
+}
+
+.tab-background-middle,
+.tabs-newtab-button,
+.tab-close-button {
+ pointer-events: auto;
+}
+
+/* Pinned tabs */
+
+/* Pinned tab separators need position: absolute when positioned (during overflow). */
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before {
+ height: 100%;
+ position: absolute;
+}
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: radial-gradient(farthest-corner at center bottom, rgb(255,255,255) 3%, rgba(186,221,251,0.75) 20%, rgba(127,179,255,0.25) 40%, transparent 70%);
+ background-position: center bottom var(--tab-toolbar-navbar-overlap);
+ background-repeat: no-repeat;
+ background-size: 85% 100%;
+}
+
+///* Background tab separators (3px wide).
+// Also show separators beside the selected tab when dragging it. */
+//#tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
+//.tabbrowser-tab:not([visuallyselected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
+//#tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([visuallyselected]):not([beforehovered]):not(:hover)::after {
+// -moz-margin-start: -1.5px;
+// -moz-margin-end: -1.5px;
+// background-image: var(--tab-separator-image);
+// background-position: left bottom var(--tab-toolbar-navbar-overlap);
+// background-repeat: no-repeat;
+// background-size: var(--tab-separator-size);
+// opacity: var(--tab-separator-opacity);
+// content: "";
+// display: -moz-box;
+// width: 3px;
+//}
+
+//#TabsToolbar[brighttext] {
+// --tab-separator-image: linear-gradient(transparent 0%, transparent 15%, currentColor 15%, currentColor 90%, transparent 90%);
+// --tab-separator-size: 1px 100%;
+// --tab-separator-opacity: 0.4;
+//}
+
+/* New tab button */
+
+.tabs-newtab-button {
+ width: calc(36px + 30px);
+}
+
+#tabbrowser-tabs {
+ /* override the global style to allow the selected tab to be above the nav-bar */
+ z-index: auto;
+}
+
+#TabsToolbar {
+ min-height: 0;
+ padding: 0;
+ margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap));
+}
+
+#TabsToolbar:not(:-moz-lwtheme) {
+ -moz-appearance: menubar;
+ color: -moz-menubartext;
+}
+
+#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
+#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag");
+}
+
+.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
+ outline: 1px dotted;
+}
+
+#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: -9px;
+ z-index: 3;
+}
+
+/* Tab close button */
+//.tab-close-button:not([visuallyselected]):not(:hover) {
+// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 64, 16, 48);
+//}
+
+//#TabsToolbar[brighttext] .tab-close-button:not([visuallyselected]):not(:hover) {
+// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 80, 16, 64);
+//}
+
+//.tab-close-button:not([visuallyselected]):not(:hover):-moz-lwtheme-darktext {
+// background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 96, 16, 80);
+//}
+.close-icon {
+ background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close.svg");
+
+ &:hover { background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close-hover.svg"); }
+ &:active:hover { background-image: url("chrome://browser/skin/custom_images/#{$asset_path}/tabs/tab-close-active.svg"); }
+
+ .tabbrowser-tab:not([selected="true"]) & {
+ background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-inactive.svg");
+
+ &:hover { background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-hover.svg"); }
+ &:active { background-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-close-active.svg"); }
+ }
+}
+
+/* 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;
+}
+
+.tabs-newtab-button > .toolbarbutton-icon,
+#new-tab-button > .toolbarbutton-icon {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/new-tab.png");
+ -moz-image-region: auto;
+}
+
+/* Tabbrowser arrowscrollbox arrows */
+.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
+.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none;
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/tab-arrow-left.svg");
+ margin: 0 0 var(--tab-toolbar-navbar-overlap);
+}
+
+//#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-up,
+//#TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .scrollbutton-down {
+// list-style-image: url(chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png);
+//}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
+.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
+ opacity: .4;
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
+ transform: scaleX(-1);
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ transition: 1s background-color ease-out;
+}
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+ background-color: Highlight;
+ transition: none;
+}
+
+#TabsToolbar .toolbarbutton-1 {
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+}
+
+#alltabs-button {
+ list-style-image: url("chrome://browser/skin/custom_images/#{$darker_asset_path_2}/tabs/alltabs.svg");
+}
+
+//#TabsToolbar[brighttext] > #alltabs-button,
+//#TabsToolbar[brighttext] > toolbarpaletteitem > #alltabs-button {
+// list-style-image: url("chrome://browser/skin/tabbrowser/alltabs-inverted.png");
+//}
+
+#alltabs-button > .toolbarbutton-icon {
+ padding: 9px 6px 6px;
+}
+
+#alltabs-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+/* All tabs menupopup */
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+.alltabs-item[selected="true"] {
+ font-weight: bold;
+}
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow;
+}
+
+/* Sidebar */
+#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;
+}
+
+toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !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;
+}
+
+/* Ctrl-Tab */
+
+.ctrlTab-preview {
+ -moz-appearance: toolbarbutton;
+}
+
+.tabPreview-canvas {
+ box-shadow: 0 0 5px ThreeDShadow;
+}
+
+.ctrlTab-preview:focus .tabPreview-canvas,
+.ctrlTab-preview:hover .tabPreview-canvas {
+ box-shadow: none;
+}
+
+.ctrlTab-favicon[src] {
+ background-color: white;
+ width: 20px;
+ height: 20px;
+ padding: 2px;
+}
+
+#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;
+}
+
+/* Sync Panel */
+
+.sync-panel-icon {
+ height:32px;
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat;
+}
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px;
+}
+
+.sync-panel-button-box {
+ margin-top: 1em;
+}
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-size: 120%;
+ font-weight: bold;
+ margin-bottom: 5px;
+}
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0;
+}
+
+/* Status panel */
+
+.statuspanel-label {
+ margin: 0;
+ padding: 2px 4px;
+ background: $selected_bg_color;
+ border: 1px none $selected_bg_color;
+ border-top-style: solid;
+ color: $selected_fg_color;
+ 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-image: url("chrome://browser/skin/fullscreen-darknoise.png");
+ color: white;
+ border-radius: 4px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px white;
+}
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0,0,0,0.3);
+}
+
+.full-screen-description {
+ font-size: 150%;
+}
+
+#full-screen-domain-text {
+ font-size: 300%;
+}
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%;
+}
+
+
+/* Responsive Mode */
+
+.browserContainer[responsivemode] {
+ background-color: #222;
+ padding: 0 20px 20px 20px;
+}
+
+.browserStack[responsivemode] {
+ box-shadow: 0 0 7px black;
+}
+
+.devtools-responsiveui-toolbar {
+ -moz-appearance: none;
+ background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: hsl(210,30%,85%);
+ margin: 10px 0;
+ padding: 0;
+ box-shadow: none;
+ border-bottom-width: 0;
+}
+
+.devtools-responsiveui-menulist,
+.devtools-responsiveui-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 22px;
+ text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
+ border: 1px solid hsla(210,8%,5%,.45);
+ border-radius: 0;
+ background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
+ box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
+ margin: 0 3px;
+ color: inherit;
+}
+
+.devtools-responsiveui-menulist .menulist-editable-box {
+ -moz-appearance: none;
+ background-color: transparent;
+}
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input {
+ -moz-appearance: none;
+ color: inherit;
+ text-align: center;
+}
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection {
+ background: hsla(212,7%,57%,.35);
+}
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal;
+}
+
+.devtools-responsiveui-menulist:-moz-focusring,
+.devtools-responsiveui-toolbarbutton:-moz-focusring {
+ outline: 1px dotted hsla(210,30%,85%,0.7);
+ outline-offset: -4px;
+}
+
+.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none;
+}
+
+.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active {
+ border-color: hsla(210,8%,5%,.6);
+ background: linear-gradient(hsla(220,6%,10%,.3), hsla(212,7%,57%,.15) 65%, hsla(212,7%,57%,.3));
+ box-shadow: 0 0 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
+}
+
+.devtools-responsiveui-menulist[open=true],
+.devtools-responsiveui-toolbarbutton[open=true],
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ border-color: hsla(210,8%,5%,.6) !important;
+ background: linear-gradient(hsla(220,6%,10%,.6), hsla(210,11%,18%,.45) 75%, hsla(210,11%,30%,.4));
+ box-shadow: 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 3px hsla(210,8%,5%,.25) inset, 0 1px 0 hsla(210,16%,76%,.15);
+}
+
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ color: hsl(208,100%,60%);
+}
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover {
+ background-color: transparent !important;
+}
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover:active {
+ background-color: hsla(210,8%,5%,.2) !important;
+}
+
+.devtools-responsiveui-menulist > .menulist-label-box {
+ text-align: center;
+}
+
+.devtools-responsiveui-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ background-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ border-width: 0;
+ min-width: 16px;
+}
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-border-end: 1px solid hsla(210,8%,5%,.45);
+ box-shadow: -1px 0 0 hsla(210,16%,76%,.15) inset, 1px 0 0 hsla(210,16%,76%,.15);
+}
+
+.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+ box-shadow: 1px 0 0 hsla(210,16%,76%,.15) inset, -1px 0 0 hsla(210,16%,76%,.15);
+}
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch;
+}
+
+.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px;
+}
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+ margin-left: 0;
+}
+
+.devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+}
+
+.devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png");
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png");
+ }
+}
+
+.devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ -moz-image-region: rect(0px,16px,16px,0px);
+}
+
+.devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px,32px,16px,16px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px,32px,32px,0px);
+ }
+
+ .devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px,64px,32px,32px);
+ }
+}
+
+.devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png");
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png");
+ }
+}
+
+.devtools-responsiveui-resizebarV {
+ width: 7px;
+ height: 24px;
+ cursor: ew-resize;
+ transform: translate(12px, -12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png");
+}
+
+.devtools-responsiveui-resizebarH {
+ width: 24px;
+ height: 7px;
+ cursor: ns-resize;
+ transform: translate(-12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png");
+}
+
+.devtools-responsiveui-resizehandle {
+ width: 16px;
+ height: 16px;
+ cursor: se-resize;
+ transform: translate(12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png");
+}
+
+/* FxOS custom mode with additional buttons and phone look'n feel */
+
+/* Hide devtools manual resizer */
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV {
+ display: none;
+}
+
+/* Gives responsive mode a phone look'n feel */
+.browserStack[responsivemode].fxos-mode {
+ padding: 60px 15px 0;
+
+ border-radius: 25px / 20px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: 1px solid #FFFFFF;
+ border-bottom-width: 0;
+
+ background-color: #353535;
+
+ box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
+
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+ min-width: 320px;
+}
+
+.devtools-responsiveui-hardware-buttons {
+ -moz-appearance: none;
+ padding: 20px;
+
+ border: 1px solid #FFFFFF;
+ border-bottom-left-radius: 25px;
+ border-bottom-right-radius: 25px;
+ border-top-width: 0;
+
+ box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset;
+
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+}
+
+.devtools-responsiveui-home-button {
+ width: 40px;
+ height: 30px;
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png");
+}
+
+.devtools-responsiveui-sleep-button {
+ -moz-appearance: none;
+ /* compensate browserStack top padding */
+ margin-top: -67px;
+ margin-right: 10px;
+
+ min-width: 10px;
+ width: 50px;
+ height: 5px;
+
+ border: 1px solid #444;
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-color: transparent;
+
+ background-image: linear-gradient(to top, #111 11%, #333 56%);
+}
+
+.devtools-responsiveui-sleep-button:hover:active {
+ background-image: linear-gradient(to top, #aaa 11%, #ddd 56%);
+}
+
+.devtools-responsiveui-volume-buttons {
+ margin-left: -29px;
+}
+
+.devtools-responsiveui-volume-up-button,
+.devtools-responsiveui-volume-down-button {
+ -moz-appearance: none;
+ border: 1px solid red;
+ min-width: 8px;
+ height: 40px;
+
+ border: 1px solid #444;
+ border-right-color: transparent;
+
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+}
+
+.devtools-responsiveui-volume-up-button:hover:active,
+.devtools-responsiveui-volume-down-button:hover:active {
+ background-image: linear-gradient(to right, #aaa 11%, #ddd 56%);
+}
+
+.devtools-responsiveui-volume-up-button {
+ border-top-left-radius: 12px;
+}
+
+.devtools-responsiveui-volume-down-button {
+ border-bottom-left-radius: 12px;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png");
+ }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png");
+ }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png");
+ }
+}
+
+/* Developer toolbar */
+
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within browser.css). */
+:root[devtoolstheme="light"] #developer-toolbar {
+ --gcli-background-color: #ebeced; /* --theme-tab-toolbar-background */
+ --gcli-input-background: #f0f1f2; /* --theme-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7; /* --theme-sidebar-background */
+ --gcli-input-color: #18191a; /* --theme-body-color */
+ --gcli-border-color: #aaaaaa; /* --theme-splitter-color */
+ --selection-background: #4c9ed9; /* --theme-selection-background */
+ --selection-color: #f5f7fa; /* --theme-selection-color */
+}
+
+:root[devtoolstheme="dark"] #developer-toolbar {
+ --gcli-background-color: #343c45; /* --theme-toolbar-background */
+ --gcli-input-background: rgba(37, 44, 51, .6); /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #252c33; /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf; /* --theme-body-color-alt */
+ --gcli-border-color: black; /* --theme-splitter-color */
+ --selection-background: #1d4f73; /* --theme-selection-background */
+ --selection-color: #f5f7fa; /* --theme-selection-color */
+}
+
+#developer-toolbar {
+ -moz-appearance: none;
+ padding: 0;
+ min-height: 32px;
+ background-color: var(--gcli-background-color);
+ border-top: 1px solid var(--gcli-border-color);
+}
+
+#developer-toolbar > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ margin: 0;
+ padding: 0 10px;
+ width: 32px;
+}
+
+.developer-toolbar-button > image {
+ margin: auto 10px;
+}
+
+:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
+:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+ filter: url("chrome://browser/skin/devtools/filters.svg#invert");
+}
+
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+#developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+#developer-toolbar-toolbox-button > label {
+ display: none;
+}
+
+#developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+#developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px);
+}
+
+#developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 16px, 48px);
+}
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ #developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+
+ #developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 96px, 32px, 64px);
+ }
+
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px);
+ }
+}
+
+#developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.6;
+}
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png");
+ }
+}
+
+#developer-toolbar-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: -4px;
+}
+
+#developer-toolbar-closebutton > .toolbarbutton-text {
+ display: none;
+}
+
+#developer-toolbar-closebutton:hover {
+ opacity: 0.8;
+}
+
+#developer-toolbar-closebutton:hover:active {
+ opacity: 1;
+}
+
+/* GCLI */
+
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
+ padding: 0;
+ border-width: 0;
+ background-color: transparent;
+}
+
+#gcli-output,
+#gcli-tooltip {
+ border-width: 0;
+ background-color: transparent;
+ -moz-appearance: none;
+}
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node {
+ margin: 0;
+ -moz-box-align: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 8px;
+ text-shadow: none;
+ box-shadow: none;
+ border-width: 0;
+ background-color: transparent;
+ border-radius: 0;
+}
+
+.gclitoolbar-input-node {
+ -moz-appearance: none;
+ color: var(--gcli-input-color);
+ background-color: var(--gcli-input-background);
+ background-repeat: no-repeat;
+ background-position: 4px center;
+ box-shadow: 1px 0 0 var(--gcli-border-color) inset,
+ -1px 0 0 var(--gcli-border-color) inset;
+
+ line-height: 32px;
+ outline-style: none;
+ padding: 0;
+}
+
+.gclitoolbar-input-node[focused="true"] {
+ background-color: var(--gcli-input-focused-background);
+}
+
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px;
+}
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center;
+}
+
+@media (min-resolution: 1.25dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png");
+ }
+}
+
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: var(--selection-background);
+ color: var(--selection-color);
+ text-shadow: none;
+}
+
+.gclitoolbar-complete-node {
+ padding-left: 21px;
+ background-color: transparent;
+ color: transparent;
+ z-index: 100;
+ pointer-events: none;
+}
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0;
+}
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #999;
+}
+
+.gcli-in-error {
+ border-bottom: 2px dotted #F00;
+}
+
+.gcli-in-ontab {
+ color: hsl(210,0%,35%);
+}
+
+.gcli-in-todo {
+ color: hsl(210,50%,35%);
+}
+
+.gcli-in-closebrace {
+ color: hsl(0,0%,80%);
+}
+#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0px;
+}
+
+.click-to-play-plugins-notification-center-box {
+ border: 1px solid ThreeDShadow;
+ margin: 10px;
+}
+
+.plugin-popupnotification-centeritem:nth-child(odd) {
+ background-color: rgba(0,0,0,0.1);
+}
+
+.center-item-label {
+ -moz-margin-start: 6px;
+ margin-bottom: 0;
+ text-overflow: ellipsis;
+}
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ -moz-margin-start: 6px;
+}
+
+.click-to-play-plugins-notification-button-container {
+ background-color: hsla(210,4%,10%,.07);
+ border-top: 1px solid hsla(210,4%,10%,.12);
+ padding: 10px;
+ margin-top: 5px;
+}
+
+.click-to-play-popup-button {
+ width: 50%;
+}
+
+.click-to-play-plugins-notification-description-box {
+ padding: 10px;
+}
+
+.click-to-play-plugins-outer-description {
+ margin-top: 8px;
+}
+
+.click-to-play-plugins-notification-link,
+.center-item-link {
+ margin: 0;
+}
+
+.messageImage[value="plugin-hidden"] {
+ list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
+ -moz-image-region: rect(0, 16px, 16px, 0);
+}
+
+/* Keep any changes to this style in sync with pluginProblem.css */
+notification.pluginVulnerable {
+ background-color: rgb(72,72,72);
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+ color: white;
+}
+
+notification.pluginVulnerable .messageImage {
+ list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png");
+}
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold;
+}
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em;
+}
+
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+ color: GrayText;
+}
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #d74345;
+ font-style: italic;
+}
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em;
+}
+#login-fill-testing {
+ color: #b33;
+ font-weight: bold;
+}
+
+#login-fill-list {
+ border: 1px solid black;
+ max-height: 20em;
+}
+
+.login-hostname {
+ margin: 4px;
+ font-weight: bold;
+}
+
+.login-username {
+ margin: 4px;
+ color: #888;
+}
+
+/* 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/. */
+
+/*** Status and progress indicator ***/
+
+#downloads-animation-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ /* Makes the outermost animation container element positioned, so that its
+ contents are rendered over the main browser window in the Z order.
+ This is required by the animated event notification. */
+ position: relative;
+ /* The selected tab may overlap #downloads-indicator-notification */
+ z-index: 5;
+}
+
+/*** Main indicator icon ***/
+
+#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ min-width: 18px;
+ min-height: 18px;
+}
+
+#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+}
+
+#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open],[checked],:hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat;
+}
+
+//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"]:not([attention]) > #downloads-indicator-anchor > #downloads-indicator-icon {
+// background: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"),
+// 0, 198, 18, 180) center no-repeat;
+//}
+
+#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180);
+}
+
+//toolbar[brighttext] #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 18, 198, 36, 180);
+//}
+
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto;
+}
+
+/* In the next few rules, we use :not([counter]) as a shortcut that is
+ equivalent to -moz-any([progress], [paused]). */
+
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"),
+ 0, 16, 16, 0) center no-repeat;
+ background-size: 12px;
+}
+
+//toolbar[brighttext] #downloads-button:not([counter]):not([attention]) > #downloads-indicator-anchor > #downloads-button-progress-area > #downloads-indicator-counter {
+// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180);
+//}
+
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/#{$asset_path}/toolbar-icons.svg"), 18, 198, 36, 180);
+}
+
+//toolbar[brighttext] #downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+// background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 18, 198, 36, 180);
+//}
+
+/*** Download notifications ***/
+
+#downloads-indicator-notification {
+ opacity: 0;
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+}
+
+@keyframes downloadsIndicatorNotificationStartRight {
+ from { opacity: 0; transform: translate(-128px, 128px) scale(8); }
+ 20% { opacity: .85; animation-timing-function: ease-out; }
+ to { opacity: 0; transform: translate(0) scale(1); }
+}
+
+@keyframes downloadsIndicatorNotificationStartLeft {
+ from { opacity: 0; transform: translate(128px, 128px) scale(8); }
+ 20% { opacity: .85; animation-timing-function: ease-out; }
+ to { opacity: 0; transform: translate(0) scale(1); }
+}
+
+#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
+ animation-name: downloadsIndicatorNotificationStartRight;
+ animation-duration: 1s;
+}
+
+#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification {
+ animation-name: downloadsIndicatorNotificationStartLeft;
+}
+
+@keyframes downloadsIndicatorNotificationFinish {
+ from { opacity: 0; transform: scale(1); }
+ 20% { opacity: .65; animation-timing-function: ease-in; }
+ to { opacity: 0; transform: scale(8); }
+}
+
+#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+ animation-name: downloadsIndicatorNotificationFinish;
+ animation-duration: 1s;
+}
+
+/*** Progress bar and text ***/
+
+#downloads-indicator-counter {
+ height: 10px;
+ margin: 0;
+ color: hsl(0,0%,30%);
+ text-shadow: 0 1px 0 hsla(0,0%,100%,.5);
+ font-size: 10px;
+ line-height: 10px;
+ text-align: center;
+}
+
+toolbar[brighttext] #downloads-indicator-counter {
+ color: white;
+ text-shadow: 0 0 1px rgba(0,0,0,.7),
+ 0 1px 1.5px rgba(0,0,0,.5);
+}
+
+#downloads-indicator-progress {
+ width: 18px;
+ height: 6px;
+ min-width: 0;
+ min-height: 0;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 hsla(0,0%,100%,.4);
+}
+
+#downloads-indicator-progress > .progress-bar {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */
+ background-clip: padding-box, border-box;
+ background-color: rgb(255, 135, 94);
+ background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none;
+ border: 1px solid;
+ border-color: rgba(0,43,86,.6) rgba(0,43,86,.4) rgba(0,43,86,.4);
+ border-radius: 2px 0 0 2px;
+}
+
+#downloads-indicator-progress > .progress-remainder {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ background-image: linear-gradient(#505050, #575757);
+ border: 1px solid;
+ border-color: hsla(0,0%,0%,.6) hsla(0,0%,0%,.4) hsla(0,0%,0%,.4);
+ -moz-border-start: none;
+ border-radius: 0 2px 2px 0;
+}
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+ background-color: rgb(220, 230, 81);
+}
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+ background-image: linear-gradient(#4b5000, #515700);
+}
+
+.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;
+}
+
+/* Social toolbar item */
+
+#social-undoactivation-button {
+ -moz-margin-start: 0; /* override default label margin to match description margin */
+}
+
+.social-activation-icon {
+ width: auto;
+ height: auto;
+ max-height: 64px;
+ max-width: 64px;
+}
+
+#social-activation-message {
+ max-width: 250px;
+}
+
+#social-activation-message > label {
+ margin: 0;
+}
+
+/* social toolbar provider menu */
+#social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px;
+}
+
+.social-statusarea-user {
+ list-style-image:url("chrome://global/skin/icons/information-32.png");
+}
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px;
+}
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+}
+
+
+#social-sidebar-header {
+ padding: 3px;
+}
+
+#manage-share-providers,
+#social-sidebar-button {
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px);
+}
+
+#social-sidebar-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ margin: 2px;
+}
+#manage-share-providers > .toolbarbutton-icon,
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px;
+}
+
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+#social-sidebar-button[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
+
+#social-sidebar-favico {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+ margin: 2px;
+}
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+}
+
+.chat-toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 3px;
+ margin: 0;
+ background: none;
+}
+
+.chat-toolbarbutton:hover {
+ background-color: rgba(255,255,255,.35);
+}
+
+.chat-toolbarbutton:hover:active {
+ background-color: rgba(255,255,255,.5);
+}
+
+.chat-toolbarbutton > .toolbarbutton-text {
+ display: none;
+}
+
+.chat-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.chat-close-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close");
+}
+
+.chat-close-button:-moz-any(:hover,:hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active");
+}
+
+.chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize");
+}
+
+.chat-minimize-button:-moz-any(:hover,:hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active");
+}
+
+.chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+ transform: rotate(180deg);
+}
+
+.chat-swap-button:-moz-any(:hover,:hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active");
+}
+
+chatbar > chatbox > .chat-titlebar > .chat-swap-button {
+ transform: none;
+}
+
+.chat-title {
+ font-weight: bold;
+ color: black;
+ text-shadow: none;
+ cursor: inherit;
+}
+
+.chat-titlebar {
+ height: 30px;
+ min-height: 30px;
+ width: 100%;
+ margin: 0;
+ padding: 7px 6px;
+ border: none;
+ border-bottom: 1px solid #ccc;
+ cursor: pointer;
+}
+
+.chat-titlebar > .notification-anchor-icon {
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.chat-titlebar[minimized="true"] {
+ border-bottom: none;
+}
+
+.chat-titlebar[activity] {
+ background-image: radial-gradient(ellipse closest-side at center, rgb(255,255,255), transparent);
+ background-repeat: no-repeat;
+ background-size: 100% 20px;
+ background-position: 0 -10px;
+}
+
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+ border-bottom: none;
+ background-color: #000;
+ background-image: none;
+}
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+ font-weight: normal;
+ color: #c1c1c1;
+}
+
+.chat-frame {
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+}
+
+.chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+ margin: 0;
+ padding: 2px;
+ height: 21px;
+ width: 21px;
+ border: 1px solid #ccc;
+ border-bottom: none;
+}
+
+@media (min-resolution: 2dppx) {
+ .chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16@2x.png");
+ }
+}
+
+.chatbar-button > .toolbarbutton-icon {
+ width: 16px;
+}
+
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px;
+}
+
+.chatbar-button[open="true"] {
+ box-shadow: inset 0 2px 5px rgba(0,0,0,0.6), 0 1px rgba(255,255,255,0.2);
+}
+
+.chatbar-button > .toolbarbutton-text,
+.chatbar-button > .toolbarbutton-menu-dropmarker {
+ display: none;
+}
+
+.chatbar-button > menupopup > menuitem[activity] {
+ font-weight: bold;
+}
+
+.chatbar-innerbox {
+ background: transparent;
+ margin: -285px 0 0;
+ overflow: hidden;
+}
+
+chatbar {
+ -moz-margin-end: 20px;
+}
+
+chatbox {
+ -moz-margin-start: 4px;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-bottom: none;
+}
+
+window > chatbox {
+ -moz-margin-start: 0px;
+ margin: 0px;
+ border: none;
+ padding: 0px;
+}
+
+.chat-titlebar {
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255,255,255,.3), transparent);
+}
+
+.chat-titlebar[selected] {
+ background-color: #f0f0f0;
+}
+
+.chatbar-button {
+ -moz-appearance: none;
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255,255,255,.3), transparent);
+}
+
+.chatbar-button > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+}
+
+.chatbar-button:hover,
+.chatbar-button[open="true"] {
+ background-color: #f0f0f0;
+}
+
+.chatbar-button[activity] {
+ background-image: radial-gradient(circle farthest-corner at center 3px, rgb(233,242,252) 3%, rgba(172,206,255,0.75) 40%, rgba(87,151,201,0.5) 80%, transparent);
+}
+
+chatbox {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px;
+}
+
+/* Customization mode */
+
+/* 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/. */
+
+/* Customization mode */
+
+#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox {
+ margin-bottom: 2em;
+}
+
+#main-window:-moz-any([customize-entering],[customize-entered]) #content-deck,
+#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox,
+#main-window:-moz-any([customize-entering],[customize-entered]) #navigator-toolbox {
+ margin-left: 2em;
+ margin-right: 2em;
+}
+
+#main-window:-moz-any([customize-entering],[customize-exiting]) #tab-view-deck {
+ pointer-events: none;
+}
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#PanelUI-contents > .panel-customization-placeholder {
+ -moz-outline-radius: 2.5px;
+ outline: 1px dashed transparent;
+}
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before {
+ /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */
+ -moz-box-ordinal-group: 0;
+ content: "";
+ display: -moz-box;
+ height: 100%;
+ left: 0;
+ outline-offset: -2px;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the
+ #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the
+ offset from the bottom effectively the same as other targets (-2px). */
+#main-window[customize-entered] #TabsToolbar.customization-target::before {
+ top: -2px;
+}
+
+/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)),
+#main-window[customize-entered] #nav-bar-customization-target.customization-target {
+ position: relative;
+}
+
+/* Most target outlines are shown on hover and drag over but the panel menu uses
+ placeholders instead. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+/* nav-bar and panel outlines are always shown */
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ outline-color: rgb(102,102,102);
+}
+
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ transition: outline-color 250ms linear;
+}
+
+#PanelUI-contents[showoutline=true] > .panel-customization-placeholder {
+ transition: outline-color 250ms linear;
+ outline-color: #bbb;
+}
+
+#PanelUI-contents > .panel-customization-placeholder {
+ cursor: auto;
+ outline-offset: -5px;
+}
+
+#main-window[customizing] .customization-target:not(#PanelUI-contents) {
+ min-width: 100px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+#customization-container {
+ background-color: rgb(247,247,247);
+ color: black;
+ text-shadow: none;
+}
+
+#customization-palette,
+#customization-empty {
+ padding: 0 25px 25px;
+}
+
+#customization-header {
+ font-size: 1.75em;
+ line-height: 1.75em;
+ color: #666;
+ font-weight: 200;
+ margin: 25px 25px 12px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #e5e5e5;
+}
+
+#customization-panel-container {
+ padding: 15px 25px 25px;
+ background-image: linear-gradient(to bottom, #3e86ce, #3878ba);
+}
+
+#main-window:-moz-any([customize-entering],[customize-entered]) #browser-bottombox,
+#customization-footer {
+ background-color: rgb(236,236,236);
+}
+
+#customization-footer {
+ border-top: 1px solid rgb(221,221,221);
+ padding: 10px;
+}
+
+.customizationmode-button {
+ border: 1px solid rgb(192,192,192);
+ border-radius: 3px;
+ margin: 5px;
+ padding: 2px 12px;
+ background-color: rgb(251,251,251);
+ color: rgb(71,71,71);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5),
+ inset 0 1px rgba(255, 255, 255, 0.5);
+ -moz-appearance: none;
+}
+
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: rgb(218, 218, 218);
+ border-color: rgb(168, 168, 168);
+ text-shadow: 0 1px rgb(236, 236, 236);
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5),
+ inset 0 1px rgb(196, 196, 196);
+}
+
+.customizationmode-button[disabled="true"] {
+ opacity: .5;
+}
+
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+ height: 24px;
+}
+
+#customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
+ -moz-image-region: rect(0, 24px, 24px, 0);
+}
+
+#customization-lwtheme-button,
+#customization-titlebar-visibility-button {
+ padding: 2px 7px;
+}
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
+#customization-titlebar-visibility-button > .button-box > .button-text {
+ /* Sadly, button.css thinks its margins are perfect for everyone. */
+ -moz-margin-start: 6px !important;
+}
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ background-size: contain;
+}
+
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle;
+}
+
+#customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 48px, 24px, 24px);
+}
+
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0);
+ }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px);
+ }
+}
+
+#main-window[customize-entered] #customization-panel-container {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"),
+ url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"),
+ url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
+ url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
+ linear-gradient(to bottom, #3e86ce, #3878ba);
+ background-position: center top, left center, left top, left top, left top;
+ background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
+ background-size: auto 12px, 12px 100%, auto, auto, auto;
+ background-attachment: scroll, scroll, fixed, fixed, scroll;
+}
+
+toolbarpaletteitem[place="toolbar"] {
+ transition: border-width 250ms ease-in-out;
+}
+
+toolbarpaletteitem[mousedown] {
+ cursor: -moz-grabbing;
+}
+
+.panel-customization-placeholder,
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"] {
+ transition: transform .3s ease-in-out;
+}
+
+#customization-palette {
+ transition: opacity .3s ease-in-out;
+ opacity: 0;
+}
+
+#customization-palette[showing="true"] {
+ opacity: 1;
+}
+
+toolbarpaletteitem[notransition].panel-customization-placeholder,
+toolbarpaletteitem[notransition][place="toolbar"],
+toolbarpaletteitem[notransition][place="palette"],
+toolbarpaletteitem[notransition][place="panel"] {
+ transition: none;
+}
+
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem > toolbaritem.panel-wide-item,
+toolbarpaletteitem > toolbarbutton[type="menu-button"] {
+ transition: transform .3s cubic-bezier(.6, 2, .75, 1.5) !important;
+}
+
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ transform: scale(1.3);
+}
+
+toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item,
+toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] {
+ transform: scale(1.1);
+}
+
+/* Override the toolkit styling for items being dragged over. */
+toolbarpaletteitem[place="toolbar"] {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin-right: 0;
+ margin-left: 0;
+}
+
+#customization-palette:not([hidden]) {
+ margin-bottom: 25px;
+}
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
+ margin-top: 20px;
+}
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 24px;
+ min-width: 24px;
+ max-height: 24px;
+ min-height: 24px;
+ padding: 4px;
+}
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+}
+
+#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon {
+ opacity: 1; /* To ensure these buttons always look enabled in customize mode */
+}
+
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator {
+ display: none;
+}
+
+#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks {
+ -moz-box-pack: center;
+ min-height: 48px;
+}
+
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 5px;
+}
+
+#customization-palette > toolbarpaletteitem > label {
+ text-align: center;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent {
+ -moz-box-orient: vertical;
+ /* Make the panel padding uniform across all platforms due to the
+ styling of the section headers and footer. */
+ padding: 10px;
+}
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px;
+}
+
+.customization-lwtheme-menu-theme {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ margin: 0 -5px 5px;
+ padding-top: 0;
+ -moz-padding-end: 5px;
+ padding-bottom: 0;
+ -moz-padding-start: 0;
+}
+
+.customization-lwtheme-menu-theme[defaulttheme] {
+ list-style-image: url(chrome://browser/skin/theme-switcher-icon.png);
+}
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover {
+ background-color: hsla(210,4%,10%,.08);
+ border-color: hsla(210,4%,10%,.11);
+}
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover:active {
+ background-color: hsla(210,4%,10%,.15);
+}
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ margin: 5px;
+}
+
+.customization-lwtheme-menu-theme > .toolbarbutton-text {
+ text-align: start;
+}
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended {
+ padding: 10px;
+ margin-bottom: 5px;
+}
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended,
+#customization-lwtheme-menu-footer {
+ background-color: hsla(210,4%,10%,.05);
+ color: hsl(0,0%,50%);
+ margin-right: -10px;
+ margin-left: -10px;
+}
+
+#customization-lwtheme-menu-header {
+ margin-top: -10px;
+ border-bottom: 1px solid hsla(210,4%,10%,.05);
+}
+
+#customization-lwtheme-menu-recommended {
+ border-top: 1px solid hsla(210,4%,10%,.05);
+ border-bottom: 1px solid hsla(210,4%,10%,.05);
+}
+
+#customization-lwtheme-menu-footer {
+ background: linear-gradient(hsla(210,4%,10%,.05) 60%, transparent) border-box;
+ border-top: 1px solid hsla(210,4%,10%,.05);
+ margin-bottom: -10px;
+}
+
+.customization-lwtheme-menu-footeritem {
+ -moz-appearance: none;
+ -moz-box-flex: 1;
+ color: hsl(0,0%,50%);
+ border-style: none;
+ padding: 10px;
+ margin-left: 0;
+ margin-right: 0;
+}
+
+.customization-lwtheme-menu-footeritem:hover {
+ background: linear-gradient(hsla(210,4%,10%,.08) 40%, transparent) padding-box;
+}
+
+.customization-lwtheme-menu-footeritem:first-child {
+ -moz-border-end: 1px solid hsla(210,4%,10%,.15);
+}
+
+/* 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/. */
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ margin: 0;
+ min-width: 400px;
+ max-width: 1000px;
+ min-height: 200px;
+ border-radius: 3px;
+ background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
+ border: 0px solid rgba(0,148,221,.5);
+ box-shadow: 0 1px 5px 0 rgba(0,0,0,.5), inset 0 1px 1px 0 #fff;
+ color: rgb(51,51,51);
+}
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
+ background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%);
+}
+
+.customization-tipPanel-infoBox {
+ margin: 20px 25px 25px;
+ width: 25px;
+ background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
+ background-repeat: no-repeat;
+}
+
+.customization-tipPanel-content {
+ margin: 25px 0;
+ font-size: 12px;
+ line-height: 18px;
+}
+
+.customization-tipPanel-em {
+ margin: 0;
+ font-weight: bold;
+}
+
+.customization-tipPanel-contentImage {
+ margin-top: 25px;
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
+ min-width: 300px;
+ max-width: 300px;
+ min-height: 190px;
+ max-height: 190px;
+ display: -moz-box;
+}
+
+.customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png);
+}
+
+.customization-tipPanel-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgb(25,82,171);
+ margin: 0;
+ cursor: pointer;
+}
+
+.customization-tipPanel-link > .button-box > .button-text {
+ margin: 0 !important;
+}
+
+.customization-tipPanel-closeBox > .close-icon {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-end: -25px;
+}
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png");
+}
+
+#main-window[customize-entered] > #tab-view-deck {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
+ linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-attachment: fixed;
+}
+
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent;
+}
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"),
+ url("chrome://browser/skin/customizableui/background-noise-toolbar.png"),
+ linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-color: #b5b5b5;
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top;
+}
+
+#main-window[customize-entered] #browser-bottombox,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
+#main-window[customize-entered] #customization-container {
+ border: 3px solid hsla(0,0%,0%,.1);
+ border-top-width: 0;
+ background-clip: padding-box;
+ background-origin: padding-box;
+ -moz-border-right-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
+ -moz-border-bottom-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
+ -moz-border-left-colors: hsla(0,0%,0%,.05) hsla(0,0%,0%,.1) hsla(0,0%,0%,.2);
+}
+
+#main-window[customize-entered] #customization-container,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+ border-bottom-width: 0;
+}
+
+#main-window[customize-entered] #TabsToolbar {
+ -moz-appearance: none;
+ background-clip: padding-box;
+ border-right: 3px solid transparent;
+ border-left: 3px solid transparent;
+}
+
+/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
+.customization-tipPanel-closeBox > .close-icon:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
+}
+
+/* End customization mode */
+
+
+#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
+ background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
+ width: 40px;
+}
+
+
+/* UI Tour */
+
+#UITourHighlightContainer {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ /* This is a buffer to compensate for the movement in the "wobble" effect */
+ padding: 4px;
+}
+
+#UITourHighlight {
+ background-image: radial-gradient(50% 100%, rgba(0,149,220,0.4) 50%, rgba(0,149,220,0.6) 100%);
+ border-radius: 40px;
+ border: 1px solid white;
+ /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
+ on Linux without an X compositor where opacity is either 0 or 1. */
+ box-shadow: 0 0 3px 0 rgba(0,0,0,0.49);
+ min-height: 32px;
+ min-width: 32px;
+}
+
+#UITourTooltipBody {
+ -moz-margin-end: 14px;
+}
+
+#UITourTooltipBody > vbox {
+ padding-top: 4px;
+}
+
+#UITourTooltipIconContainer {
+ -moz-margin-start: -16px;
+}
+
+#UITourTooltipIcon {
+ width: 48px;
+ height: 48px;
+ -moz-margin-start: 28px;
+ -moz-margin-end: 28px;
+}
+
+#UITourTooltipTitle,
+#UITourTooltipDescription {
+ max-width: 20rem;
+}
+
+#UITourTooltipTitle {
+ font-size: 1.45rem;
+ font-weight: bold;
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ margin: 0 0 9px 0;
+}
+
+#UITourTooltipDescription {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ font-size: 1.15rem;
+ line-height: 1.8rem;
+ margin-bottom: 0; /* Override global.css */
+}
+
+#UITourTooltipClose {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ -moz-margin-start: 4px;
+ margin-top: -2px;
+}
+
+#UITourTooltipClose > .toolbarbutton-text {
+ display: none;
+}
+
+#UITourTooltipButtons {
+ -moz-box-pack: end;
+ background-color: hsla(210,4%,10%,.07);
+ border-top: 1px solid hsla(210,4%,10%,.14);
+ margin: 24px -16px -16px;
+ padding: 2em 15px;
+}
+
+#UITourTooltipButtons > button {
+ margin: 0 15px;
+}
+
+#UITourTooltipButtons > button:first-child {
+ -moz-margin-start: 0;
+}
+
+#UITourTooltipButtons > button[image] > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 5px;
+}
+
+#UITourTooltipButtons > button .button-text {
+ font-size: 1.15rem;
+}
+
+#UITourTooltipButtons > button:not(.button-link) {
+ -moz-appearance: none;
+ background-color: rgb(251,251,251);
+ border-radius: 3px;
+ border: 1px solid;
+ border-color: rgb(192,192,192);
+ color: rgb(71,71,71);
+ padding: 4px 30px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms;
+}
+
+#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
+ background-color: hsla(210,4%,10%,.15);
+ border-color: hsla(210,4%,10%,.15);
+ box-shadow: 0 1px 0 0 hsla(210,4%,10%,.05) inset;
+}
+
+#UITourTooltipButtons > button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgba(0,0,0,0.35);
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+#UITourTooltipButtons > button.button-link:hover {
+ color: black;
+}
+
+/* The primary button gets the same color as the customize button. */
+#UITourTooltipButtons > button.button-primary {
+ background-color: rgb(116,191,67);
+ color: white;
+ padding-left: 30px;
+ padding-right: 30px;
+}
+
+#UITourTooltipButtons > button.button-primary:not(:active):hover {
+ background-color: rgb(105,173,61);
+}
+
+/* Notification overrides for Heartbeat UI */
+
+notification.heartbeat {
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+ height: 40px;
+}
+
+/* In themes/osx/global/notification.css the close icon is inverted because notifications
+ on OSX are usually dark. Heartbeat is light, so override that behaviour. */
+
+
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1.0);
+ }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1);
+ }
+ 50% {
+ transform: scale(1.0);
+ }
+ 75% {
+ transform: scale(1.1);
+ }
+ 100% {
+ transform: scale(1.0);
+ }
+}
+
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1);
+ }
+ 50% {
+ transform: scale(0.8);
+ }
+ 100% {
+ transform: scale(1);
+ }
+}
+
+.messageText.heartbeat {
+ color: #333333;
+ text-shadow: none;
+ -moz-margin-start: 0px;
+ /* The !important is required to override OSX default style. */
+ -moz-margin-end: 12px !important;
+}
+
+.messageImage.heartbeat {
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px;
+}
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(.7,1.8,.9,1.1);
+}
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear;
+}
+
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #0095DD;
+ -moz-margin-start: 0px;
+}
+
+.heartbeat > .text-link:hover {
+ color: #008ACB;
+ text-decoration: none;
+}
+
+.heartbeat > .text-link:hover:active {
+ color: #006B9D;
+}
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+ margin-bottom: 4px;
+}
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5;
+}
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4;
+}
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3;
+}
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2;
+}
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px;
+}
+
+.heartbeat > #star-rating-container > .star-x:hover,
+.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-lit.svg");
+}
+
+#UITourHighlight {
+ /* Below are some fixes for people without an X compositor on Linux.
+ This is why we can't have nice things: */
+ /* Animations don't repaint properly without an X compositor. */
+ animation-name: none !important;
+ /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
+ background be transparent in that case by having all alpha values < 0.5 */
+ background-image: radial-gradient(50% 100%, rgba(0,149,220,0.3) 50%, rgba(0,149,220,0.49) 100%);
+ /* The highlight isn't anti-aliased without an X compositor so make it thicker.
+ Make it a darker color since we don't have the box-shadow in this case. */
+ border: 4px solid rgb(0,149,220);
+}
+
+#UITourTooltipDescription {
+ font-size: 1.05rem;
+}
+
+#UITourTooltipClose {
+ -moz-margin-end: -4px;
+ height: 16px;
+ width: 16px;
+}
+
+#UITourTooltipButtons {
+ margin-bottom: -10px;
+}
+
+#context-navigation > .menuitem-iconic {
+ -moz-box-flex: 1;
+ -moz-box-pack: center;
+ -moz-box-align: center;
+}
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ -moz-appearance: none;
+}
+
+#context-back {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back");
+}
+
+#context-back[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active");
+}
+
+#context-back[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled");
+}
+
+#context-forward {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward");
+}
+
+#context-forward[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active");
+}
+
+#context-forward[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled");
+}
+
+#context-reload {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload");
+}
+
+#context-reload[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active");
+}
+
+#context-reload[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled");
+}
+
+#context-stop {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop");
+}
+
+#context-stop[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active");
+}
+
+#context-stop[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled");
+}
+
+#context-bookmarkpage {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark");
+}
+
+#context-bookmarkpage[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active");
+}
+
+#context-bookmarkpage[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled");
+}
+
+#context-back:-moz-locale-dir(rtl),
+#context-forward:-moz-locale-dir(rtl),
+#context-reload:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+ margin: 7px;
+}
+
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains");
+}
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ visibility: visible;
+ /* override toolkit/themes/linux/global/menu.css */
+ -moz-padding-end: 0 !important;
+ -moz-margin-end: 0 !important;
+}
diff --git a/arc-firefox-theme/chrome/browser/sass/_colors.scss b/arc-firefox-theme/chrome/browser/sass/_colors.scss
new file mode 100644
index 0000000..9c51858
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/_colors.scss
@@ -0,0 +1,90 @@
+// When color definition differs for dark and light variant,
+// it gets @if ed depending on $variant
+
+
+$base_color: if($variant =='light', #ffffff, #383C45);
+$text_color: if($variant == 'light', #5c616c, #D3DAE3);
+$bg_color: if($variant =='light', #F5F6F7, #444852);
+$fg_color: if($variant =='light', #5c616c, #D3DAE3);
+
+$selected_fg_color: #ffffff;
+$selected_bg_color: #5294E2;
+$selected_borders_color: darken($selected_bg_color, 20%);
+$borders_color: if($variant =='light', darken($bg_color,9%), darken($bg_color,10%));
+
+$link_color: if($variant == 'light', darken($selected_bg_color,10%),
+ lighten($selected_bg_color,20%));
+$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%),
+ lighten($selected_bg_color,10%));
+
+$selection_mode_bg: if($transparency == 'true', transparentize($selected_bg_color, 0.05), $selected_bg_color);
+$warning_color: #F27835;
+$error_color: #FC4138;
+$success_color: #73d216;
+$destructive_color: #F04A50;
+$suggested_color: #4DADD4;
+
+//insensitive state derived colors
+$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55));
+$insensitive_bg_color: if($variant == 'light', mix($bg_color, $base_color, 40%), lighten($bg_color, 2%));
+
+
+$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%));
+$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%));
+
+$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%));
+$button_border: $entry_border;
+
+$header_bg: red;
+@if $transparency=='true' and $variant=='light' { $header_bg: transparentize(#e7e8eb, 0.05); }
+@if $transparency=='false' and $variant=='light' { $header_bg: #e7e8eb; }
+@if $transparency=='true' and ($variant=='dark' or $darker=='true') { $header_bg: transparentize(#2f343b, 0.03); }
+@if $transparency=='false' and ($variant=='dark' or $darker=='true') { $header_bg: #2f343b; }
+
+$header_bg_backdrop: if($darker == 'true' or $variant == 'dark', lighten($header_bg, 1.5%), lighten($header_bg, 3%));
+
+$header_border: if($variant == 'light', darken($header_bg, 7%), darken($header_bg, 5%));
+
+$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%));
+$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg);
+
+$dark_sidebar_bg: if($transparency == 'true', transparentize(#3c4049, 0.05), #3c4049);
+$dark_sidebar_fg: #BAC3CF;
+$dark_sidebar_border: if($variant == 'light', $dark_sidebar_bg, darken($dark_sidebar_bg, 10%));
+
+$osd_fg_color: $dark_sidebar_fg;
+$osd_bg_color: darken($dark_sidebar_bg, 8%);
+
+$osd_insensitive_bg_color: darken($osd_bg_color, 3%);
+$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%);
+$osd_borders_color: transparentize(black, 0.3);
+
+$panel_bg: darken($osd_bg_color, 4.7%);
+$panel_fg: $osd_fg_color;
+
+//WM Buttons
+
+// Close
+$wm_button_close_bg: if($variant == 'light' and $darker == 'false', #f37076, #e45e65);
+$wm_button_close_hover_bg: if($variant == 'light' and $darker == 'false', #f79da1, #f48085);
+$wm_button_close_active_bg: if($variant == 'light' and $darker == 'false', #ef4048, #e6262f);
+
+$wm_icon_close_bg: $selected_fg_color;
+$wm_icon_close_hover_bg: $selected_fg_color;
+$wm_icon_close_active_bg: $selected_fg_color;
+
+// Minimize, Maximize
+$wm_button_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32);
+$wm_button_unfocused_bg: if($variant == 'light' and $darker == 'false', #f6f7f8, #2a3035);
+$wm_button_hover_bg: if($variant == 'light' and $darker == 'false', #fdfdfd, #272c32);
+$wm_button_active_bg: $selected_bg_color;
+
+$wm_button_border: if($variant == 'light' and $darker == 'false', #d8dae0, #191C21);
+$wm_button_unfocused_border: if($variant == 'light' and $darker == 'false', #dddee2, #1F2328);
+$wm_button_hover_border: $selected_bg_color;
+$wm_button_active_border: $selected_bg_color;
+
+$wm_icon_bg: if($variant == 'light' and $darker == 'false', #8d93a4, #939ca8);
+$wm_icon_unfocused_bg: if($variant == 'light' and $darker == 'false', #b8bcc7, #686f78);
+$wm_icon_hover_bg: if($variant == 'light' and $darker == 'false', #70788d, #afb8c5);
+$wm_icon_active_bg: $selected_fg_color;
diff --git a/arc-firefox-theme/chrome/browser/sass/_drawing.scss b/arc-firefox-theme/chrome/browser/sass/_drawing.scss
new file mode 100644
index 0000000..cd263c5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/_drawing.scss
@@ -0,0 +1,141 @@
+// Drawing mixins
+
+// Entries
+
+@mixin entry($t, $dark:false) {
+//
+// Entries drawing function
+//
+ //@extend %reset_style;
+ box-shadow: inset 0 0 transparentize($base_color, 1);
+
+ @if $t==normal {
+ color: $text_color;
+ background-color: $entry_bg;
+ border: 1px solid $entry_border;
+ }
+
+ @if $t==focus {
+ color: $fg_color;
+ background-color: $entry_bg;
+ border: 1px solid $selected_bg_color;
+ }
+
+ @if $t==insensitive {
+ color: $insensitive_fg_color;
+ background-color: mix($entry_bg, $bg_color, 55%);
+ border-color: 1px solid mix($entry_border, $bg_color, 55%);
+ }
+}
+
+// Buttons
+
+@mixin button($t) {
+//
+// Button drawing function
+//
+
+ @if $t==normal {
+ //
+ // normal button
+ //
+ color: $fg_color;
+ background-color: $button_bg;
+ border: 1px solid $button_border;
+ }
+
+ @else if $t==focus {
+ //
+ // focused button
+ //
+ color: $fg_color;
+ background-color: $button_bg;
+ border: 1px solid $selected_bg_color;
+ }
+
+ @else if $t==focus-hover {
+ //
+ // focused button
+ //
+ color: $selected_bg_color;
+ background-color: $button_bg;
+ border: 1px solid $selected_bg_color;
+ }
+
+ @else if $t==hover {
+ //
+ // hovered button
+ //
+ color: $fg_color;
+ background-color: $button_bg;
+ border: 1px solid $selected_bg_color;
+ }
+
+ @else if $t==active {
+ //
+ // pushed button
+ //
+ color: $selected_fg_color;
+ background-color: $selected_bg_color;
+ border: 1px solid $selected_bg_color;
+ }
+
+ @else if $t==insensitive {
+ //
+ // insensitive button
+ //
+ color: $insensitive_fg_color;
+ border: 1px solid transparentize($button_border, 0.45);
+ background-color: transparentize($button_bg, 0.45);
+ }
+
+ $_header_button_bg: if($darker == 'true' or $variant == 'dark', transparentize(darken($header_bg, 3%), 0.1), transparentize($button_bg, 0.1));
+ $_header_button_border: if($darker == 'true' or $variant == 'dark', darken($header_bg, 8%), transparentize($header_fg, 0.7));
+
+ @if $t==header-normal {
+ //
+ // normal header-bar button
+ //
+ color: $header_fg;
+ background-color: transparentize($header_bg, 1);
+ border-color: transparentize($header_bg, 1);
+ }
+
+ @else if $t==header-hover {
+ //
+ // hovered header-bar button
+ //
+ color: $header_fg;
+ border-color: $_header_button_border;
+ background-color: $_header_button_bg;
+ }
+
+ @else if $t==header-active {
+ //
+ // pushed header-bar button
+ //
+ color: $selected_fg_color;
+ border-color: $selected_bg_color;
+ background-color: $selected_bg_color;
+ }
+
+ @else if $t==header-insensitive {
+ //
+ // insensitive header-bar button
+ //
+ color: transparentize($header_fg, 0.45);
+ background-color: transparentize($header_bg, 1);
+ border-color: transparentize($header_bg, 1);
+
+ > GtkLabel { color: inherit; }
+ }
+
+ @else if $t==header-insensitive-active {
+ //
+ // header-bar insensitive pushed button
+ //
+ color: transparentize($selected_fg_color, 0.25);
+ border-color: transparentize($selected_bg_color, 0.35);
+ background-color: transparentize($selected_bg_color, 0.35);
+ }
+}
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.css b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
new file mode 100644
index 0000000..4b453d7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.css
@@ -0,0 +1,4520 @@
+@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");
+@namespace svg url("http://www.w3.org/2000/svg");
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+:root {
+ --toolbarbutton-hover-background: #3d414b;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: #5294E2;
+ --toolbarbutton-active-background: #5294E2;
+ --toolbarbutton-checkedhover-backgroundcolor: #5294E2;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px);
+ --verified-identity-box-backgroundcolor: transparent; }
+
+#menubar-items {
+ -moz-box-orient: vertical;
+ /* for flex hack */ }
+
+#main-menubar {
+ -moz-box-flex: 1;
+ /* make menu items expand to fill toolbar height */ }
+
+#navigator-toolbox {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-top: none; }
+
+#navigator-toolbox::after {
+ content: "";
+ display: -moz-box;
+ -moz-box-ordinal-group: 101;
+ /* tabs toolbar is 100 */
+ height: 1px;
+ background-color: #2d3036; }
+
+#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
+ -moz-appearance: none;
+ border-style: none;
+ background-color: -moz-Dialog; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
+ padding-top: 1px;
+ padding-bottom: 1px; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
+ overflow: -moz-hidden-unscrollable;
+ max-height: 4em;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
+ min-height: 0.1px;
+ max-height: 0;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
+
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top: 1px solid rgba(29, 32, 36, 0.97) !important;
+ background-clip: padding-box;
+ margin-top: -1px;
+ /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
+ /* Position the toolbar above the bottom of background tabs */
+ position: relative;
+ z-index: 1; }
+
+#main-window[htitlemode=always] #TabsToolbar {
+ box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; }
+
+#nav-bar {
+ background-image: none !important;
+ background-color: #444852 !important;
+ box-shadow: none;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(-5px, 12px, 11px, -4px); }
+
+/* This only has an effect when this element is placed on the bookmarks toolbar.
+ * It's 30px to make sure buttons with 18px icons fit along with the default 16px
+ * icons, without changing the size of the toolbar.
+ */
+#personal-bookmarks {
+ min-height: 30px; }
+
+#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:not(.subviewbutton),
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
+ margin: 1px;
+ padding: 2px 3px; }
+
+toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
+ color: inherit; }
+
+.bookmark-item:not(#home-button) > .toolbarbutton-icon,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+/* Force the display of the label for bookmarks */
+.bookmark-item > .toolbarbutton-text,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .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; }
+
+#bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; }
+
+toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
+#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; }
+
+toolbarbutton.bookmark-item {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ background: none;
+ color: #D3DAE3; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):hover {
+ -moz-appearance: none;
+ color: #D3DAE3;
+ background-color: #3d414b;
+ border: 1px solid #5294E2; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ -moz-appearance: none;
+ color: #ffffff;
+ background-color: #5294E2;
+ border: 1px solid #5294E2; }
+
+/* ----- BOOKMARK STAR ANIMATION ----- */
+@keyframes animation-bookmarkAdded {
+ from {
+ transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1);
+ opacity: 0; }
+ 60% {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2);
+ opacity: 1; }
+ 80% {
+ opacity: 1; }
+ to {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1);
+ opacity: 0; } }
+@keyframes animation-bookmarkPulse {
+ from {
+ transform: scale(1); }
+ 50% {
+ transform: scale(1.3); }
+ to {
+ transform: scale(1); } }
+#bookmarked-notification-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ z-index: 5;
+ position: relative; }
+
+#bookmarked-notification {
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ opacity: 0; }
+
+#bookmarked-notification-dropmarker-anchor {
+ z-index: -1;
+ position: relative; }
+
+#bookmarked-notification-dropmarker-icon {
+ width: 18px;
+ height: 18px;
+ visibility: hidden; }
+
+#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
+ background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
+ animation: animation-bookmarkAdded 800ms;
+ animation-timing-function: ease, ease, ease; }
+
+#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: none !important; }
+
+#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
+ visibility: visible;
+ animation: animation-bookmarkPulse 300ms;
+ animation-delay: 600ms;
+ animation-timing-function: ease-out; }
+
+/* Bookmark menus */
+menu.bookmark-item,
+menuitem.bookmark-item {
+ min-width: 0;
+ max-width: 32em; }
+
+.bookmark-item:not(.subviewbutton) > .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"); }
+
+#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); }
+
+#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); }
+
+#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"); }
+
+#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"); }
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
+
+#menu_print,
+#context-printframe {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
+
+#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"); }
+
+#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"); }
+
+#menu_preferences {
+ list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
+
+#placesContext_reload,
+#context-reloadframe {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
+
+#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"); }
+
+#menu_showAllHistory {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px); }
+
+#bookmarksShowAll {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px); }
+
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup,
+#BMB_subscribeToPageMenuitem:not([disabled]),
+#BMB_subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
+
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
+
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); }
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); }
+
+#menu_openDownloads {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 16px 16px 0px); }
+
+#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"); }
+
+#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"); }
+
+#sanitizeItem {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
+
+#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 */
+.findbar-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
+ -moz-appearance: none; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+.findbar-button > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ padding: 3px 7px; }
+
+/* Help SDK icons fit: */
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 16px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
+ /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
+ width: 32px; }
+
+#nav-bar #PanelUI-menu-button {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px; }
+
+#nav-bar #PanelUI-button,
+#nav-bar[brighttext] #PanelUI-button {
+ background: none;
+ border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; }
+
+.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background: var(--toolbarbutton-hover-background);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-hover-bordercolor);
+ box-shadow: var(--toolbarbutton-hover-boxshadow); }
+
+#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background-color: none;
+ color: rgba(207, 218, 231, 0.8);
+ border-color: rgba(29, 32, 36, 0.97);
+ background-color: rgba(40, 44, 50, 0.87); }
+
+.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: var(--toolbarbutton-active-background);
+ box-shadow: var(--toolbarbutton-active-boxshadow);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-active-bordercolor);
+ transition-duration: 10ms; }
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: none;
+ color: #ffffff;
+ border-color: #5294E2;
+ background-color: #5294E2; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
+ background-color: var(--toolbarbutton-checkedhover-backgroundcolor);
+ transition: background-color 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: var(--toolbarbutton-combined-backgroundimage);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: var(--toolbarbutton-combined-boxshadow); }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: -4px; }
+
+#back-button > menupopup {
+ margin-top: -1px; }
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#forward-button {
+ margin-left: 2px;
+ margin-right: 2px;
+ padding: 0; }
+
+/* tabview menu item */
+#menu_tabview {
+ list-style-image: url(chrome://browser/skin/tabview/tabview.png);
+ -moz-image-region: rect(0, 80px, 16px, 64px); }
+
+#menu_tabview[groups="0"] {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#menu_tabview[groups="1"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#menu_tabview[groups="2"] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+#menu_tabview[groups="3"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px); }
+
+/* undo close tab menu item */
+#alltabs_undoCloseTab {
+ list-style-image: url(chrome://browser/skin/undoCloseTab.png); }
+
+.unified-nav-back[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; }
+
+.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
+
+/* Menu panel buttons */
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"); }
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); }
+
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#back-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#forward-button {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#home-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 144px, 18px, 126px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
+ -moz-image-region: rect(0, 162px, 18px, 144px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ -moz-image-region: rect(0, 630px, 18px, 612px); }
+
+#history-panelmenu[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 180px, 18px, 162px); }
+
+#downloads-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 198px, 18px, 180px); }
+
+#add-ons-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 216px, 18px, 198px); }
+
+#open-file-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 234px, 18px, 216px); }
+
+#save-page-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 252px, 18px, 234px); }
+
+#sync-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 270px, 18px, 252px); }
+
+#sync-button[cui-areatype="toolbar"][status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
+ -moz-image-region: rect(0, 18px, 18px, 0px); }
+
+toolbar[brighttext] #sync-button[status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); }
+
+#feed-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 288px, 18px, 270px); }
+
+#social-share-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0px, 306px, 18px, 288px); }
+
+#characterencoding-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 324px, 18px, 306px); }
+
+#new-window-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button > .toolbarbutton-icon {
+ transform: scaleY(-1); }
+
+#new-tab-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 360px, 18px, 342px); }
+
+#privatebrowsing-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 378px, 18px, 360px); }
+
+#find-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 396px, 18px, 378px); }
+
+#print-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 414px, 18px, 396px); }
+
+#fullscreen-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 432px, 18px, 414px); }
+
+#developer-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 450px, 18px, 432px); }
+
+#preferences-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#PanelUI-menu-button {
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
+ -moz-image-region: rect(0, 504px, 18px, 486px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button {
+ -moz-image-region: rect(0, 522px, 18px, 504px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button {
+ -moz-image-region: rect(0, 540px, 18px, 522px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button {
+ -moz-image-region: rect(0, 558px, 18px, 540px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button {
+ -moz-image-region: rect(0, 576px, 18px, 558px); }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(0, 612px, 18px, 594px); }
+
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#tabview-button {
+ -moz-image-region: rect(0, 648px, 18px, 630px); }
+
+#email-link-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 666px, 18px, 648px); }
+
+#sidebar-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 684px, 18px, 666px); }
+
+#panic-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 702px, 18px, 684px); }
+
+#panic-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 702px, 36px, 684px); }
+
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#web-apps-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 720px, 18px, 702px); }
+
+#loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+ -moz-image-region: rect(0, 18px, 18px, 0); }
+
+toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+
+#loop-button[state="disabled"] > .toolbarbutton-badge-container,
+#loop-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px); }
+
+#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px); }
+
+#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px); }
+
+#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px); }
+
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px); }
+
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px); }
+
+/* Menu panel and palette styles */
+:root {
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png);
+ --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); }
+
+@media not all and (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 192px, 64px, 160px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 224px, 32px, 192px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 224px, 64px, 192px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 416px, 64px, 384px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 480px, 64px, 448px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 608px, 32px, 576px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 736px, 64px, 704px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 800px, 32px, 768px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0, 864px, 32px, 832px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 864px, 64px, 832px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 896px, 32px, 864px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 896px, 64px, 864px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 928px, 32px, 896px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 832px, 32px, 800px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px); }
+
+ /* Wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 80px, 16px, 64px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 96px, 16px, 80px); }
+
+ #add-share-provider {
+ list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ -moz-image-region: rect(0px, 96px, 16px, 80px); } }
+/* Menu panel and palette styles */
+@media (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image-2x); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 256px, 64px, 192px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 384px, 64px, 320px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 384px, 128px, 320px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 448px, 64px, 384px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 448px, 128px, 384px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 512px, 64px, 448px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 576px, 64px, 512px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 640px, 64px, 576px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 704px, 64px, 640px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 768px, 64px, 704px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
+ -moz-image-region: rect(0px, 64px, 64px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 832px, 64px, 768px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 832px, 128px, 768px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 896px, 64px, 832px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0, 960px, 64px, 896px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 960px, 128px, 896px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 1920px, 64px, 1856px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 1984px, 64px, 1920px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1984px, 128px, 1920px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+ -moz-image-region: rect(0, 64px, 64px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 64px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 64px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 64px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 256px, 64px, 192px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 320px, 64px, 256px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 384px, 64px, 320px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 448px, 64px, 384px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 1088px, 64px, 1024px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 1152px, 64px, 1088px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 1216px, 64px, 1152px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 1280px, 64px, 1216px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 1344px, 64px, 1280px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 1408px, 64px, 1344px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 1472px, 64px, 1408px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1472px, 128px, 1408px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 1536px, 64px, 1472px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0px, 1600px, 64px, 1536px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0px, 1728px, 64px, 1664px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1728px, 128px, 1664px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 1792px, 64px, 1728px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1792px, 128px, 1728px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 1856px, 64px, 1792px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 1664px, 64px, 1600px); }
+
+ /* Footer and wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image-2x); }
+
+ /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons
+ are 16x16 when in the panel, but 18x18 when in a toolbar. */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 160px, 32px, 128px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); } }
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+ opacity: 0.4; }
+
+/* Fullscreen window controls */
+#window-controls {
+ -moz-box-align: start;
+ -moz-margin-start: 10px; }
+
+#close-button, #restore-button, #minimize-button {
+ padding: 2px 4px;
+ -moz-appearance: none; }
+
+#close-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); }
+ #close-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); }
+ #close-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); }
+
+#restore-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); }
+ #restore-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); }
+ #restore-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); }
+
+#minimize-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); }
+ #minimize-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); }
+ #minimize-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); }
+
+/* Location bar */
+#urlbar,
+.searchbar-textbox {
+ -moz-appearance: none;
+ padding: 3px 5px;
+ border-radius: 20px;
+ margin: 0 3px;
+ box-shadow: inset 0 0 rgba(56, 60, 69, 0);
+ color: #D3DAE3;
+ background-color: #383c45;
+ border: 1px solid #2d3036; }
+
+#urlbar[focused],
+.searchbar-textbox[focused] {
+ box-shadow: inset 0 0 rgba(56, 60, 69, 0);
+ color: #D3DAE3;
+ background-color: #383c45;
+ border: 1px solid #5294E2; }
+
+.urlbar-textbox-container {
+ -moz-appearance: none;
+ -moz-box-align: center; }
+
+.urlbar-input-box {
+ -moz-margin-start: 0; }
+
+.urlbar-history-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown; }
+
+#urlbar-container {
+ -moz-box-align: center; }
+
+#urlbar-icons {
+ -moz-box-align: center; }
+
+#urlbar-search-splitter {
+ -moz-appearance: none;
+ width: 8px; }
+
+#urlbar-display-box {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-border-end: 1px solid red;
+ -moz-margin-end: 3px; }
+
+.urlbar-display {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ color: GrayText; }
+
+#search-container {
+ min-width: calc(54px + 11ch); }
+
+/* identity box */
+#identity-box {
+ padding: 1px;
+ font-size: .9em; }
+
+#identity-box:-moz-locale-dir(ltr) {
+ border-top-left-radius: 1.5px;
+ border-bottom-left-radius: 1.5px; }
+
+#identity-box:-moz-locale-dir(rtl) {
+ border-top-right-radius: 1.5px;
+ border-bottom-right-radius: 1.5px; }
+
+#notification-popup-box:not([hidden]) + #identity-box {
+ border-radius: 0; }
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
+ border-radius: 0; }
+
+/* forward button hiding is delayed when hovered */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ -moz-margin-end: 4px; }
+
+#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
+ background-color: var(--verified-identity-box-backgroundcolor); }
+
+#identity-box:-moz-focusring {
+ outline: 1px dotted #000;
+ outline-offset: -3px; }
+
+#identity-icon-labels {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 5px; }
+
+:root {
+ --identity-box-verified-color: #479900;
+ --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%);
+ --identity-box-chrome-color: #e57300;
+ --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ background-position: right;
+ background-size: 1px;
+ background-repeat: no-repeat; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+ background-position: left; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ color: var(--identity-box-verified-color);
+ background-image: var(--identity-box-verified-background-image); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ background-image: var(--identity-box-chrome-background-image); }
+
+/* page proxy icon */
+#page-proxy-favicon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png); }
+
+.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.png); }
+
+.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); }
+
+.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+#page-proxy-favicon[pageproxystate="invalid"] {
+ opacity: 0.3; }
+
+#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon64.png"); }
+
+#identity-popup-brandName {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-top: .5em;
+ margin-bottom: .5em; }
+
+#identity-popup-content-box {
+ max-width: 50ch; }
+
+@media not all and (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+ #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); } }
+@media (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); }
+
+ .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); }
+
+ .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); }
+
+ .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); }
+
+ .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ #identity-box:hover > #page-proxy-favicon {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #identity-box:hover:active > #page-proxy-favicon,
+ #identity-box[open=true] > #page-proxy-favicon {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon128.png");
+ -moz-image-region: rect(0, 128px, 128px, 0); } }
+#page-proxy-favicon {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 1px; }
+
+/* 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-help-icon {
+ -moz-appearance: none;
+ margin-left: 0px;
+ border: none;
+ background: none;
+ min-width: 0;
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16");
+ cursor: pointer; }
+
+#identity-popup-help-icon > .button-box > .button-text {
+ display: none; }
+
+#identity-popup-help-icon > .button-box > .button-icon {
+ height: 16px;
+ width: 16px; }
+
+#identity-popup-help-icon:-moz-focusring {
+ outline: 1px dotted;
+ outline-offset: 1px; }
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#identity-popup-container {
+ min-width: 280px;
+ padding: 10px; }
+
+#identity-popup-button-container {
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent);
+ padding: 10px;
+ margin-top: 5px; }
+
+.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-blocked"],
+.popup-notification-icon[popupid="addon-install-failed"],
+.popup-notification-icon[popupid="addon-install-confirmation"],
+.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); }
+
+.popup-notification-icon[popupid="indexedDB-permissions-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="webapps-install-progress"],
+.popup-notification-icon[popupid="webapps-install"] {
+ list-style-image: url(chrome://global/skin/icons/webapps-64.png); }
+
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); }
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingScreen"],
+.popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); }
+
+.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: transparent;
+ background-clip: padding-box;
+ padding-left: 1px;
+ border-width: 0 8px 0 0;
+ border-style: solid;
+ border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+
+#notification-popup-box:-moz-locale-dir(rtl),
+.notification-anchor-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+.notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
+ width: 16px;
+ height: 16px;
+ margin: 0 2px; }
+
+.identity-notification-icon,
+#identity-notification-icon {
+ list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
+ /* XXX: need HiDPI version */ }
+
+.geo-notification-icon,
+#geo-notification-icon {
+ list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
+
+#push-notification-icon {
+ list-style-image: url(chrome://browser/skin/Push-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); }
+
+.webapps-notification-icon,
+#webapps-notification-icon {
+ list-style-image: url(chrome://global/skin/icons/webapps-16.png); }
+
+#plugins-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); }
+
+#plugins-notification-icon.plugin-hidden {
+ list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); }
+
+#plugins-notification-icon.plugin-blocked {
+ list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); }
+
+#plugins-notification-icon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#plugins-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#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; }
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; }
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); }
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); }
+
+.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); }
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); }
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); }
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); }
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); }
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-16.png); }
+
+.pointerLock-notification-icon,
+#pointerLock-notification-icon {
+ list-style-image: url(chrome://browser/skin/pointerLock-16.png); }
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url(chrome://browser/skin/social/services-64.png); }
+
+#servicesInstall-notification-icon {
+ list-style-image: url(chrome://browser/skin/social/services-16.png); }
+
+/* EME notifications */
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); }
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal; }
+
+@keyframes emeTeachingMoment {
+ 0% {
+ transform: translateX(0); }
+ 25% {
+ transform: translateX(3px); }
+ 75% {
+ transform: translateX(-3px); }
+ 100% {
+ transform: translateX(0); } }
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+ #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
+
+ .notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } }
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em; }
+
+.addon-install-confirmation-name {
+ font-weight: bold; }
+
+/* Notification icon box */
+#notification-popup-box {
+ border-radius: 2.5px 0 0 2.5px;
+ margin-top: -1px;
+ margin-bottom: -1px; }
+
+.notification-anchor-icon:-moz-focusring {
+ outline: 1px dotted -moz-DialogText; }
+
+.indexedDB-notification-icon,
+#indexedDB-notification-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); }
+
+#pointerLock-cancel {
+ margin: 0px; }
+
+/* Translation infobar */
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); } }
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16.png);
+ -moz-image-region: auto; }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16@2x.png); } }
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-appearance: none;
+ border-width: 1px;
+ -moz-border-top-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ border-radius: 2px;
+ min-width: 0;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+ border: none;
+ background-color: transparent;
+ margin: auto;
+ padding: 5px 0; }
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0; }
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small; }
+
+.translation-attribution > label {
+ margin-bottom: 0; }
+
+.translation-attribution > image {
+ width: 70px; }
+
+.translation-welcome-panel {
+ width: 305px; }
+
+.translation-welcome-logo {
+ height: 32px;
+ width: 32px;
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+.translation-welcome-content {
+ -moz-margin-start: 16px; }
+
+.translation-welcome-headline {
+ font-size: larger;
+ font-weight: bold; }
+
+.translation-welcome-body {
+ padding: 1em 0;
+ margin: 0 0; }
+
+notification[value="translation"] {
+ min-height: 40px; }
+
+notification[value="translation"],
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-height: 30px;
+ color: #5A5959; }
+
+notification[value="translation"] {
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-padding-end: 1ch; }
+
+notification[value="translation"] menulist {
+ border: 1px solid #C1C1C1;
+ background-color: #FFF; }
+
+notification[value="translation"] button {
+ border: 1px solid #C1C1C1;
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+ -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; }
+
+notification[value="translation"] button:hover,
+notification[value="translation"] button:active,
+notification[value="translation"] menulist:hover,
+notification[value="translation"] menulist:active {
+ background-color: #E2E1E0; }
+
+notification[value="translation"] button[anonid="translate"] {
+ color: #FFF;
+ background-image: linear-gradient(#9FB938, #8DA726);
+ box-shadow: none;
+ border: 1px solid #829C1C; }
+
+notification[value="translation"] button[anonid="translate"]:hover,
+notification[value="translation"] button[anonid="translate"]:active {
+ background-image: linear-gradient(#8DA726, #8DA726); }
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+ -moz-margin-start: 3ch; }
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+ -moz-margin-end: 3ch; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ display: block; }
+
+/* Loop/ Hello browser styles */
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0; }
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.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),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px; }
+
+.ac-result-type-keyword[selected="true"],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
+
+.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 */
+#urlbar > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 2px;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); }
+
+#urlbar-reload-button {
+ -moz-image-region: rect(0, 14px, 14px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent);
+ -moz-image-region: rect(14px, 14px, 28px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent);
+ -moz-image-region: rect(28px, 14px, 42px, 0); }
+
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px); }
+
+#urlbar-go-button:hover {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent);
+ -moz-image-region: rect(14px, 42px, 28px, 28px); }
+
+#urlbar-go-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent);
+ -moz-image-region: rect(28px, 42px, 42px, 28px); }
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-stop-button {
+ -moz-image-region: rect(0, 28px, 14px, 14px); }
+
+#urlbar-stop-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent);
+ -moz-image-region: rect(14px, 28px, 28px, 14px); }
+
+#urlbar-stop-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent);
+ -moz-image-region: rect(28px, 28px, 42px, 14px); }
+
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px); }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px); }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px); }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0); }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px); }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px); }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px); }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px; } }
+/* Popup blocker button */
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/Info.png"); }
+
+/* Reading List button */
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px; }
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px; }
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); }
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); }
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); }
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); }
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); }
+
+/* Reader mode button */
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+/* social share panel */
+.social-share-frame {
+ border-top: 1px solid #f8f8f8;
+ width: 756px;
+ height: 150px; }
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center; }
+
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); }
+
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1; }
+
+#share-container[loading] > browser {
+ opacity: 0; }
+
+.social-share-toolbar {
+ border-bottom: 1px solid #dedede;
+ padding: 2px; }
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0; }
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px; }
+
+.share-provider-button > .toolbarbutton-text {
+ display: none; }
+
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px; }
+
+/* social recommending panel */
+#social-mark-button {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* bookmarks menu-button */
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ -moz-box-align: center; }
+
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
+ opacity: .4; }
+
+#BMB_bookmarksPopup[side="top"],
+#BMB_bookmarksPopup[side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px; }
+
+#BMB_bookmarksPopup[side="left"],
+#BMB_bookmarksPopup[side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px; }
+
+#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
+#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
+ margin-top: -4px; }
+
+/* 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; }
+
+.panel-promo-box {
+ margin: 8px -10px -10px -10px;
+ padding: 8px 10px;
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); }
+
+.panel-promo-icon {
+ list-style-image: url("chrome://browser/skin/sync-notification-24.png");
+ -moz-margin-end: 10px;
+ vertical-align: middle; }
+
+.panel-promo-closebutton {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px; }
+
+.panel-promo-closebutton > .toolbarbutton-text {
+ padding: 0; }
+
+/* Content area */
+#sidebar {
+ background-color: Window; }
+
+/* Findbar */
+.browserContainer > findbar {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+ border-top: 1px solid;
+ -moz-border-top-colors: #2d3036;
+ text-shadow: none; }
+
+.browserContainer > findbar .findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid #2d3036;
+ box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ width: 14em; }
+ .browserContainer > findbar .findbar-textbox[focused="true"] {
+ border-color: #5294E2; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 20px 0 0 20px;
+ border-right-width: 0; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 20px 20px 0;
+ border-left-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous,
+.browserContainer > findbar .findbar-find-next {
+ background: #3d414b;
+ border: 1px solid #2d3036;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous {
+ border-right-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous:focus,
+.browserContainer > findbar .findbar-find-next:focus {
+ border-color: #5294E2;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
+.browserContainer > findbar .findbar-find-next:not([disabled]):active {
+ background: #5294E2;
+ border-color: #5294E2;
+ box-shadow: none; }
+
+/* Tabstrip */
+:root {
+ --tab-toolbar-navbar-overlap: 1px;
+ --tab-min-height: 31px; }
+
+#TabsToolbar {
+ --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
+ --tab-separator-size: 3px 100%;
+ --tab-separator-opacity: 1; }
+
+/* image preloading hack */
+#tabbrowser-tabs::before {
+ /* Because of bug 853415, we need to ordinal this to the first position: */
+ -moz-box-ordinal-group: 0;
+ content: '';
+ display: block; }
+
+#tabbrowser-tabs {
+ min-height: var(--tab-min-height); }
+
+.tabbrowser-tab,
+.tabs-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-radius: 0;
+ border-width: 0;
+ margin: 0;
+ padding: 0; }
+
+.tabbrowser-tab {
+ -moz-box-align: stretch; }
+
+/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
+.tabbrowser-tab[visuallyselected=true] {
+ position: relative;
+ z-index: 2; }
+
+.tab-background-middle {
+ -moz-box-flex: 1;
+ background-clip: padding-box;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ margin: 0 -15px; }
+
+.tab-content {
+ -moz-padding-end: 9px;
+ -moz-padding-start: 9px; }
+
+.tab-content[pinned] {
+ -moz-padding-end: 3px; }
+
+.tab-throbber,
+.tab-icon-image,
+.tab-close-button {
+ margin-top: 1px; }
+
+.tab-throbber,
+.tab-icon-image {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 6px; }
+
+.tab-icon-image {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: 10px;
+ -moz-margin-start: -16px;
+ display: none; }
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
+
+.tab-throbber[busy] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); }
+
+.tab-throbber[progress] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); }
+
+.tab-label {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0; }
+
+.tab-close-button {
+ -moz-margin-start: 4px;
+ -moz-margin-end: -2px;
+ padding: 0; }
+
+.tab-background,
+.tabs-newtab-button {
+ /* overlap the tab curves */
+ -moz-margin-end: -15px;
+ -moz-margin-start: -15px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 15px;
+ -moz-padding-start: 15px; }
+
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png);
+ background-size: 100% 100%;
+ width: 14px;
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+ pointer-events: none;
+ position: relative;
+ z-index: 3;
+ /* the selected tab's z-index + 1 */ }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+ -moz-margin-start: -2px;
+ -moz-margin-end: -12px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ -moz-margin-start: -12px;
+ -moz-margin-end: -2px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+ opacity: 0; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+ transition: opacity 150ms ease; }
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ min-height: var(--tab-min-height);
+ width: 30px; }
+
+.tabbrowser-tab:not([visuallyselected=true]),
+.tabbrowser-tab:-moz-lwtheme {
+ color: inherit; }
+
+.tabbrowser-tab:not([selected="true"]) {
+ color: rgba(207, 218, 231, 0.6); }
+
+/* Selected tab */
+/*
+ Tab background pseudo-elements which are positioned above .tab-background-start/end:
+ - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where
+ pointer events go for the curve.
+ - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer
+ events go through to ::before to get the proper shape.
+ */
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ /* position ::after on top of its parent */
+ -moz-margin-start: -30px;
+ background-size: 100% 100%;
+ content: "";
+ display: -moz-box;
+ position: relative; }
+
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-end[visuallyselected=true]::before {
+ /* all ::before pseudo elements */
+ content: "";
+ display: -moz-box; }
+
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start.svg);
+ background-size: 100% 100%; }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-end.svg);
+ background-size: 100% 100%; }
+
+/* For lightweight themes, clip the header image on start, middle, and end. */
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); }
+
+.tab-background-middle[visuallyselected=true] {
+ background-clip: padding-box, padding-box, content-box;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-middle.svg);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+ /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
+ background-color doesn't extend above the top border. */
+ padding-top: 2px; }
+
+/* Selected tab lightweight theme styles.
+ See browser-lightweightTheme.css for information about run-time changes to LWT styles. */
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3));
+ /*,
+lwtHeader;*/
+ /* Don't stretch the LWT header images */
+ background-size: auto 100%, auto 100%, auto auto; }
+
+/* These LWT styles are normally overridden by browser-lightweightTheme.css */
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); }
+
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent; }
+
+/* End selected tab */
+/* new tab button border and gradient on hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
+.tabs-newtab-button:hover {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/dark/tabs/tab-end-hover.svg);
+ background-position: left bottom, 30px bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+
+/* Tab pointer-events */
+.tabbrowser-tab {
+ pointer-events: none; }
+
+.tab-background-middle,
+.tabs-newtab-button,
+.tab-close-button {
+ pointer-events: auto; }
+
+/* Pinned tabs */
+/* Pinned tab separators need position: absolute when positioned (during overflow). */
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before {
+ height: 100%;
+ position: absolute; }
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
+ background-position: center bottom var(--tab-toolbar-navbar-overlap);
+ background-repeat: no-repeat;
+ background-size: 85% 100%; }
+
+/* New tab button */
+.tabs-newtab-button {
+ width: calc(36px + 30px); }
+
+#tabbrowser-tabs {
+ /* override the global style to allow the selected tab to be above the nav-bar */
+ z-index: auto; }
+
+#TabsToolbar {
+ min-height: 0;
+ padding: 0;
+ margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); }
+
+#TabsToolbar:not(:-moz-lwtheme) {
+ -moz-appearance: menubar;
+ color: -moz-menubartext; }
+
+#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
+#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); }
+
+.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
+ outline: 1px dotted; }
+
+#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: -9px;
+ z-index: 3; }
+
+/* Tab close button */
+.close-icon {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close.svg"); }
+ .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); }
+ .close-icon:active:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:active {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); }
+
+/* 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; }
+
+.tabs-newtab-button > .toolbarbutton-icon,
+#new-tab-button > .toolbarbutton-icon {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png");
+ -moz-image-region: auto; }
+
+/* Tabbrowser arrowscrollbox arrows */
+.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
+.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg");
+ margin: 0 0 var(--tab-toolbar-navbar-overlap); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
+.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
+ opacity: .4; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ transition: 1s background-color ease-out; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+ background-color: Highlight;
+ transition: none; }
+
+#TabsToolbar .toolbarbutton-1 {
+ margin-bottom: var(--tab-toolbar-navbar-overlap); }
+
+#alltabs-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); }
+
+#alltabs-button > .toolbarbutton-icon {
+ padding: 9px 6px 6px; }
+
+#alltabs-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+/* All tabs menupopup */
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.alltabs-item[selected="true"] {
+ font-weight: bold; }
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+/* Sidebar */
+#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; }
+
+toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !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; }
+
+/* Ctrl-Tab */
+.ctrlTab-preview {
+ -moz-appearance: toolbarbutton; }
+
+.tabPreview-canvas {
+ box-shadow: 0 0 5px ThreeDShadow; }
+
+.ctrlTab-preview:focus .tabPreview-canvas,
+.ctrlTab-preview:hover .tabPreview-canvas {
+ box-shadow: none; }
+
+.ctrlTab-favicon[src] {
+ background-color: white;
+ width: 20px;
+ height: 20px;
+ padding: 2px; }
+
+#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; }
+
+/* Sync Panel */
+.sync-panel-icon {
+ height: 32px;
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; }
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px; }
+
+.sync-panel-button-box {
+ margin-top: 1em; }
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-size: 120%;
+ font-weight: bold;
+ margin-bottom: 5px; }
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0; }
+
+/* Status panel */
+.statuspanel-label {
+ margin: 0;
+ padding: 2px 4px;
+ background: #5294E2;
+ border: 1px none #5294E2;
+ border-top-style: solid;
+ color: #ffffff;
+ 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-image: url("chrome://browser/skin/fullscreen-darknoise.png");
+ color: white;
+ border-radius: 4px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px white; }
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.full-screen-description {
+ font-size: 150%; }
+
+#full-screen-domain-text {
+ font-size: 300%; }
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%; }
+
+/* Responsive Mode */
+.browserContainer[responsivemode] {
+ background-color: #222;
+ padding: 0 20px 20px 20px; }
+
+.browserStack[responsivemode] {
+ box-shadow: 0 0 7px black; }
+
+.devtools-responsiveui-toolbar {
+ -moz-appearance: none;
+ background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: #cdd9e4;
+ margin: 10px 0;
+ padding: 0;
+ box-shadow: none;
+ border-bottom-width: 0; }
+
+.devtools-responsiveui-menulist,
+.devtools-responsiveui-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 22px;
+ text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45);
+ border: 1px solid rgba(12, 13, 14, 0.45);
+ border-radius: 0;
+ background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box;
+ box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15);
+ margin: 0 3px;
+ color: inherit; }
+
+.devtools-responsiveui-menulist .menulist-editable-box {
+ -moz-appearance: none;
+ background-color: transparent; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input {
+ -moz-appearance: none;
+ color: inherit;
+ text-align: center; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection {
+ background: rgba(138, 145, 153, 0.35); }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal; }
+
+.devtools-responsiveui-menulist:-moz-focusring,
+.devtools-responsiveui-toolbarbutton:-moz-focusring {
+ outline: 1px dotted rgba(205, 217, 228, 0.7);
+ outline-offset: -4px; }
+
+.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none; }
+
+.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active {
+ border-color: rgba(12, 13, 14, 0.6);
+ background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3));
+ box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-menulist[open=true],
+.devtools-responsiveui-toolbarbutton[open=true],
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ border-color: rgba(12, 13, 14, 0.6) !important;
+ background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4));
+ box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ color: #33a0ff; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover {
+ background-color: transparent !important; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover:active {
+ background-color: rgba(12, 13, 14, 0.2) !important; }
+
+.devtools-responsiveui-menulist > .menulist-label-box {
+ text-align: center; }
+
+.devtools-responsiveui-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ background-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ border-width: 0;
+ min-width: 16px; }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-border-end: 1px solid rgba(12, 13, 14, 0.45);
+ box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+ box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch; }
+
+.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px; }
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+ margin-left: 0; }
+
+.devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+
+.devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+.devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ .devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); } }
+.devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+.devtools-responsiveui-resizebarV {
+ width: 7px;
+ height: 24px;
+ cursor: ew-resize;
+ transform: translate(12px, -12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+
+.devtools-responsiveui-resizebarH {
+ width: 24px;
+ height: 7px;
+ cursor: ns-resize;
+ transform: translate(-12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+
+.devtools-responsiveui-resizehandle {
+ width: 16px;
+ height: 16px;
+ cursor: se-resize;
+ transform: translate(12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+
+/* FxOS custom mode with additional buttons and phone look'n feel */
+/* Hide devtools manual resizer */
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV {
+ display: none; }
+
+/* Gives responsive mode a phone look'n feel */
+.browserStack[responsivemode].fxos-mode {
+ padding: 60px 15px 0;
+ border-radius: 25px / 20px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: 1px solid #FFFFFF;
+ border-bottom-width: 0;
+ background-color: #353535;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+ min-width: 320px; }
+
+.devtools-responsiveui-hardware-buttons {
+ -moz-appearance: none;
+ padding: 20px;
+ border: 1px solid #FFFFFF;
+ border-bottom-left-radius: 25px;
+ border-bottom-right-radius: 25px;
+ border-top-width: 0;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-home-button {
+ width: 40px;
+ height: 30px;
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+
+.devtools-responsiveui-sleep-button {
+ -moz-appearance: none;
+ /* compensate browserStack top padding */
+ margin-top: -67px;
+ margin-right: 10px;
+ min-width: 10px;
+ width: 50px;
+ height: 5px;
+ border: 1px solid #444;
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-color: transparent;
+ background-image: linear-gradient(to top, #111 11%, #333 56%); }
+
+.devtools-responsiveui-sleep-button:hover:active {
+ background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-buttons {
+ margin-left: -29px; }
+
+.devtools-responsiveui-volume-up-button,
+.devtools-responsiveui-volume-down-button {
+ -moz-appearance: none;
+ border: 1px solid red;
+ min-width: 8px;
+ height: 40px;
+ border: 1px solid #444;
+ border-right-color: transparent;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-volume-up-button:hover:active,
+.devtools-responsiveui-volume-down-button:hover:active {
+ background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-up-button {
+ border-top-left-radius: 12px; }
+
+.devtools-responsiveui-volume-down-button {
+ border-bottom-left-radius: 12px; }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+/* Developer toolbar */
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within browser.css). */
+:root[devtoolstheme="light"] #developer-toolbar {
+ --gcli-background-color: #ebeced;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-background: #f0f1f2;
+ /* --theme-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7;
+ /* --theme-sidebar-background */
+ --gcli-input-color: #18191a;
+ /* --theme-body-color */
+ --gcli-border-color: #aaaaaa;
+ /* --theme-splitter-color */
+ --selection-background: #4c9ed9;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+:root[devtoolstheme="dark"] #developer-toolbar {
+ --gcli-background-color: #343c45;
+ /* --theme-toolbar-background */
+ --gcli-input-background: rgba(37, 44, 51, 0.6);
+ /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #252c33;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf;
+ /* --theme-body-color-alt */
+ --gcli-border-color: black;
+ /* --theme-splitter-color */
+ --selection-background: #1d4f73;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+#developer-toolbar {
+ -moz-appearance: none;
+ padding: 0;
+ min-height: 32px;
+ background-color: var(--gcli-background-color);
+ border-top: 1px solid var(--gcli-border-color); }
+
+#developer-toolbar > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ margin: 0;
+ padding: 0 10px;
+ width: 32px; }
+
+.developer-toolbar-button > image {
+ margin: auto 10px; }
+
+:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
+:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+ filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+#developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+#developer-toolbar-toolbox-button > label {
+ display: none; }
+
+#developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+#developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+#developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); } }
+#developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.6; }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+#developer-toolbar-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: -4px; }
+
+#developer-toolbar-closebutton > .toolbarbutton-text {
+ display: none; }
+
+#developer-toolbar-closebutton:hover {
+ opacity: 0.8; }
+
+#developer-toolbar-closebutton:hover:active {
+ opacity: 1; }
+
+/* GCLI */
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
+ padding: 0;
+ border-width: 0;
+ background-color: transparent; }
+
+#gcli-output,
+#gcli-tooltip {
+ border-width: 0;
+ background-color: transparent;
+ -moz-appearance: none; }
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node {
+ margin: 0;
+ -moz-box-align: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 8px;
+ text-shadow: none;
+ box-shadow: none;
+ border-width: 0;
+ background-color: transparent;
+ border-radius: 0; }
+
+.gclitoolbar-input-node {
+ -moz-appearance: none;
+ color: var(--gcli-input-color);
+ background-color: var(--gcli-input-background);
+ background-repeat: no-repeat;
+ background-position: 4px center;
+ box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset;
+ line-height: 32px;
+ outline-style: none;
+ padding: 0; }
+
+.gclitoolbar-input-node[focused="true"] {
+ background-color: var(--gcli-input-focused-background); }
+
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px; }
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center; }
+
+@media (min-resolution: 1.25dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: var(--selection-background);
+ color: var(--selection-color);
+ text-shadow: none; }
+
+.gclitoolbar-complete-node {
+ padding-left: 21px;
+ background-color: transparent;
+ color: transparent;
+ z-index: 100;
+ pointer-events: none; }
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0; }
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #999; }
+
+.gcli-in-error {
+ border-bottom: 2px dotted #F00; }
+
+.gcli-in-ontab {
+ color: #595959; }
+
+.gcli-in-todo {
+ color: #2d5986; }
+
+.gcli-in-closebrace {
+ color: #cccccc; }
+
+#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0px; }
+
+.click-to-play-plugins-notification-center-box {
+ border: 1px solid ThreeDShadow;
+ margin: 10px; }
+
+.plugin-popupnotification-centeritem:nth-child(odd) {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.center-item-label {
+ -moz-margin-start: 6px;
+ margin-bottom: 0;
+ text-overflow: ellipsis; }
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ -moz-margin-start: 6px; }
+
+.click-to-play-plugins-notification-button-container {
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.12);
+ padding: 10px;
+ margin-top: 5px; }
+
+.click-to-play-popup-button {
+ width: 50%; }
+
+.click-to-play-plugins-notification-description-box {
+ padding: 10px; }
+
+.click-to-play-plugins-outer-description {
+ margin-top: 8px; }
+
+.click-to-play-plugins-notification-link,
+.center-item-link {
+ margin: 0; }
+
+.messageImage[value="plugin-hidden"] {
+ list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* Keep any changes to this style in sync with pluginProblem.css */
+notification.pluginVulnerable {
+ background-color: #484848;
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+ color: white; }
+
+notification.pluginVulnerable .messageImage {
+ list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); }
+
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold; }
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em; }
+
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+ color: GrayText; }
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #d74345;
+ font-style: italic; }
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em; }
+
+#login-fill-testing {
+ color: #b33;
+ font-weight: bold; }
+
+#login-fill-list {
+ border: 1px solid black;
+ max-height: 20em; }
+
+.login-hostname {
+ margin: 4px;
+ font-weight: bold; }
+
+.login-username {
+ margin: 4px;
+ color: #888; }
+
+/* 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/. */
+/*** Status and progress indicator ***/
+#downloads-animation-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ /* Makes the outermost animation container element positioned, so that its
+ contents are rendered over the main browser window in the Z order.
+ This is required by the animated event notification. */
+ position: relative;
+ /* The selected tab may overlap #downloads-indicator-notification */
+ z-index: 5; }
+
+/*** Main indicator icon ***/
+#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ min-width: 18px;
+ min-height: 18px; }
+
+#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto; }
+
+/* In the next few rules, we use :not([counter]) as a shortcut that is
+ equivalent to -moz-any([progress], [paused]). */
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
+ background-size: 12px; }
+
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/dark/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+/*** Download notifications ***/
+#downloads-indicator-notification {
+ opacity: 0;
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px; }
+
+@keyframes downloadsIndicatorNotificationStartRight {
+ from {
+ opacity: 0;
+ transform: translate(-128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+@keyframes downloadsIndicatorNotificationStartLeft {
+ from {
+ opacity: 0;
+ transform: translate(128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
+ animation-name: downloadsIndicatorNotificationStartRight;
+ animation-duration: 1s; }
+
+#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification {
+ animation-name: downloadsIndicatorNotificationStartLeft; }
+
+@keyframes downloadsIndicatorNotificationFinish {
+ from {
+ opacity: 0;
+ transform: scale(1); }
+ 20% {
+ opacity: .65;
+ animation-timing-function: ease-in; }
+ to {
+ opacity: 0;
+ transform: scale(8); } }
+#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+ animation-name: downloadsIndicatorNotificationFinish;
+ animation-duration: 1s; }
+
+/*** Progress bar and text ***/
+#downloads-indicator-counter {
+ height: 10px;
+ margin: 0;
+ color: #4d4d4d;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ font-size: 10px;
+ line-height: 10px;
+ text-align: center; }
+
+toolbar[brighttext] #downloads-indicator-counter {
+ color: white;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); }
+
+#downloads-indicator-progress {
+ width: 18px;
+ height: 6px;
+ min-width: 0;
+ min-height: 0;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
+
+#downloads-indicator-progress > .progress-bar {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */
+ background-clip: padding-box, border-box;
+ background-color: #ff875e;
+ background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none;
+ border: 1px solid;
+ border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4);
+ border-radius: 2px 0 0 2px; }
+
+#downloads-indicator-progress > .progress-remainder {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ background-image: linear-gradient(#505050, #575757);
+ border: 1px solid;
+ border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
+ -moz-border-start: none;
+ border-radius: 0 2px 2px 0; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+ background-color: #dce651; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+ background-image: linear-gradient(#4b5000, #515700); }
+
+.gcli-panel {
+ padding: 0; }
+
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ color: #24292d; }
+
+/* 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; }
+
+/* Social toolbar item */
+#social-undoactivation-button {
+ -moz-margin-start: 0;
+ /* override default label margin to match description margin */ }
+
+.social-activation-icon {
+ width: auto;
+ height: auto;
+ max-height: 64px;
+ max-width: 64px; }
+
+#social-activation-message {
+ max-width: 250px; }
+
+#social-activation-message > label {
+ margin: 0; }
+
+/* social toolbar provider menu */
+#social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px; }
+
+.social-statusarea-user {
+ list-style-image: url("chrome://global/skin/icons/information-32.png"); }
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px; }
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#social-sidebar-header {
+ padding: 3px; }
+
+#manage-share-providers,
+#social-sidebar-button {
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#social-sidebar-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ margin: 2px; }
+
+#manage-share-providers > .toolbarbutton-icon,
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px; }
+
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+#social-sidebar-button[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+#social-sidebar-favico {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+ margin: 2px; }
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0; }
+
+.chat-toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 3px;
+ margin: 0;
+ background: none; }
+
+.chat-toolbarbutton:hover {
+ background-color: rgba(255, 255, 255, 0.35); }
+
+.chat-toolbarbutton:hover:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+
+.chat-toolbarbutton > .toolbarbutton-text {
+ display: none; }
+
+.chat-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.chat-close-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); }
+
+.chat-close-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); }
+
+.chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); }
+
+.chat-minimize-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); }
+
+.chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+ transform: rotate(180deg); }
+
+.chat-swap-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); }
+
+chatbar > chatbox > .chat-titlebar > .chat-swap-button {
+ transform: none; }
+
+.chat-title {
+ font-weight: bold;
+ color: black;
+ text-shadow: none;
+ cursor: inherit; }
+
+.chat-titlebar {
+ height: 30px;
+ min-height: 30px;
+ width: 100%;
+ margin: 0;
+ padding: 7px 6px;
+ border: none;
+ border-bottom: 1px solid #ccc;
+ cursor: pointer; }
+
+.chat-titlebar > .notification-anchor-icon {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+.chat-titlebar[minimized="true"] {
+ border-bottom: none; }
+
+.chat-titlebar[activity] {
+ background-image: radial-gradient(ellipse closest-side at center, white, transparent);
+ background-repeat: no-repeat;
+ background-size: 100% 20px;
+ background-position: 0 -10px; }
+
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+ border-bottom: none;
+ background-color: #000;
+ background-image: none; }
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+ font-weight: normal;
+ color: #c1c1c1; }
+
+.chat-frame {
+ padding: 0;
+ margin: 0;
+ overflow: hidden; }
+
+.chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+ margin: 0;
+ padding: 2px;
+ height: 21px;
+ width: 21px;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+@media (min-resolution: 2dppx) {
+ .chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } }
+.chatbar-button > .toolbarbutton-icon {
+ width: 16px; }
+
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px; }
+
+.chatbar-button[open="true"] {
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); }
+
+.chatbar-button > .toolbarbutton-text,
+.chatbar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+.chatbar-button > menupopup > menuitem[activity] {
+ font-weight: bold; }
+
+.chatbar-innerbox {
+ background: transparent;
+ margin: -285px 0 0;
+ overflow: hidden; }
+
+chatbar {
+ -moz-margin-end: 20px; }
+
+chatbox {
+ -moz-margin-start: 4px;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+window > chatbox {
+ -moz-margin-start: 0px;
+ margin: 0px;
+ border: none;
+ padding: 0px; }
+
+.chat-titlebar {
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chat-titlebar[selected] {
+ background-color: #f0f0f0; }
+
+.chatbar-button {
+ -moz-appearance: none;
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chatbar-button > .toolbarbutton-icon {
+ -moz-margin-end: 0; }
+
+.chatbar-button:hover,
+.chatbar-button[open="true"] {
+ background-color: #f0f0f0; }
+
+.chatbar-button[activity] {
+ background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); }
+
+chatbox {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px; }
+
+/* Customization mode */
+/* 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/. */
+/* Customization mode */
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox {
+ margin-bottom: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck,
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox {
+ margin-left: 2em;
+ margin-right: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck {
+ pointer-events: none; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#PanelUI-contents > .panel-customization-placeholder {
+ -moz-outline-radius: 2.5px;
+ outline: 1px dashed transparent; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before {
+ /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */
+ -moz-box-ordinal-group: 0;
+ content: "";
+ display: -moz-box;
+ height: 100%;
+ left: 0;
+ outline-offset: -2px;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%; }
+
+/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the
+ #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the
+ offset from the bottom effectively the same as other targets (-2px). */
+#main-window[customize-entered] #TabsToolbar.customization-target::before {
+ top: -2px; }
+
+/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)),
+#main-window[customize-entered] #nav-bar-customization-target.customization-target {
+ position: relative; }
+
+/* Most target outlines are shown on hover and drag over but the panel menu uses
+ placeholders instead. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ outline-color: #666666; }
+
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ transition: outline-color 250ms linear; }
+
+#PanelUI-contents[showoutline=true] > .panel-customization-placeholder {
+ transition: outline-color 250ms linear;
+ outline-color: #bbb; }
+
+#PanelUI-contents > .panel-customization-placeholder {
+ cursor: auto;
+ outline-offset: -5px; }
+
+#main-window[customizing] .customization-target:not(#PanelUI-contents) {
+ min-width: 100px;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#customization-container {
+ background-color: #f7f7f7;
+ color: black;
+ text-shadow: none; }
+
+#customization-palette,
+#customization-empty {
+ padding: 0 25px 25px; }
+
+#customization-header {
+ font-size: 1.75em;
+ line-height: 1.75em;
+ color: #666;
+ font-weight: 200;
+ margin: 25px 25px 12px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #e5e5e5; }
+
+#customization-panel-container {
+ padding: 15px 25px 25px;
+ background-image: linear-gradient(to bottom, #3e86ce, #3878ba); }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#customization-footer {
+ background-color: #ececec; }
+
+#customization-footer {
+ border-top: 1px solid #dddddd;
+ padding: 10px; }
+
+.customizationmode-button {
+ border: 1px solid silver;
+ border-radius: 3px;
+ margin: 5px;
+ padding: 2px 12px;
+ background-color: #fbfbfb;
+ color: #474747;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5);
+ -moz-appearance: none; }
+
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: #dadada;
+ border-color: #a8a8a8;
+ text-shadow: 0 1px #ececec;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; }
+
+.customizationmode-button[disabled="true"] {
+ opacity: .5; }
+
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+ height: 24px; }
+
+#customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
+ -moz-image-region: rect(0, 24px, 24px, 0); }
+
+#customization-lwtheme-button,
+#customization-titlebar-visibility-button {
+ padding: 2px 7px; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
+#customization-titlebar-visibility-button > .button-box > .button-text {
+ /* Sadly, button.css thinks its margins are perfect for everyone. */
+ -moz-margin-start: 6px !important; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ background-size: contain; }
+
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle; }
+
+#customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 48px, 24px, 24px); }
+
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0); }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px); } }
+#main-window[customize-entered] #customization-panel-container {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
+ background-position: center top, left center, left top, left top, left top;
+ background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
+ background-size: auto 12px, 12px 100%, auto, auto, auto;
+ background-attachment: scroll, scroll, fixed, fixed, scroll; }
+
+toolbarpaletteitem[place="toolbar"] {
+ transition: border-width 250ms ease-in-out; }
+
+toolbarpaletteitem[mousedown] {
+ cursor: -moz-grabbing; }
+
+.panel-customization-placeholder,
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"] {
+ transition: transform .3s ease-in-out; }
+
+#customization-palette {
+ transition: opacity .3s ease-in-out;
+ opacity: 0; }
+
+#customization-palette[showing="true"] {
+ opacity: 1; }
+
+toolbarpaletteitem[notransition].panel-customization-placeholder,
+toolbarpaletteitem[notransition][place="toolbar"],
+toolbarpaletteitem[notransition][place="palette"],
+toolbarpaletteitem[notransition][place="panel"] {
+ transition: none; }
+
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem > toolbaritem.panel-wide-item,
+toolbarpaletteitem > toolbarbutton[type="menu-button"] {
+ transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; }
+
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ transform: scale(1.3); }
+
+toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item,
+toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] {
+ transform: scale(1.1); }
+
+/* Override the toolkit styling for items being dragged over. */
+toolbarpaletteitem[place="toolbar"] {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin-right: 0;
+ margin-left: 0; }
+
+#customization-palette:not([hidden]) {
+ margin-bottom: 25px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
+ margin-top: 20px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 24px;
+ min-width: 24px;
+ max-height: 24px;
+ min-height: 24px;
+ padding: 4px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon {
+ opacity: 1;
+ /* To ensure these buttons always look enabled in customize mode */ }
+
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator {
+ display: none; }
+
+#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks {
+ -moz-box-pack: center;
+ min-height: 48px; }
+
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 5px; }
+
+#customization-palette > toolbarpaletteitem > label {
+ text-align: center;
+ margin-left: 0;
+ margin-right: 0; }
+
+#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent {
+ -moz-box-orient: vertical;
+ /* Make the panel padding uniform across all platforms due to the
+ styling of the section headers and footer. */
+ padding: 10px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px; }
+
+.customization-lwtheme-menu-theme {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ margin: 0 -5px 5px;
+ padding-top: 0;
+ -moz-padding-end: 5px;
+ padding-bottom: 0;
+ -moz-padding-start: 0; }
+
+.customization-lwtheme-menu-theme[defaulttheme] {
+ list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover {
+ background-color: rgba(24, 26, 27, 0.08);
+ border-color: rgba(24, 26, 27, 0.11); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover:active {
+ background-color: rgba(24, 26, 27, 0.15); }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ margin: 5px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-text {
+ text-align: start; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended {
+ padding: 10px;
+ margin-bottom: 5px; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended,
+#customization-lwtheme-menu-footer {
+ background-color: rgba(24, 26, 27, 0.05);
+ color: gray;
+ margin-right: -10px;
+ margin-left: -10px; }
+
+#customization-lwtheme-menu-header {
+ margin-top: -10px;
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-recommended {
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-footer {
+ background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box;
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ margin-bottom: -10px; }
+
+.customization-lwtheme-menu-footeritem {
+ -moz-appearance: none;
+ -moz-box-flex: 1;
+ color: gray;
+ border-style: none;
+ padding: 10px;
+ margin-left: 0;
+ margin-right: 0; }
+
+.customization-lwtheme-menu-footeritem:hover {
+ background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; }
+
+.customization-lwtheme-menu-footeritem:first-child {
+ -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); }
+
+/* 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/. */
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ margin: 0;
+ min-width: 400px;
+ max-width: 1000px;
+ min-height: 200px;
+ border-radius: 3px;
+ background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
+ border: 0px solid rgba(0, 148, 221, 0.5);
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff;
+ color: #333333; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
+ background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); }
+
+.customization-tipPanel-infoBox {
+ margin: 20px 25px 25px;
+ width: 25px;
+ background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
+ background-repeat: no-repeat; }
+
+.customization-tipPanel-content {
+ margin: 25px 0;
+ font-size: 12px;
+ line-height: 18px; }
+
+.customization-tipPanel-em {
+ margin: 0;
+ font-weight: bold; }
+
+.customization-tipPanel-contentImage {
+ margin-top: 25px;
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
+ min-width: 300px;
+ max-width: 300px;
+ min-height: 190px;
+ max-height: 190px;
+ display: -moz-box; }
+
+.customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); }
+
+.customization-tipPanel-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: #1952ab;
+ margin: 0;
+ cursor: pointer; }
+
+.customization-tipPanel-link > .button-box > .button-text {
+ margin: 0 !important; }
+
+.customization-tipPanel-closeBox > .close-icon {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-end: -25px; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); }
+
+#main-window[customize-entered] > #tab-view-deck {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-attachment: fixed; }
+
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent; }
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-color: #b5b5b5;
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top; }
+
+#main-window[customize-entered] #browser-bottombox,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
+#main-window[customize-entered] #customization-container {
+ border: 3px solid rgba(0, 0, 0, 0.1);
+ border-top-width: 0;
+ background-clip: padding-box;
+ background-origin: padding-box;
+ -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); }
+
+#main-window[customize-entered] #customization-container,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+ border-bottom-width: 0; }
+
+#main-window[customize-entered] #TabsToolbar {
+ -moz-appearance: none;
+ background-clip: padding-box;
+ border-right: 3px solid transparent;
+ border-left: 3px solid transparent; }
+
+/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
+.customization-tipPanel-closeBox > .close-icon:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); }
+
+/* End customization mode */
+#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
+ background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
+ width: 40px; }
+
+/* UI Tour */
+#UITourHighlightContainer {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ /* This is a buffer to compensate for the movement in the "wobble" effect */
+ padding: 4px; }
+
+#UITourHighlight {
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%);
+ border-radius: 40px;
+ border: 1px solid white;
+ /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
+ on Linux without an X compositor where opacity is either 0 or 1. */
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49);
+ min-height: 32px;
+ min-width: 32px; }
+
+#UITourTooltipBody {
+ -moz-margin-end: 14px; }
+
+#UITourTooltipBody > vbox {
+ padding-top: 4px; }
+
+#UITourTooltipIconContainer {
+ -moz-margin-start: -16px; }
+
+#UITourTooltipIcon {
+ width: 48px;
+ height: 48px;
+ -moz-margin-start: 28px;
+ -moz-margin-end: 28px; }
+
+#UITourTooltipTitle,
+#UITourTooltipDescription {
+ max-width: 20rem; }
+
+#UITourTooltipTitle {
+ font-size: 1.45rem;
+ font-weight: bold;
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ margin: 0 0 9px 0; }
+
+#UITourTooltipDescription {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ font-size: 1.15rem;
+ line-height: 1.8rem;
+ margin-bottom: 0;
+ /* Override global.css */ }
+
+#UITourTooltipClose {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ -moz-margin-start: 4px;
+ margin-top: -2px; }
+
+#UITourTooltipClose > .toolbarbutton-text {
+ display: none; }
+
+#UITourTooltipButtons {
+ -moz-box-pack: end;
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.14);
+ margin: 24px -16px -16px;
+ padding: 2em 15px; }
+
+#UITourTooltipButtons > button {
+ margin: 0 15px; }
+
+#UITourTooltipButtons > button:first-child {
+ -moz-margin-start: 0; }
+
+#UITourTooltipButtons > button[image] > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 5px; }
+
+#UITourTooltipButtons > button .button-text {
+ font-size: 1.15rem; }
+
+#UITourTooltipButtons > button:not(.button-link) {
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ border-radius: 3px;
+ border: 1px solid;
+ border-color: silver;
+ color: #474747;
+ padding: 4px 30px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
+ background-color: rgba(24, 26, 27, 0.15);
+ border-color: rgba(24, 26, 27, 0.15);
+ box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; }
+
+#UITourTooltipButtons > button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.35);
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#UITourTooltipButtons > button.button-link:hover {
+ color: black; }
+
+/* The primary button gets the same color as the customize button. */
+#UITourTooltipButtons > button.button-primary {
+ background-color: #74bf43;
+ color: white;
+ padding-left: 30px;
+ padding-right: 30px; }
+
+#UITourTooltipButtons > button.button-primary:not(:active):hover {
+ background-color: #69ad3d; }
+
+/* Notification overrides for Heartbeat UI */
+notification.heartbeat {
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+ height: 40px; }
+
+/* In themes/osx/global/notification.css the close icon is inverted because notifications
+ on OSX are usually dark. Heartbeat is light, so override that behaviour. */
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1); }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(1); }
+ 75% {
+ transform: scale(1.1); }
+ 100% {
+ transform: scale(1); } }
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(0.8); }
+ 100% {
+ transform: scale(1); } }
+.messageText.heartbeat {
+ color: #333333;
+ text-shadow: none;
+ -moz-margin-start: 0px;
+ /* The !important is required to override OSX default style. */
+ -moz-margin-end: 12px !important; }
+
+.messageImage.heartbeat {
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px; }
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); }
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear; }
+
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #0095DD;
+ -moz-margin-start: 0px; }
+
+.heartbeat > .text-link:hover {
+ color: #008ACB;
+ text-decoration: none; }
+
+.heartbeat > .text-link:hover:active {
+ color: #006B9D; }
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+ margin-bottom: 4px; }
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5; }
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4; }
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3; }
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2; }
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px; }
+
+.heartbeat > #star-rating-container > .star-x:hover,
+.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-lit.svg"); }
+
+#UITourHighlight {
+ /* Below are some fixes for people without an X compositor on Linux.
+ This is why we can't have nice things: */
+ /* Animations don't repaint properly without an X compositor. */
+ animation-name: none !important;
+ /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
+ background be transparent in that case by having all alpha values < 0.5 */
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%);
+ /* The highlight isn't anti-aliased without an X compositor so make it thicker.
+ Make it a darker color since we don't have the box-shadow in this case. */
+ border: 4px solid #0095dc; }
+
+#UITourTooltipDescription {
+ font-size: 1.05rem; }
+
+#UITourTooltipClose {
+ -moz-margin-end: -4px;
+ height: 16px;
+ width: 16px; }
+
+#UITourTooltipButtons {
+ margin-bottom: -10px; }
+
+#context-navigation > .menuitem-iconic {
+ -moz-box-flex: 1;
+ -moz-box-pack: center;
+ -moz-box-align: center; }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ -moz-appearance: none; }
+
+#context-back {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); }
+
+#context-back[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); }
+
+#context-back[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); }
+
+#context-forward {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); }
+
+#context-forward[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); }
+
+#context-forward[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); }
+
+#context-reload {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); }
+
+#context-reload[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); }
+
+#context-reload[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); }
+
+#context-stop {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); }
+
+#context-stop[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); }
+
+#context-stop[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); }
+
+#context-bookmarkpage {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); }
+
+#context-bookmarkpage[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); }
+
+#context-bookmarkpage[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); }
+
+#context-back:-moz-locale-dir(rtl),
+#context-forward:-moz-locale-dir(rtl),
+#context-reload:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+ margin: 7px; }
+
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ visibility: visible;
+ /* override toolkit/themes/linux/global/menu.css */
+ -moz-padding-end: 0 !important;
+ -moz-margin-end: 0 !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-dark.scss b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss
new file mode 100644
index 0000000..3c8fe99
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-dark.scss
@@ -0,0 +1,7 @@
+$variant: 'dark';
+$transparency: 'true';
+$darker: 'false';
+
+@import "_colors";
+@import "_drawing";
+@import "_browser-sass";
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.css b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
new file mode 100644
index 0000000..94768a2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.css
@@ -0,0 +1,4520 @@
+@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");
+@namespace svg url("http://www.w3.org/2000/svg");
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+:root {
+ --toolbarbutton-hover-background: #fbfbfc;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: #5294E2;
+ --toolbarbutton-active-background: #5294E2;
+ --toolbarbutton-checkedhover-backgroundcolor: #5294E2;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px);
+ --verified-identity-box-backgroundcolor: transparent; }
+
+#menubar-items {
+ -moz-box-orient: vertical;
+ /* for flex hack */ }
+
+#main-menubar {
+ -moz-box-flex: 1;
+ /* make menu items expand to fill toolbar height */ }
+
+#navigator-toolbox {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-top: none; }
+
+#navigator-toolbox::after {
+ content: "";
+ display: -moz-box;
+ -moz-box-ordinal-group: 101;
+ /* tabs toolbar is 100 */
+ height: 1px;
+ background-color: #dcdfe3; }
+
+#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
+ -moz-appearance: none;
+ border-style: none;
+ background-color: -moz-Dialog; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
+ padding-top: 1px;
+ padding-bottom: 1px; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
+ overflow: -moz-hidden-unscrollable;
+ max-height: 4em;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
+ min-height: 0.1px;
+ max-height: 0;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
+
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top: 1px solid rgba(24, 27, 31, 0.97) !important;
+ background-clip: padding-box;
+ margin-top: -1px;
+ /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
+ /* Position the toolbar above the bottom of background tabs */
+ position: relative;
+ z-index: 1; }
+
+#main-window[htitlemode=always] #TabsToolbar {
+ box-shadow: inset 0 1px rgba(54, 60, 68, 0.97) !important; }
+
+#nav-bar {
+ background-image: none !important;
+ background-color: #F5F6F7 !important;
+ box-shadow: none;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(-5px, 12px, 11px, -4px); }
+
+/* This only has an effect when this element is placed on the bookmarks toolbar.
+ * It's 30px to make sure buttons with 18px icons fit along with the default 16px
+ * icons, without changing the size of the toolbar.
+ */
+#personal-bookmarks {
+ min-height: 30px; }
+
+#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:not(.subviewbutton),
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
+ margin: 1px;
+ padding: 2px 3px; }
+
+toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
+ color: inherit; }
+
+.bookmark-item:not(#home-button) > .toolbarbutton-icon,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+/* Force the display of the label for bookmarks */
+.bookmark-item > .toolbarbutton-text,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .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; }
+
+#bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; }
+
+toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
+#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; }
+
+toolbarbutton.bookmark-item {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ background: none;
+ color: #5c616c; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):hover {
+ -moz-appearance: none;
+ color: #5c616c;
+ background-color: #fbfbfc;
+ border: 1px solid #5294E2; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ -moz-appearance: none;
+ color: #ffffff;
+ background-color: #5294E2;
+ border: 1px solid #5294E2; }
+
+/* ----- BOOKMARK STAR ANIMATION ----- */
+@keyframes animation-bookmarkAdded {
+ from {
+ transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1);
+ opacity: 0; }
+ 60% {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2);
+ opacity: 1; }
+ 80% {
+ opacity: 1; }
+ to {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1);
+ opacity: 0; } }
+@keyframes animation-bookmarkPulse {
+ from {
+ transform: scale(1); }
+ 50% {
+ transform: scale(1.3); }
+ to {
+ transform: scale(1); } }
+#bookmarked-notification-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ z-index: 5;
+ position: relative; }
+
+#bookmarked-notification {
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ opacity: 0; }
+
+#bookmarked-notification-dropmarker-anchor {
+ z-index: -1;
+ position: relative; }
+
+#bookmarked-notification-dropmarker-icon {
+ width: 18px;
+ height: 18px;
+ visibility: hidden; }
+
+#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
+ background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
+ animation: animation-bookmarkAdded 800ms;
+ animation-timing-function: ease, ease, ease; }
+
+#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: none !important; }
+
+#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
+ visibility: visible;
+ animation: animation-bookmarkPulse 300ms;
+ animation-delay: 600ms;
+ animation-timing-function: ease-out; }
+
+/* Bookmark menus */
+menu.bookmark-item,
+menuitem.bookmark-item {
+ min-width: 0;
+ max-width: 32em; }
+
+.bookmark-item:not(.subviewbutton) > .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"); }
+
+#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); }
+
+#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); }
+
+#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"); }
+
+#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"); }
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
+
+#menu_print,
+#context-printframe {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
+
+#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"); }
+
+#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"); }
+
+#menu_preferences {
+ list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
+
+#placesContext_reload,
+#context-reloadframe {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
+
+#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"); }
+
+#menu_showAllHistory {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px); }
+
+#bookmarksShowAll {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px); }
+
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup,
+#BMB_subscribeToPageMenuitem:not([disabled]),
+#BMB_subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
+
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
+
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); }
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); }
+
+#menu_openDownloads {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 16px 16px 0px); }
+
+#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"); }
+
+#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"); }
+
+#sanitizeItem {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
+
+#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 */
+.findbar-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
+ -moz-appearance: none; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+.findbar-button > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ padding: 3px 7px; }
+
+/* Help SDK icons fit: */
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 16px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
+ /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
+ width: 32px; }
+
+#nav-bar #PanelUI-menu-button {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px; }
+
+#nav-bar #PanelUI-button,
+#nav-bar[brighttext] #PanelUI-button {
+ background: none;
+ border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; }
+
+.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background: var(--toolbarbutton-hover-background);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-hover-bordercolor);
+ box-shadow: var(--toolbarbutton-hover-boxshadow); }
+
+#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background-color: none;
+ color: rgba(207, 218, 231, 0.8);
+ border-color: rgba(29, 32, 36, 0.97);
+ background-color: rgba(40, 44, 50, 0.87); }
+
+.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: var(--toolbarbutton-active-background);
+ box-shadow: var(--toolbarbutton-active-boxshadow);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-active-bordercolor);
+ transition-duration: 10ms; }
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: none;
+ color: #ffffff;
+ border-color: #5294E2;
+ background-color: #5294E2; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
+ background-color: var(--toolbarbutton-checkedhover-backgroundcolor);
+ transition: background-color 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: var(--toolbarbutton-combined-backgroundimage);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: var(--toolbarbutton-combined-boxshadow); }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: -4px; }
+
+#back-button > menupopup {
+ margin-top: -1px; }
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#forward-button {
+ margin-left: 2px;
+ margin-right: 2px;
+ padding: 0; }
+
+/* tabview menu item */
+#menu_tabview {
+ list-style-image: url(chrome://browser/skin/tabview/tabview.png);
+ -moz-image-region: rect(0, 80px, 16px, 64px); }
+
+#menu_tabview[groups="0"] {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#menu_tabview[groups="1"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#menu_tabview[groups="2"] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+#menu_tabview[groups="3"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px); }
+
+/* undo close tab menu item */
+#alltabs_undoCloseTab {
+ list-style-image: url(chrome://browser/skin/undoCloseTab.png); }
+
+.unified-nav-back[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; }
+
+.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
+
+/* Menu panel buttons */
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); }
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabbar-icons.svg"); }
+
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#back-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#forward-button {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#home-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 144px, 18px, 126px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
+ -moz-image-region: rect(0, 162px, 18px, 144px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ -moz-image-region: rect(0, 630px, 18px, 612px); }
+
+#history-panelmenu[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 180px, 18px, 162px); }
+
+#downloads-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 198px, 18px, 180px); }
+
+#add-ons-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 216px, 18px, 198px); }
+
+#open-file-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 234px, 18px, 216px); }
+
+#save-page-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 252px, 18px, 234px); }
+
+#sync-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 270px, 18px, 252px); }
+
+#sync-button[cui-areatype="toolbar"][status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
+ -moz-image-region: rect(0, 18px, 18px, 0px); }
+
+toolbar[brighttext] #sync-button[status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); }
+
+#feed-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 288px, 18px, 270px); }
+
+#social-share-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0px, 306px, 18px, 288px); }
+
+#characterencoding-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 324px, 18px, 306px); }
+
+#new-window-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button > .toolbarbutton-icon {
+ transform: scaleY(-1); }
+
+#new-tab-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 360px, 18px, 342px); }
+
+#privatebrowsing-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 378px, 18px, 360px); }
+
+#find-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 396px, 18px, 378px); }
+
+#print-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 414px, 18px, 396px); }
+
+#fullscreen-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 432px, 18px, 414px); }
+
+#developer-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 450px, 18px, 432px); }
+
+#preferences-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#PanelUI-menu-button {
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
+ -moz-image-region: rect(0, 504px, 18px, 486px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button {
+ -moz-image-region: rect(0, 522px, 18px, 504px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button {
+ -moz-image-region: rect(0, 540px, 18px, 522px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button {
+ -moz-image-region: rect(0, 558px, 18px, 540px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button {
+ -moz-image-region: rect(0, 576px, 18px, 558px); }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(0, 612px, 18px, 594px); }
+
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#tabview-button {
+ -moz-image-region: rect(0, 648px, 18px, 630px); }
+
+#email-link-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 666px, 18px, 648px); }
+
+#sidebar-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 684px, 18px, 666px); }
+
+#panic-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 702px, 18px, 684px); }
+
+#panic-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 702px, 36px, 684px); }
+
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#web-apps-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 720px, 18px, 702px); }
+
+#loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+ -moz-image-region: rect(0, 18px, 18px, 0); }
+
+toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+
+#loop-button[state="disabled"] > .toolbarbutton-badge-container,
+#loop-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px); }
+
+#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px); }
+
+#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px); }
+
+#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px); }
+
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px); }
+
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px); }
+
+/* Menu panel and palette styles */
+:root {
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png);
+ --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); }
+
+@media not all and (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 192px, 64px, 160px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 224px, 32px, 192px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 224px, 64px, 192px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 416px, 64px, 384px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 480px, 64px, 448px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 608px, 32px, 576px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 736px, 64px, 704px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 800px, 32px, 768px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0, 864px, 32px, 832px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 864px, 64px, 832px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 896px, 32px, 864px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 896px, 64px, 864px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 928px, 32px, 896px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 832px, 32px, 800px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px); }
+
+ /* Wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 80px, 16px, 64px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 96px, 16px, 80px); }
+
+ #add-share-provider {
+ list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ -moz-image-region: rect(0px, 96px, 16px, 80px); } }
+/* Menu panel and palette styles */
+@media (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image-2x); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 256px, 64px, 192px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 384px, 64px, 320px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 384px, 128px, 320px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 448px, 64px, 384px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 448px, 128px, 384px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 512px, 64px, 448px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 576px, 64px, 512px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 640px, 64px, 576px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 704px, 64px, 640px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 768px, 64px, 704px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
+ -moz-image-region: rect(0px, 64px, 64px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 832px, 64px, 768px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 832px, 128px, 768px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 896px, 64px, 832px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0, 960px, 64px, 896px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 960px, 128px, 896px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 1920px, 64px, 1856px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 1984px, 64px, 1920px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1984px, 128px, 1920px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+ -moz-image-region: rect(0, 64px, 64px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 64px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 64px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 64px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 256px, 64px, 192px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 320px, 64px, 256px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 384px, 64px, 320px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 448px, 64px, 384px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 1088px, 64px, 1024px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 1152px, 64px, 1088px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 1216px, 64px, 1152px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 1280px, 64px, 1216px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 1344px, 64px, 1280px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 1408px, 64px, 1344px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 1472px, 64px, 1408px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1472px, 128px, 1408px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 1536px, 64px, 1472px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0px, 1600px, 64px, 1536px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0px, 1728px, 64px, 1664px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1728px, 128px, 1664px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 1792px, 64px, 1728px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1792px, 128px, 1728px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 1856px, 64px, 1792px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 1664px, 64px, 1600px); }
+
+ /* Footer and wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image-2x); }
+
+ /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons
+ are 16x16 when in the panel, but 18x18 when in a toolbar. */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 160px, 32px, 128px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); } }
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+ opacity: 0.4; }
+
+/* Fullscreen window controls */
+#window-controls {
+ -moz-box-align: start;
+ -moz-margin-start: 10px; }
+
+#close-button, #restore-button, #minimize-button {
+ padding: 2px 4px;
+ -moz-appearance: none; }
+
+#close-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close.svg"); }
+ #close-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_prelight.svg"); }
+ #close-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/close_pressed.svg"); }
+
+#restore-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize.svg"); }
+ #restore-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_prelight.svg"); }
+ #restore-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/maximize_pressed.svg"); }
+
+#minimize-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize.svg"); }
+ #minimize-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_prelight.svg"); }
+ #minimize-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/window-controls/minimize_pressed.svg"); }
+
+/* Location bar */
+#urlbar,
+.searchbar-textbox {
+ -moz-appearance: none;
+ padding: 3px 5px;
+ border-radius: 20px;
+ margin: 0 3px;
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ color: #5c616c;
+ background-color: #ffffff;
+ border: 1px solid #cfd6e6; }
+
+#urlbar[focused],
+.searchbar-textbox[focused] {
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ color: #5c616c;
+ background-color: #ffffff;
+ border: 1px solid #5294E2; }
+
+.urlbar-textbox-container {
+ -moz-appearance: none;
+ -moz-box-align: center; }
+
+.urlbar-input-box {
+ -moz-margin-start: 0; }
+
+.urlbar-history-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown; }
+
+#urlbar-container {
+ -moz-box-align: center; }
+
+#urlbar-icons {
+ -moz-box-align: center; }
+
+#urlbar-search-splitter {
+ -moz-appearance: none;
+ width: 8px; }
+
+#urlbar-display-box {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-border-end: 1px solid red;
+ -moz-margin-end: 3px; }
+
+.urlbar-display {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ color: GrayText; }
+
+#search-container {
+ min-width: calc(54px + 11ch); }
+
+/* identity box */
+#identity-box {
+ padding: 1px;
+ font-size: .9em; }
+
+#identity-box:-moz-locale-dir(ltr) {
+ border-top-left-radius: 1.5px;
+ border-bottom-left-radius: 1.5px; }
+
+#identity-box:-moz-locale-dir(rtl) {
+ border-top-right-radius: 1.5px;
+ border-bottom-right-radius: 1.5px; }
+
+#notification-popup-box:not([hidden]) + #identity-box {
+ border-radius: 0; }
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
+ border-radius: 0; }
+
+/* forward button hiding is delayed when hovered */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ -moz-margin-end: 4px; }
+
+#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
+ background-color: var(--verified-identity-box-backgroundcolor); }
+
+#identity-box:-moz-focusring {
+ outline: 1px dotted #000;
+ outline-offset: -3px; }
+
+#identity-icon-labels {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 5px; }
+
+:root {
+ --identity-box-verified-color: #479900;
+ --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%);
+ --identity-box-chrome-color: #e57300;
+ --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ background-position: right;
+ background-size: 1px;
+ background-repeat: no-repeat; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+ background-position: left; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ color: var(--identity-box-verified-color);
+ background-image: var(--identity-box-verified-background-image); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ background-image: var(--identity-box-chrome-background-image); }
+
+/* page proxy icon */
+#page-proxy-favicon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png); }
+
+.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.png); }
+
+.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); }
+
+.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+#page-proxy-favicon[pageproxystate="invalid"] {
+ opacity: 0.3; }
+
+#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon64.png"); }
+
+#identity-popup-brandName {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-top: .5em;
+ margin-bottom: .5em; }
+
+#identity-popup-content-box {
+ max-width: 50ch; }
+
+@media not all and (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+ #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); } }
+@media (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); }
+
+ .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); }
+
+ .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); }
+
+ .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); }
+
+ .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ #identity-box:hover > #page-proxy-favicon {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #identity-box:hover:active > #page-proxy-favicon,
+ #identity-box[open=true] > #page-proxy-favicon {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon128.png");
+ -moz-image-region: rect(0, 128px, 128px, 0); } }
+#page-proxy-favicon {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 1px; }
+
+/* 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-help-icon {
+ -moz-appearance: none;
+ margin-left: 0px;
+ border: none;
+ background: none;
+ min-width: 0;
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16");
+ cursor: pointer; }
+
+#identity-popup-help-icon > .button-box > .button-text {
+ display: none; }
+
+#identity-popup-help-icon > .button-box > .button-icon {
+ height: 16px;
+ width: 16px; }
+
+#identity-popup-help-icon:-moz-focusring {
+ outline: 1px dotted;
+ outline-offset: 1px; }
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#identity-popup-container {
+ min-width: 280px;
+ padding: 10px; }
+
+#identity-popup-button-container {
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent);
+ padding: 10px;
+ margin-top: 5px; }
+
+.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-blocked"],
+.popup-notification-icon[popupid="addon-install-failed"],
+.popup-notification-icon[popupid="addon-install-confirmation"],
+.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); }
+
+.popup-notification-icon[popupid="indexedDB-permissions-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="webapps-install-progress"],
+.popup-notification-icon[popupid="webapps-install"] {
+ list-style-image: url(chrome://global/skin/icons/webapps-64.png); }
+
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); }
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingScreen"],
+.popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); }
+
+.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: transparent;
+ background-clip: padding-box;
+ padding-left: 1px;
+ border-width: 0 8px 0 0;
+ border-style: solid;
+ border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+
+#notification-popup-box:-moz-locale-dir(rtl),
+.notification-anchor-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+.notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
+ width: 16px;
+ height: 16px;
+ margin: 0 2px; }
+
+.identity-notification-icon,
+#identity-notification-icon {
+ list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
+ /* XXX: need HiDPI version */ }
+
+.geo-notification-icon,
+#geo-notification-icon {
+ list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
+
+#push-notification-icon {
+ list-style-image: url(chrome://browser/skin/Push-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); }
+
+.webapps-notification-icon,
+#webapps-notification-icon {
+ list-style-image: url(chrome://global/skin/icons/webapps-16.png); }
+
+#plugins-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); }
+
+#plugins-notification-icon.plugin-hidden {
+ list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); }
+
+#plugins-notification-icon.plugin-blocked {
+ list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); }
+
+#plugins-notification-icon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#plugins-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#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; }
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; }
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); }
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); }
+
+.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); }
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); }
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); }
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); }
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); }
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-16.png); }
+
+.pointerLock-notification-icon,
+#pointerLock-notification-icon {
+ list-style-image: url(chrome://browser/skin/pointerLock-16.png); }
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url(chrome://browser/skin/social/services-64.png); }
+
+#servicesInstall-notification-icon {
+ list-style-image: url(chrome://browser/skin/social/services-16.png); }
+
+/* EME notifications */
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); }
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal; }
+
+@keyframes emeTeachingMoment {
+ 0% {
+ transform: translateX(0); }
+ 25% {
+ transform: translateX(3px); }
+ 75% {
+ transform: translateX(-3px); }
+ 100% {
+ transform: translateX(0); } }
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+ #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
+
+ .notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } }
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em; }
+
+.addon-install-confirmation-name {
+ font-weight: bold; }
+
+/* Notification icon box */
+#notification-popup-box {
+ border-radius: 2.5px 0 0 2.5px;
+ margin-top: -1px;
+ margin-bottom: -1px; }
+
+.notification-anchor-icon:-moz-focusring {
+ outline: 1px dotted -moz-DialogText; }
+
+.indexedDB-notification-icon,
+#indexedDB-notification-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); }
+
+#pointerLock-cancel {
+ margin: 0px; }
+
+/* Translation infobar */
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); } }
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16.png);
+ -moz-image-region: auto; }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16@2x.png); } }
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-appearance: none;
+ border-width: 1px;
+ -moz-border-top-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ border-radius: 2px;
+ min-width: 0;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+ border: none;
+ background-color: transparent;
+ margin: auto;
+ padding: 5px 0; }
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0; }
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small; }
+
+.translation-attribution > label {
+ margin-bottom: 0; }
+
+.translation-attribution > image {
+ width: 70px; }
+
+.translation-welcome-panel {
+ width: 305px; }
+
+.translation-welcome-logo {
+ height: 32px;
+ width: 32px;
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+.translation-welcome-content {
+ -moz-margin-start: 16px; }
+
+.translation-welcome-headline {
+ font-size: larger;
+ font-weight: bold; }
+
+.translation-welcome-body {
+ padding: 1em 0;
+ margin: 0 0; }
+
+notification[value="translation"] {
+ min-height: 40px; }
+
+notification[value="translation"],
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-height: 30px;
+ color: #5A5959; }
+
+notification[value="translation"] {
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-padding-end: 1ch; }
+
+notification[value="translation"] menulist {
+ border: 1px solid #C1C1C1;
+ background-color: #FFF; }
+
+notification[value="translation"] button {
+ border: 1px solid #C1C1C1;
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+ -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; }
+
+notification[value="translation"] button:hover,
+notification[value="translation"] button:active,
+notification[value="translation"] menulist:hover,
+notification[value="translation"] menulist:active {
+ background-color: #E2E1E0; }
+
+notification[value="translation"] button[anonid="translate"] {
+ color: #FFF;
+ background-image: linear-gradient(#9FB938, #8DA726);
+ box-shadow: none;
+ border: 1px solid #829C1C; }
+
+notification[value="translation"] button[anonid="translate"]:hover,
+notification[value="translation"] button[anonid="translate"]:active {
+ background-image: linear-gradient(#8DA726, #8DA726); }
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+ -moz-margin-start: 3ch; }
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+ -moz-margin-end: 3ch; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ display: block; }
+
+/* Loop/ Hello browser styles */
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0; }
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.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),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px; }
+
+.ac-result-type-keyword[selected="true"],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
+
+.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 */
+#urlbar > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 2px;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); }
+
+#urlbar-reload-button {
+ -moz-image-region: rect(0, 14px, 14px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent);
+ -moz-image-region: rect(14px, 14px, 28px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent);
+ -moz-image-region: rect(28px, 14px, 42px, 0); }
+
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px); }
+
+#urlbar-go-button:hover {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent);
+ -moz-image-region: rect(14px, 42px, 28px, 28px); }
+
+#urlbar-go-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent);
+ -moz-image-region: rect(28px, 42px, 42px, 28px); }
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-stop-button {
+ -moz-image-region: rect(0, 28px, 14px, 14px); }
+
+#urlbar-stop-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent);
+ -moz-image-region: rect(14px, 28px, 28px, 14px); }
+
+#urlbar-stop-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent);
+ -moz-image-region: rect(28px, 28px, 42px, 14px); }
+
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px); }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px); }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px); }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0); }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px); }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px); }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px); }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px; } }
+/* Popup blocker button */
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/Info.png"); }
+
+/* Reading List button */
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px; }
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px; }
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); }
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); }
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); }
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); }
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); }
+
+/* Reader mode button */
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+/* social share panel */
+.social-share-frame {
+ border-top: 1px solid #f8f8f8;
+ width: 756px;
+ height: 150px; }
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center; }
+
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); }
+
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1; }
+
+#share-container[loading] > browser {
+ opacity: 0; }
+
+.social-share-toolbar {
+ border-bottom: 1px solid #dedede;
+ padding: 2px; }
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0; }
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px; }
+
+.share-provider-button > .toolbarbutton-text {
+ display: none; }
+
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px; }
+
+/* social recommending panel */
+#social-mark-button {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* bookmarks menu-button */
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ -moz-box-align: center; }
+
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
+ opacity: .4; }
+
+#BMB_bookmarksPopup[side="top"],
+#BMB_bookmarksPopup[side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px; }
+
+#BMB_bookmarksPopup[side="left"],
+#BMB_bookmarksPopup[side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px; }
+
+#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
+#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
+ margin-top: -4px; }
+
+/* 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; }
+
+.panel-promo-box {
+ margin: 8px -10px -10px -10px;
+ padding: 8px 10px;
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); }
+
+.panel-promo-icon {
+ list-style-image: url("chrome://browser/skin/sync-notification-24.png");
+ -moz-margin-end: 10px;
+ vertical-align: middle; }
+
+.panel-promo-closebutton {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px; }
+
+.panel-promo-closebutton > .toolbarbutton-text {
+ padding: 0; }
+
+/* Content area */
+#sidebar {
+ background-color: Window; }
+
+/* Findbar */
+.browserContainer > findbar {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+ border-top: 1px solid;
+ -moz-border-top-colors: #dcdfe3;
+ text-shadow: none; }
+
+.browserContainer > findbar .findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid #cfd6e6;
+ box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ width: 14em; }
+ .browserContainer > findbar .findbar-textbox[focused="true"] {
+ border-color: #5294E2; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 20px 0 0 20px;
+ border-right-width: 0; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 20px 20px 0;
+ border-left-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous,
+.browserContainer > findbar .findbar-find-next {
+ background: #fbfbfc;
+ border: 1px solid #cfd6e6;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous {
+ border-right-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous:focus,
+.browserContainer > findbar .findbar-find-next:focus {
+ border-color: #5294E2;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
+.browserContainer > findbar .findbar-find-next:not([disabled]):active {
+ background: #5294E2;
+ border-color: #5294E2;
+ box-shadow: none; }
+
+/* Tabstrip */
+:root {
+ --tab-toolbar-navbar-overlap: 1px;
+ --tab-min-height: 31px; }
+
+#TabsToolbar {
+ --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
+ --tab-separator-size: 3px 100%;
+ --tab-separator-opacity: 1; }
+
+/* image preloading hack */
+#tabbrowser-tabs::before {
+ /* Because of bug 853415, we need to ordinal this to the first position: */
+ -moz-box-ordinal-group: 0;
+ content: '';
+ display: block; }
+
+#tabbrowser-tabs {
+ min-height: var(--tab-min-height); }
+
+.tabbrowser-tab,
+.tabs-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-radius: 0;
+ border-width: 0;
+ margin: 0;
+ padding: 0; }
+
+.tabbrowser-tab {
+ -moz-box-align: stretch; }
+
+/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
+.tabbrowser-tab[visuallyselected=true] {
+ position: relative;
+ z-index: 2; }
+
+.tab-background-middle {
+ -moz-box-flex: 1;
+ background-clip: padding-box;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ margin: 0 -15px; }
+
+.tab-content {
+ -moz-padding-end: 9px;
+ -moz-padding-start: 9px; }
+
+.tab-content[pinned] {
+ -moz-padding-end: 3px; }
+
+.tab-throbber,
+.tab-icon-image,
+.tab-close-button {
+ margin-top: 1px; }
+
+.tab-throbber,
+.tab-icon-image {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 6px; }
+
+.tab-icon-image {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: 10px;
+ -moz-margin-start: -16px;
+ display: none; }
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
+
+.tab-throbber[busy] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); }
+
+.tab-throbber[progress] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); }
+
+.tab-label {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0; }
+
+.tab-close-button {
+ -moz-margin-start: 4px;
+ -moz-margin-end: -2px;
+ padding: 0; }
+
+.tab-background,
+.tabs-newtab-button {
+ /* overlap the tab curves */
+ -moz-margin-end: -15px;
+ -moz-margin-start: -15px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 15px;
+ -moz-padding-start: 15px; }
+
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ background-image: url(chrome://browser/skin/custom_images/dark/tabs/tab-overflow-indicator.png);
+ background-size: 100% 100%;
+ width: 14px;
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+ pointer-events: none;
+ position: relative;
+ z-index: 3;
+ /* the selected tab's z-index + 1 */ }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+ -moz-margin-start: -2px;
+ -moz-margin-end: -12px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ -moz-margin-start: -12px;
+ -moz-margin-end: -2px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+ opacity: 0; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+ transition: opacity 150ms ease; }
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ min-height: var(--tab-min-height);
+ width: 30px; }
+
+.tabbrowser-tab:not([visuallyselected=true]),
+.tabbrowser-tab:-moz-lwtheme {
+ color: inherit; }
+
+.tabbrowser-tab:not([selected="true"]) {
+ color: rgba(207, 218, 231, 0.6); }
+
+/* Selected tab */
+/*
+ Tab background pseudo-elements which are positioned above .tab-background-start/end:
+ - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where
+ pointer events go for the curve.
+ - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer
+ events go through to ::before to get the proper shape.
+ */
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ /* position ::after on top of its parent */
+ -moz-margin-start: -30px;
+ background-size: 100% 100%;
+ content: "";
+ display: -moz-box;
+ position: relative; }
+
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-end[visuallyselected=true]::before {
+ /* all ::before pseudo elements */
+ content: "";
+ display: -moz-box; }
+
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-start.svg);
+ background-size: 100% 100%; }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-end.svg);
+ background-size: 100% 100%; }
+
+/* For lightweight themes, clip the header image on start, middle, and end. */
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); }
+
+.tab-background-middle[visuallyselected=true] {
+ background-clip: padding-box, padding-box, content-box;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-middle.svg);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+ /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
+ background-color doesn't extend above the top border. */
+ padding-top: 2px; }
+
+/* Selected tab lightweight theme styles.
+ See browser-lightweightTheme.css for information about run-time changes to LWT styles. */
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3));
+ /*,
+lwtHeader;*/
+ /* Don't stretch the LWT header images */
+ background-size: auto 100%, auto 100%, auto auto; }
+
+/* These LWT styles are normally overridden by browser-lightweightTheme.css */
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); }
+
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent; }
+
+/* End selected tab */
+/* new tab button border and gradient on hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
+.tabs-newtab-button:hover {
+ background-image: url(chrome://browser/skin/custom_images/darker/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/darker/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/darker/tabs/tab-end-hover.svg);
+ background-position: left bottom, 30px bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+
+/* Tab pointer-events */
+.tabbrowser-tab {
+ pointer-events: none; }
+
+.tab-background-middle,
+.tabs-newtab-button,
+.tab-close-button {
+ pointer-events: auto; }
+
+/* Pinned tabs */
+/* Pinned tab separators need position: absolute when positioned (during overflow). */
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before {
+ height: 100%;
+ position: absolute; }
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
+ background-position: center bottom var(--tab-toolbar-navbar-overlap);
+ background-repeat: no-repeat;
+ background-size: 85% 100%; }
+
+/* New tab button */
+.tabs-newtab-button {
+ width: calc(36px + 30px); }
+
+#tabbrowser-tabs {
+ /* override the global style to allow the selected tab to be above the nav-bar */
+ z-index: auto; }
+
+#TabsToolbar {
+ min-height: 0;
+ padding: 0;
+ margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); }
+
+#TabsToolbar:not(:-moz-lwtheme) {
+ -moz-appearance: menubar;
+ color: -moz-menubartext; }
+
+#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
+#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); }
+
+.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
+ outline: 1px dotted; }
+
+#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: -9px;
+ z-index: 3; }
+
+/* Tab close button */
+.close-icon {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close.svg"); }
+ .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); }
+ .close-icon:active:hover {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-inactive.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-hover.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:active {
+ background-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-close-active.svg"); }
+
+/* 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; }
+
+.tabs-newtab-button > .toolbarbutton-icon,
+#new-tab-button > .toolbarbutton-icon {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/new-tab.png");
+ -moz-image-region: auto; }
+
+/* Tabbrowser arrowscrollbox arrows */
+.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
+.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/tab-arrow-left.svg");
+ margin: 0 0 var(--tab-toolbar-navbar-overlap); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
+.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
+ opacity: .4; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ transition: 1s background-color ease-out; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+ background-color: Highlight;
+ transition: none; }
+
+#TabsToolbar .toolbarbutton-1 {
+ margin-bottom: var(--tab-toolbar-navbar-overlap); }
+
+#alltabs-button {
+ list-style-image: url("chrome://browser/skin/custom_images/dark/tabs/alltabs.svg"); }
+
+#alltabs-button > .toolbarbutton-icon {
+ padding: 9px 6px 6px; }
+
+#alltabs-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+/* All tabs menupopup */
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.alltabs-item[selected="true"] {
+ font-weight: bold; }
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+/* Sidebar */
+#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; }
+
+toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !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; }
+
+/* Ctrl-Tab */
+.ctrlTab-preview {
+ -moz-appearance: toolbarbutton; }
+
+.tabPreview-canvas {
+ box-shadow: 0 0 5px ThreeDShadow; }
+
+.ctrlTab-preview:focus .tabPreview-canvas,
+.ctrlTab-preview:hover .tabPreview-canvas {
+ box-shadow: none; }
+
+.ctrlTab-favicon[src] {
+ background-color: white;
+ width: 20px;
+ height: 20px;
+ padding: 2px; }
+
+#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; }
+
+/* Sync Panel */
+.sync-panel-icon {
+ height: 32px;
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; }
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px; }
+
+.sync-panel-button-box {
+ margin-top: 1em; }
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-size: 120%;
+ font-weight: bold;
+ margin-bottom: 5px; }
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0; }
+
+/* Status panel */
+.statuspanel-label {
+ margin: 0;
+ padding: 2px 4px;
+ background: #5294E2;
+ border: 1px none #5294E2;
+ border-top-style: solid;
+ color: #ffffff;
+ 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-image: url("chrome://browser/skin/fullscreen-darknoise.png");
+ color: white;
+ border-radius: 4px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px white; }
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.full-screen-description {
+ font-size: 150%; }
+
+#full-screen-domain-text {
+ font-size: 300%; }
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%; }
+
+/* Responsive Mode */
+.browserContainer[responsivemode] {
+ background-color: #222;
+ padding: 0 20px 20px 20px; }
+
+.browserStack[responsivemode] {
+ box-shadow: 0 0 7px black; }
+
+.devtools-responsiveui-toolbar {
+ -moz-appearance: none;
+ background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: #cdd9e4;
+ margin: 10px 0;
+ padding: 0;
+ box-shadow: none;
+ border-bottom-width: 0; }
+
+.devtools-responsiveui-menulist,
+.devtools-responsiveui-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 22px;
+ text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45);
+ border: 1px solid rgba(12, 13, 14, 0.45);
+ border-radius: 0;
+ background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box;
+ box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15);
+ margin: 0 3px;
+ color: inherit; }
+
+.devtools-responsiveui-menulist .menulist-editable-box {
+ -moz-appearance: none;
+ background-color: transparent; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input {
+ -moz-appearance: none;
+ color: inherit;
+ text-align: center; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection {
+ background: rgba(138, 145, 153, 0.35); }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal; }
+
+.devtools-responsiveui-menulist:-moz-focusring,
+.devtools-responsiveui-toolbarbutton:-moz-focusring {
+ outline: 1px dotted rgba(205, 217, 228, 0.7);
+ outline-offset: -4px; }
+
+.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none; }
+
+.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active {
+ border-color: rgba(12, 13, 14, 0.6);
+ background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3));
+ box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-menulist[open=true],
+.devtools-responsiveui-toolbarbutton[open=true],
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ border-color: rgba(12, 13, 14, 0.6) !important;
+ background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4));
+ box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ color: #33a0ff; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover {
+ background-color: transparent !important; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover:active {
+ background-color: rgba(12, 13, 14, 0.2) !important; }
+
+.devtools-responsiveui-menulist > .menulist-label-box {
+ text-align: center; }
+
+.devtools-responsiveui-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ background-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ border-width: 0;
+ min-width: 16px; }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-border-end: 1px solid rgba(12, 13, 14, 0.45);
+ box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+ box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch; }
+
+.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px; }
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+ margin-left: 0; }
+
+.devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+
+.devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+.devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ .devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); } }
+.devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+.devtools-responsiveui-resizebarV {
+ width: 7px;
+ height: 24px;
+ cursor: ew-resize;
+ transform: translate(12px, -12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+
+.devtools-responsiveui-resizebarH {
+ width: 24px;
+ height: 7px;
+ cursor: ns-resize;
+ transform: translate(-12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+
+.devtools-responsiveui-resizehandle {
+ width: 16px;
+ height: 16px;
+ cursor: se-resize;
+ transform: translate(12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+
+/* FxOS custom mode with additional buttons and phone look'n feel */
+/* Hide devtools manual resizer */
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV {
+ display: none; }
+
+/* Gives responsive mode a phone look'n feel */
+.browserStack[responsivemode].fxos-mode {
+ padding: 60px 15px 0;
+ border-radius: 25px / 20px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: 1px solid #FFFFFF;
+ border-bottom-width: 0;
+ background-color: #353535;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+ min-width: 320px; }
+
+.devtools-responsiveui-hardware-buttons {
+ -moz-appearance: none;
+ padding: 20px;
+ border: 1px solid #FFFFFF;
+ border-bottom-left-radius: 25px;
+ border-bottom-right-radius: 25px;
+ border-top-width: 0;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-home-button {
+ width: 40px;
+ height: 30px;
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+
+.devtools-responsiveui-sleep-button {
+ -moz-appearance: none;
+ /* compensate browserStack top padding */
+ margin-top: -67px;
+ margin-right: 10px;
+ min-width: 10px;
+ width: 50px;
+ height: 5px;
+ border: 1px solid #444;
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-color: transparent;
+ background-image: linear-gradient(to top, #111 11%, #333 56%); }
+
+.devtools-responsiveui-sleep-button:hover:active {
+ background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-buttons {
+ margin-left: -29px; }
+
+.devtools-responsiveui-volume-up-button,
+.devtools-responsiveui-volume-down-button {
+ -moz-appearance: none;
+ border: 1px solid red;
+ min-width: 8px;
+ height: 40px;
+ border: 1px solid #444;
+ border-right-color: transparent;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-volume-up-button:hover:active,
+.devtools-responsiveui-volume-down-button:hover:active {
+ background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-up-button {
+ border-top-left-radius: 12px; }
+
+.devtools-responsiveui-volume-down-button {
+ border-bottom-left-radius: 12px; }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+/* Developer toolbar */
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within browser.css). */
+:root[devtoolstheme="light"] #developer-toolbar {
+ --gcli-background-color: #ebeced;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-background: #f0f1f2;
+ /* --theme-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7;
+ /* --theme-sidebar-background */
+ --gcli-input-color: #18191a;
+ /* --theme-body-color */
+ --gcli-border-color: #aaaaaa;
+ /* --theme-splitter-color */
+ --selection-background: #4c9ed9;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+:root[devtoolstheme="dark"] #developer-toolbar {
+ --gcli-background-color: #343c45;
+ /* --theme-toolbar-background */
+ --gcli-input-background: rgba(37, 44, 51, 0.6);
+ /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #252c33;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf;
+ /* --theme-body-color-alt */
+ --gcli-border-color: black;
+ /* --theme-splitter-color */
+ --selection-background: #1d4f73;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+#developer-toolbar {
+ -moz-appearance: none;
+ padding: 0;
+ min-height: 32px;
+ background-color: var(--gcli-background-color);
+ border-top: 1px solid var(--gcli-border-color); }
+
+#developer-toolbar > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ margin: 0;
+ padding: 0 10px;
+ width: 32px; }
+
+.developer-toolbar-button > image {
+ margin: auto 10px; }
+
+:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
+:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+ filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+#developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+#developer-toolbar-toolbox-button > label {
+ display: none; }
+
+#developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+#developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+#developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); } }
+#developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.6; }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+#developer-toolbar-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: -4px; }
+
+#developer-toolbar-closebutton > .toolbarbutton-text {
+ display: none; }
+
+#developer-toolbar-closebutton:hover {
+ opacity: 0.8; }
+
+#developer-toolbar-closebutton:hover:active {
+ opacity: 1; }
+
+/* GCLI */
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
+ padding: 0;
+ border-width: 0;
+ background-color: transparent; }
+
+#gcli-output,
+#gcli-tooltip {
+ border-width: 0;
+ background-color: transparent;
+ -moz-appearance: none; }
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node {
+ margin: 0;
+ -moz-box-align: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 8px;
+ text-shadow: none;
+ box-shadow: none;
+ border-width: 0;
+ background-color: transparent;
+ border-radius: 0; }
+
+.gclitoolbar-input-node {
+ -moz-appearance: none;
+ color: var(--gcli-input-color);
+ background-color: var(--gcli-input-background);
+ background-repeat: no-repeat;
+ background-position: 4px center;
+ box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset;
+ line-height: 32px;
+ outline-style: none;
+ padding: 0; }
+
+.gclitoolbar-input-node[focused="true"] {
+ background-color: var(--gcli-input-focused-background); }
+
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px; }
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center; }
+
+@media (min-resolution: 1.25dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: var(--selection-background);
+ color: var(--selection-color);
+ text-shadow: none; }
+
+.gclitoolbar-complete-node {
+ padding-left: 21px;
+ background-color: transparent;
+ color: transparent;
+ z-index: 100;
+ pointer-events: none; }
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0; }
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #999; }
+
+.gcli-in-error {
+ border-bottom: 2px dotted #F00; }
+
+.gcli-in-ontab {
+ color: #595959; }
+
+.gcli-in-todo {
+ color: #2d5986; }
+
+.gcli-in-closebrace {
+ color: #cccccc; }
+
+#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0px; }
+
+.click-to-play-plugins-notification-center-box {
+ border: 1px solid ThreeDShadow;
+ margin: 10px; }
+
+.plugin-popupnotification-centeritem:nth-child(odd) {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.center-item-label {
+ -moz-margin-start: 6px;
+ margin-bottom: 0;
+ text-overflow: ellipsis; }
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ -moz-margin-start: 6px; }
+
+.click-to-play-plugins-notification-button-container {
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.12);
+ padding: 10px;
+ margin-top: 5px; }
+
+.click-to-play-popup-button {
+ width: 50%; }
+
+.click-to-play-plugins-notification-description-box {
+ padding: 10px; }
+
+.click-to-play-plugins-outer-description {
+ margin-top: 8px; }
+
+.click-to-play-plugins-notification-link,
+.center-item-link {
+ margin: 0; }
+
+.messageImage[value="plugin-hidden"] {
+ list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* Keep any changes to this style in sync with pluginProblem.css */
+notification.pluginVulnerable {
+ background-color: #484848;
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+ color: white; }
+
+notification.pluginVulnerable .messageImage {
+ list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); }
+
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold; }
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em; }
+
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+ color: GrayText; }
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #d74345;
+ font-style: italic; }
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em; }
+
+#login-fill-testing {
+ color: #b33;
+ font-weight: bold; }
+
+#login-fill-list {
+ border: 1px solid black;
+ max-height: 20em; }
+
+.login-hostname {
+ margin: 4px;
+ font-weight: bold; }
+
+.login-username {
+ margin: 4px;
+ color: #888; }
+
+/* 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/. */
+/*** Status and progress indicator ***/
+#downloads-animation-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ /* Makes the outermost animation container element positioned, so that its
+ contents are rendered over the main browser window in the Z order.
+ This is required by the animated event notification. */
+ position: relative;
+ /* The selected tab may overlap #downloads-indicator-notification */
+ z-index: 5; }
+
+/*** Main indicator icon ***/
+#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ min-width: 18px;
+ min-height: 18px; }
+
+#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto; }
+
+/* In the next few rules, we use :not([counter]) as a shortcut that is
+ equivalent to -moz-any([progress], [paused]). */
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
+ background-size: 12px; }
+
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+/*** Download notifications ***/
+#downloads-indicator-notification {
+ opacity: 0;
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px; }
+
+@keyframes downloadsIndicatorNotificationStartRight {
+ from {
+ opacity: 0;
+ transform: translate(-128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+@keyframes downloadsIndicatorNotificationStartLeft {
+ from {
+ opacity: 0;
+ transform: translate(128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
+ animation-name: downloadsIndicatorNotificationStartRight;
+ animation-duration: 1s; }
+
+#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification {
+ animation-name: downloadsIndicatorNotificationStartLeft; }
+
+@keyframes downloadsIndicatorNotificationFinish {
+ from {
+ opacity: 0;
+ transform: scale(1); }
+ 20% {
+ opacity: .65;
+ animation-timing-function: ease-in; }
+ to {
+ opacity: 0;
+ transform: scale(8); } }
+#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+ animation-name: downloadsIndicatorNotificationFinish;
+ animation-duration: 1s; }
+
+/*** Progress bar and text ***/
+#downloads-indicator-counter {
+ height: 10px;
+ margin: 0;
+ color: #4d4d4d;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ font-size: 10px;
+ line-height: 10px;
+ text-align: center; }
+
+toolbar[brighttext] #downloads-indicator-counter {
+ color: white;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); }
+
+#downloads-indicator-progress {
+ width: 18px;
+ height: 6px;
+ min-width: 0;
+ min-height: 0;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
+
+#downloads-indicator-progress > .progress-bar {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */
+ background-clip: padding-box, border-box;
+ background-color: #ff875e;
+ background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none;
+ border: 1px solid;
+ border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4);
+ border-radius: 2px 0 0 2px; }
+
+#downloads-indicator-progress > .progress-remainder {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ background-image: linear-gradient(#505050, #575757);
+ border: 1px solid;
+ border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
+ -moz-border-start: none;
+ border-radius: 0 2px 2px 0; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+ background-color: #dce651; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+ background-image: linear-gradient(#4b5000, #515700); }
+
+.gcli-panel {
+ padding: 0; }
+
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ color: #24292d; }
+
+/* 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; }
+
+/* Social toolbar item */
+#social-undoactivation-button {
+ -moz-margin-start: 0;
+ /* override default label margin to match description margin */ }
+
+.social-activation-icon {
+ width: auto;
+ height: auto;
+ max-height: 64px;
+ max-width: 64px; }
+
+#social-activation-message {
+ max-width: 250px; }
+
+#social-activation-message > label {
+ margin: 0; }
+
+/* social toolbar provider menu */
+#social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px; }
+
+.social-statusarea-user {
+ list-style-image: url("chrome://global/skin/icons/information-32.png"); }
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px; }
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#social-sidebar-header {
+ padding: 3px; }
+
+#manage-share-providers,
+#social-sidebar-button {
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#social-sidebar-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ margin: 2px; }
+
+#manage-share-providers > .toolbarbutton-icon,
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px; }
+
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+#social-sidebar-button[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+#social-sidebar-favico {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+ margin: 2px; }
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0; }
+
+.chat-toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 3px;
+ margin: 0;
+ background: none; }
+
+.chat-toolbarbutton:hover {
+ background-color: rgba(255, 255, 255, 0.35); }
+
+.chat-toolbarbutton:hover:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+
+.chat-toolbarbutton > .toolbarbutton-text {
+ display: none; }
+
+.chat-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.chat-close-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); }
+
+.chat-close-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); }
+
+.chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); }
+
+.chat-minimize-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); }
+
+.chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+ transform: rotate(180deg); }
+
+.chat-swap-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); }
+
+chatbar > chatbox > .chat-titlebar > .chat-swap-button {
+ transform: none; }
+
+.chat-title {
+ font-weight: bold;
+ color: black;
+ text-shadow: none;
+ cursor: inherit; }
+
+.chat-titlebar {
+ height: 30px;
+ min-height: 30px;
+ width: 100%;
+ margin: 0;
+ padding: 7px 6px;
+ border: none;
+ border-bottom: 1px solid #ccc;
+ cursor: pointer; }
+
+.chat-titlebar > .notification-anchor-icon {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+.chat-titlebar[minimized="true"] {
+ border-bottom: none; }
+
+.chat-titlebar[activity] {
+ background-image: radial-gradient(ellipse closest-side at center, white, transparent);
+ background-repeat: no-repeat;
+ background-size: 100% 20px;
+ background-position: 0 -10px; }
+
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+ border-bottom: none;
+ background-color: #000;
+ background-image: none; }
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+ font-weight: normal;
+ color: #c1c1c1; }
+
+.chat-frame {
+ padding: 0;
+ margin: 0;
+ overflow: hidden; }
+
+.chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+ margin: 0;
+ padding: 2px;
+ height: 21px;
+ width: 21px;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+@media (min-resolution: 2dppx) {
+ .chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } }
+.chatbar-button > .toolbarbutton-icon {
+ width: 16px; }
+
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px; }
+
+.chatbar-button[open="true"] {
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); }
+
+.chatbar-button > .toolbarbutton-text,
+.chatbar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+.chatbar-button > menupopup > menuitem[activity] {
+ font-weight: bold; }
+
+.chatbar-innerbox {
+ background: transparent;
+ margin: -285px 0 0;
+ overflow: hidden; }
+
+chatbar {
+ -moz-margin-end: 20px; }
+
+chatbox {
+ -moz-margin-start: 4px;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+window > chatbox {
+ -moz-margin-start: 0px;
+ margin: 0px;
+ border: none;
+ padding: 0px; }
+
+.chat-titlebar {
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chat-titlebar[selected] {
+ background-color: #f0f0f0; }
+
+.chatbar-button {
+ -moz-appearance: none;
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chatbar-button > .toolbarbutton-icon {
+ -moz-margin-end: 0; }
+
+.chatbar-button:hover,
+.chatbar-button[open="true"] {
+ background-color: #f0f0f0; }
+
+.chatbar-button[activity] {
+ background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); }
+
+chatbox {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px; }
+
+/* Customization mode */
+/* 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/. */
+/* Customization mode */
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox {
+ margin-bottom: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck,
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox {
+ margin-left: 2em;
+ margin-right: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck {
+ pointer-events: none; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#PanelUI-contents > .panel-customization-placeholder {
+ -moz-outline-radius: 2.5px;
+ outline: 1px dashed transparent; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before {
+ /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */
+ -moz-box-ordinal-group: 0;
+ content: "";
+ display: -moz-box;
+ height: 100%;
+ left: 0;
+ outline-offset: -2px;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%; }
+
+/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the
+ #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the
+ offset from the bottom effectively the same as other targets (-2px). */
+#main-window[customize-entered] #TabsToolbar.customization-target::before {
+ top: -2px; }
+
+/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)),
+#main-window[customize-entered] #nav-bar-customization-target.customization-target {
+ position: relative; }
+
+/* Most target outlines are shown on hover and drag over but the panel menu uses
+ placeholders instead. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ outline-color: #666666; }
+
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ transition: outline-color 250ms linear; }
+
+#PanelUI-contents[showoutline=true] > .panel-customization-placeholder {
+ transition: outline-color 250ms linear;
+ outline-color: #bbb; }
+
+#PanelUI-contents > .panel-customization-placeholder {
+ cursor: auto;
+ outline-offset: -5px; }
+
+#main-window[customizing] .customization-target:not(#PanelUI-contents) {
+ min-width: 100px;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#customization-container {
+ background-color: #f7f7f7;
+ color: black;
+ text-shadow: none; }
+
+#customization-palette,
+#customization-empty {
+ padding: 0 25px 25px; }
+
+#customization-header {
+ font-size: 1.75em;
+ line-height: 1.75em;
+ color: #666;
+ font-weight: 200;
+ margin: 25px 25px 12px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #e5e5e5; }
+
+#customization-panel-container {
+ padding: 15px 25px 25px;
+ background-image: linear-gradient(to bottom, #3e86ce, #3878ba); }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#customization-footer {
+ background-color: #ececec; }
+
+#customization-footer {
+ border-top: 1px solid #dddddd;
+ padding: 10px; }
+
+.customizationmode-button {
+ border: 1px solid silver;
+ border-radius: 3px;
+ margin: 5px;
+ padding: 2px 12px;
+ background-color: #fbfbfb;
+ color: #474747;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5);
+ -moz-appearance: none; }
+
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: #dadada;
+ border-color: #a8a8a8;
+ text-shadow: 0 1px #ececec;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; }
+
+.customizationmode-button[disabled="true"] {
+ opacity: .5; }
+
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+ height: 24px; }
+
+#customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
+ -moz-image-region: rect(0, 24px, 24px, 0); }
+
+#customization-lwtheme-button,
+#customization-titlebar-visibility-button {
+ padding: 2px 7px; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
+#customization-titlebar-visibility-button > .button-box > .button-text {
+ /* Sadly, button.css thinks its margins are perfect for everyone. */
+ -moz-margin-start: 6px !important; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ background-size: contain; }
+
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle; }
+
+#customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 48px, 24px, 24px); }
+
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0); }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px); } }
+#main-window[customize-entered] #customization-panel-container {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
+ background-position: center top, left center, left top, left top, left top;
+ background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
+ background-size: auto 12px, 12px 100%, auto, auto, auto;
+ background-attachment: scroll, scroll, fixed, fixed, scroll; }
+
+toolbarpaletteitem[place="toolbar"] {
+ transition: border-width 250ms ease-in-out; }
+
+toolbarpaletteitem[mousedown] {
+ cursor: -moz-grabbing; }
+
+.panel-customization-placeholder,
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"] {
+ transition: transform .3s ease-in-out; }
+
+#customization-palette {
+ transition: opacity .3s ease-in-out;
+ opacity: 0; }
+
+#customization-palette[showing="true"] {
+ opacity: 1; }
+
+toolbarpaletteitem[notransition].panel-customization-placeholder,
+toolbarpaletteitem[notransition][place="toolbar"],
+toolbarpaletteitem[notransition][place="palette"],
+toolbarpaletteitem[notransition][place="panel"] {
+ transition: none; }
+
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem > toolbaritem.panel-wide-item,
+toolbarpaletteitem > toolbarbutton[type="menu-button"] {
+ transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; }
+
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ transform: scale(1.3); }
+
+toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item,
+toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] {
+ transform: scale(1.1); }
+
+/* Override the toolkit styling for items being dragged over. */
+toolbarpaletteitem[place="toolbar"] {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin-right: 0;
+ margin-left: 0; }
+
+#customization-palette:not([hidden]) {
+ margin-bottom: 25px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
+ margin-top: 20px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 24px;
+ min-width: 24px;
+ max-height: 24px;
+ min-height: 24px;
+ padding: 4px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon {
+ opacity: 1;
+ /* To ensure these buttons always look enabled in customize mode */ }
+
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator {
+ display: none; }
+
+#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks {
+ -moz-box-pack: center;
+ min-height: 48px; }
+
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 5px; }
+
+#customization-palette > toolbarpaletteitem > label {
+ text-align: center;
+ margin-left: 0;
+ margin-right: 0; }
+
+#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent {
+ -moz-box-orient: vertical;
+ /* Make the panel padding uniform across all platforms due to the
+ styling of the section headers and footer. */
+ padding: 10px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px; }
+
+.customization-lwtheme-menu-theme {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ margin: 0 -5px 5px;
+ padding-top: 0;
+ -moz-padding-end: 5px;
+ padding-bottom: 0;
+ -moz-padding-start: 0; }
+
+.customization-lwtheme-menu-theme[defaulttheme] {
+ list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover {
+ background-color: rgba(24, 26, 27, 0.08);
+ border-color: rgba(24, 26, 27, 0.11); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover:active {
+ background-color: rgba(24, 26, 27, 0.15); }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ margin: 5px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-text {
+ text-align: start; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended {
+ padding: 10px;
+ margin-bottom: 5px; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended,
+#customization-lwtheme-menu-footer {
+ background-color: rgba(24, 26, 27, 0.05);
+ color: gray;
+ margin-right: -10px;
+ margin-left: -10px; }
+
+#customization-lwtheme-menu-header {
+ margin-top: -10px;
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-recommended {
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-footer {
+ background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box;
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ margin-bottom: -10px; }
+
+.customization-lwtheme-menu-footeritem {
+ -moz-appearance: none;
+ -moz-box-flex: 1;
+ color: gray;
+ border-style: none;
+ padding: 10px;
+ margin-left: 0;
+ margin-right: 0; }
+
+.customization-lwtheme-menu-footeritem:hover {
+ background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; }
+
+.customization-lwtheme-menu-footeritem:first-child {
+ -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); }
+
+/* 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/. */
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ margin: 0;
+ min-width: 400px;
+ max-width: 1000px;
+ min-height: 200px;
+ border-radius: 3px;
+ background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
+ border: 0px solid rgba(0, 148, 221, 0.5);
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff;
+ color: #333333; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
+ background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); }
+
+.customization-tipPanel-infoBox {
+ margin: 20px 25px 25px;
+ width: 25px;
+ background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
+ background-repeat: no-repeat; }
+
+.customization-tipPanel-content {
+ margin: 25px 0;
+ font-size: 12px;
+ line-height: 18px; }
+
+.customization-tipPanel-em {
+ margin: 0;
+ font-weight: bold; }
+
+.customization-tipPanel-contentImage {
+ margin-top: 25px;
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
+ min-width: 300px;
+ max-width: 300px;
+ min-height: 190px;
+ max-height: 190px;
+ display: -moz-box; }
+
+.customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); }
+
+.customization-tipPanel-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: #1952ab;
+ margin: 0;
+ cursor: pointer; }
+
+.customization-tipPanel-link > .button-box > .button-text {
+ margin: 0 !important; }
+
+.customization-tipPanel-closeBox > .close-icon {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-end: -25px; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); }
+
+#main-window[customize-entered] > #tab-view-deck {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-attachment: fixed; }
+
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent; }
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-color: #b5b5b5;
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top; }
+
+#main-window[customize-entered] #browser-bottombox,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
+#main-window[customize-entered] #customization-container {
+ border: 3px solid rgba(0, 0, 0, 0.1);
+ border-top-width: 0;
+ background-clip: padding-box;
+ background-origin: padding-box;
+ -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); }
+
+#main-window[customize-entered] #customization-container,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+ border-bottom-width: 0; }
+
+#main-window[customize-entered] #TabsToolbar {
+ -moz-appearance: none;
+ background-clip: padding-box;
+ border-right: 3px solid transparent;
+ border-left: 3px solid transparent; }
+
+/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
+.customization-tipPanel-closeBox > .close-icon:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); }
+
+/* End customization mode */
+#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
+ background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
+ width: 40px; }
+
+/* UI Tour */
+#UITourHighlightContainer {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ /* This is a buffer to compensate for the movement in the "wobble" effect */
+ padding: 4px; }
+
+#UITourHighlight {
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%);
+ border-radius: 40px;
+ border: 1px solid white;
+ /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
+ on Linux without an X compositor where opacity is either 0 or 1. */
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49);
+ min-height: 32px;
+ min-width: 32px; }
+
+#UITourTooltipBody {
+ -moz-margin-end: 14px; }
+
+#UITourTooltipBody > vbox {
+ padding-top: 4px; }
+
+#UITourTooltipIconContainer {
+ -moz-margin-start: -16px; }
+
+#UITourTooltipIcon {
+ width: 48px;
+ height: 48px;
+ -moz-margin-start: 28px;
+ -moz-margin-end: 28px; }
+
+#UITourTooltipTitle,
+#UITourTooltipDescription {
+ max-width: 20rem; }
+
+#UITourTooltipTitle {
+ font-size: 1.45rem;
+ font-weight: bold;
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ margin: 0 0 9px 0; }
+
+#UITourTooltipDescription {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ font-size: 1.15rem;
+ line-height: 1.8rem;
+ margin-bottom: 0;
+ /* Override global.css */ }
+
+#UITourTooltipClose {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ -moz-margin-start: 4px;
+ margin-top: -2px; }
+
+#UITourTooltipClose > .toolbarbutton-text {
+ display: none; }
+
+#UITourTooltipButtons {
+ -moz-box-pack: end;
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.14);
+ margin: 24px -16px -16px;
+ padding: 2em 15px; }
+
+#UITourTooltipButtons > button {
+ margin: 0 15px; }
+
+#UITourTooltipButtons > button:first-child {
+ -moz-margin-start: 0; }
+
+#UITourTooltipButtons > button[image] > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 5px; }
+
+#UITourTooltipButtons > button .button-text {
+ font-size: 1.15rem; }
+
+#UITourTooltipButtons > button:not(.button-link) {
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ border-radius: 3px;
+ border: 1px solid;
+ border-color: silver;
+ color: #474747;
+ padding: 4px 30px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
+ background-color: rgba(24, 26, 27, 0.15);
+ border-color: rgba(24, 26, 27, 0.15);
+ box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; }
+
+#UITourTooltipButtons > button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.35);
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#UITourTooltipButtons > button.button-link:hover {
+ color: black; }
+
+/* The primary button gets the same color as the customize button. */
+#UITourTooltipButtons > button.button-primary {
+ background-color: #74bf43;
+ color: white;
+ padding-left: 30px;
+ padding-right: 30px; }
+
+#UITourTooltipButtons > button.button-primary:not(:active):hover {
+ background-color: #69ad3d; }
+
+/* Notification overrides for Heartbeat UI */
+notification.heartbeat {
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+ height: 40px; }
+
+/* In themes/osx/global/notification.css the close icon is inverted because notifications
+ on OSX are usually dark. Heartbeat is light, so override that behaviour. */
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1); }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(1); }
+ 75% {
+ transform: scale(1.1); }
+ 100% {
+ transform: scale(1); } }
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(0.8); }
+ 100% {
+ transform: scale(1); } }
+.messageText.heartbeat {
+ color: #333333;
+ text-shadow: none;
+ -moz-margin-start: 0px;
+ /* The !important is required to override OSX default style. */
+ -moz-margin-end: 12px !important; }
+
+.messageImage.heartbeat {
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px; }
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); }
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear; }
+
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #0095DD;
+ -moz-margin-start: 0px; }
+
+.heartbeat > .text-link:hover {
+ color: #008ACB;
+ text-decoration: none; }
+
+.heartbeat > .text-link:hover:active {
+ color: #006B9D; }
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+ margin-bottom: 4px; }
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5; }
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4; }
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3; }
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2; }
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px; }
+
+.heartbeat > #star-rating-container > .star-x:hover,
+.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-lit.svg"); }
+
+#UITourHighlight {
+ /* Below are some fixes for people without an X compositor on Linux.
+ This is why we can't have nice things: */
+ /* Animations don't repaint properly without an X compositor. */
+ animation-name: none !important;
+ /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
+ background be transparent in that case by having all alpha values < 0.5 */
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%);
+ /* The highlight isn't anti-aliased without an X compositor so make it thicker.
+ Make it a darker color since we don't have the box-shadow in this case. */
+ border: 4px solid #0095dc; }
+
+#UITourTooltipDescription {
+ font-size: 1.05rem; }
+
+#UITourTooltipClose {
+ -moz-margin-end: -4px;
+ height: 16px;
+ width: 16px; }
+
+#UITourTooltipButtons {
+ margin-bottom: -10px; }
+
+#context-navigation > .menuitem-iconic {
+ -moz-box-flex: 1;
+ -moz-box-pack: center;
+ -moz-box-align: center; }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ -moz-appearance: none; }
+
+#context-back {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); }
+
+#context-back[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); }
+
+#context-back[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); }
+
+#context-forward {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); }
+
+#context-forward[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); }
+
+#context-forward[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); }
+
+#context-reload {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); }
+
+#context-reload[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); }
+
+#context-reload[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); }
+
+#context-stop {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); }
+
+#context-stop[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); }
+
+#context-stop[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); }
+
+#context-bookmarkpage {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); }
+
+#context-bookmarkpage[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); }
+
+#context-bookmarkpage[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); }
+
+#context-back:-moz-locale-dir(rtl),
+#context-forward:-moz-locale-dir(rtl),
+#context-reload:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+ margin: 7px; }
+
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ visibility: visible;
+ /* override toolkit/themes/linux/global/menu.css */
+ -moz-padding-end: 0 !important;
+ -moz-margin-end: 0 !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-darker.scss b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss
new file mode 100644
index 0000000..1a5a601
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-darker.scss
@@ -0,0 +1,7 @@
+$variant: 'light';
+$transparency: 'true';
+$darker: 'true';
+
+@import "_colors";
+@import "_drawing";
+@import "_browser-sass";
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.css b/arc-firefox-theme/chrome/browser/sass/browser-light.css
new file mode 100644
index 0000000..61027ab
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.css
@@ -0,0 +1,4520 @@
+@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");
+@namespace svg url("http://www.w3.org/2000/svg");
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+:root {
+ --toolbarbutton-hover-background: #fbfbfc;
+ --toolbarbutton-hover-boxshadow: none;
+ --toolbarbutton-hover-bordercolor: #5294E2;
+ --toolbarbutton-active-boxshadow: none;
+ --toolbarbutton-active-bordercolor: #5294E2;
+ --toolbarbutton-active-background: #5294E2;
+ --toolbarbutton-checkedhover-backgroundcolor: #5294E2;
+ --toolbarbutton-combined-boxshadow: none;
+ --toolbarbutton-combined-backgroundimage: linear-gradient(rgba(23, 51, 79, 0.2) 0, rgba(23, 51, 79, 0.2) 18px);
+ --verified-identity-box-backgroundcolor: transparent; }
+
+#menubar-items {
+ -moz-box-orient: vertical;
+ /* for flex hack */ }
+
+#main-menubar {
+ -moz-box-flex: 1;
+ /* make menu items expand to fill toolbar height */ }
+
+#navigator-toolbox {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-top: none; }
+
+#navigator-toolbox::after {
+ content: "";
+ display: -moz-box;
+ -moz-box-ordinal-group: 101;
+ /* tabs toolbar is 100 */
+ height: 1px;
+ background-color: #dcdfe3; }
+
+#navigator-toolbox > toolbar:not(:-moz-lwtheme):not(#toolbar-menubar):not(#TabsToolbar) {
+ -moz-appearance: none;
+ border-style: none;
+ background-color: -moz-Dialog; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar) {
+ padding-top: 1px;
+ padding-bottom: 1px; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar) {
+ overflow: -moz-hidden-unscrollable;
+ max-height: 4em;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out; }
+
+#navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(#nav-bar):not(#addon-bar)[collapsed=true] {
+ min-height: 0.1px;
+ max-height: 0;
+ transition: min-height 170ms ease-out, max-height 170ms ease-out, visibility 170ms linear; }
+
+#TabsToolbar:not([collapsed="true"]) + #nav-bar {
+ border-top: 1px solid rgba(203, 205, 212, 0.95) !important;
+ background-clip: padding-box;
+ margin-top: -1px;
+ /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
+ /* Position the toolbar above the bottom of background tabs */
+ position: relative;
+ z-index: 1; }
+
+#main-window[htitlemode=always] #TabsToolbar {
+ box-shadow: inset 0 1px rgba(239, 240, 242, 0.95) !important; }
+
+#nav-bar {
+ background-image: none !important;
+ background-color: #F5F6F7 !important;
+ box-shadow: none;
+ padding-top: 3px;
+ padding-bottom: 3px; }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(-5px, 12px, 11px, -4px); }
+
+/* This only has an effect when this element is placed on the bookmarks toolbar.
+ * It's 30px to make sure buttons with 18px icons fit along with the default 16px
+ * icons, without changing the size of the toolbar.
+ */
+#personal-bookmarks {
+ min-height: 30px; }
+
+#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:not(.subviewbutton),
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder {
+ margin: 1px;
+ padding: 2px 3px; }
+
+toolbarbutton.bookmark-item:not(.subviewbutton):not(:hover):not(:active):not([open]) {
+ color: inherit; }
+
+.bookmark-item:not(#home-button) > .toolbarbutton-icon,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+/* Force the display of the label for bookmarks */
+.bookmark-item > .toolbarbutton-text,
+#personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .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; }
+
+#bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png") !important; }
+
+toolbarpaletteitem[place="palette"] > #personal-bookmarks > #bookmarks-toolbar-placeholder,
+#personal-bookmarks[cui-areatype="menu-panel"] > #bookmarks-toolbar-placeholder {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar-menuPanel.png") !important; }
+
+toolbarbutton.bookmark-item {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ background: none;
+ color: #5c616c; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):hover {
+ -moz-appearance: none;
+ color: #5c616c;
+ background-color: #fbfbfc;
+ border: 1px solid #5294E2; }
+
+toolbarbutton.bookmark-item:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ -moz-appearance: none;
+ color: #ffffff;
+ background-color: #5294E2;
+ border: 1px solid #5294E2; }
+
+/* ----- BOOKMARK STAR ANIMATION ----- */
+@keyframes animation-bookmarkAdded {
+ from {
+ transform: rotate(0deg) translateX(-16px) rotate(0deg) scale(1);
+ opacity: 0; }
+ 60% {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(2.2);
+ opacity: 1; }
+ 80% {
+ opacity: 1; }
+ to {
+ transform: rotate(180deg) translateX(-16px) rotate(-180deg) scale(1);
+ opacity: 0; } }
+@keyframes animation-bookmarkPulse {
+ from {
+ transform: scale(1); }
+ 50% {
+ transform: scale(1.3); }
+ to {
+ transform: scale(1); } }
+#bookmarked-notification-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ z-index: 5;
+ position: relative; }
+
+#bookmarked-notification {
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px;
+ opacity: 0; }
+
+#bookmarked-notification-dropmarker-anchor {
+ z-index: -1;
+ position: relative; }
+
+#bookmarked-notification-dropmarker-icon {
+ width: 18px;
+ height: 18px;
+ visibility: hidden; }
+
+#bookmarked-notification-anchor[notification="finish"] > #bookmarked-notification {
+ background-image: url("chrome://browser/skin/places/bookmarks-notification-finish.png");
+ animation: animation-bookmarkAdded 800ms;
+ animation-timing-function: ease, ease, ease; }
+
+#bookmarks-menu-button[notification="finish"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: none !important; }
+
+#bookmarked-notification-dropmarker-anchor[notification="finish"] > #bookmarked-notification-dropmarker-icon {
+ visibility: visible;
+ animation: animation-bookmarkPulse 300ms;
+ animation-delay: 600ms;
+ animation-timing-function: ease-out; }
+
+/* Bookmark menus */
+menu.bookmark-item,
+menuitem.bookmark-item {
+ min-width: 0;
+ max-width: 32em; }
+
+.bookmark-item:not(.subviewbutton) > .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"); }
+
+#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); }
+
+#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); }
+
+#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"); }
+
+#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"); }
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu"); }
+
+#menu_print,
+#context-printframe {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu"); }
+
+#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"); }
+
+#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"); }
+
+#menu_preferences {
+ list-style-image: url("moz-icon://stock/gtk-preferences?size=menu"); }
+
+#placesContext_reload,
+#context-reloadframe {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu"); }
+
+#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"); }
+
+#menu_showAllHistory {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 32px 16px 16px); }
+
+#bookmarksShowAll {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 48px 16px 32px); }
+
+#subscribeToPageMenuitem:not([disabled]),
+#subscribeToPageMenupopup,
+#BMB_subscribeToPageMenuitem:not([disabled]),
+#BMB_subscribeToPageMenupopup {
+ list-style-image: url("chrome://browser/skin/page-livemarks.png"); }
+
+#bookmarksToolbarFolderMenu,
+#BMB_bookmarksToolbar,
+#panelMenu_bookmarksToolbar {
+ list-style-image: url("chrome://browser/skin/places/bookmarksToolbar.png"); }
+
+#BMB_unsortedBookmarks,
+#panelMenu_unsortedBookmarks {
+ list-style-image: url("chrome://browser/skin/places/unsortedBookmarks.png"); }
+
+#menu_readingList,
+#BMB_readingList {
+ list-style-image: url("chrome://browser/skin/readinglist/readinglist-icon.svg"); }
+
+#panelMenu_pocket,
+#menu_pocket,
+#BMB_pocket {
+ list-style-image: url("chrome://browser/content/pocket/panels/img/pocketmenuitem16.png"); }
+
+#menu_openDownloads {
+ list-style-image: url("chrome://browser/skin/Toolbar-small.png");
+ -moz-image-region: rect(0px 16px 16px 0px); }
+
+#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"); }
+
+#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"); }
+
+#sanitizeItem {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu"); }
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu"); }
+
+#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 */
+.findbar-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 {
+ -moz-appearance: none; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+.findbar-button > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-icon {
+ -moz-margin-end: 0;
+ padding: 2px 6px;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)) > .toolbarbutton-menubutton-button > .toolbarbutton-icon {
+ padding: 3px 7px; }
+
+/* Help SDK icons fit: */
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon,
+toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ width: 16px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-icon {
+ /* XXXgijs box models strike again: this is 16px + 2 * 7px padding + 2 * 1px border (from the rules above) */
+ width: 32px; }
+
+#nav-bar #PanelUI-menu-button {
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px; }
+
+#nav-bar #PanelUI-button,
+#nav-bar[brighttext] #PanelUI-button {
+ background: none;
+ border-image: url("chrome://browser/skin/custom_images/navbar-separator.png") 0 0 0 2/0 0 0 2px; }
+
+.findbar-button:not(:-moz-any([checked="true"], [disabled="true"])):hover > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background: var(--toolbarbutton-hover-background);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-hover-bordercolor);
+ box-shadow: var(--toolbarbutton-hover-boxshadow); }
+
+#TabsToolbar .toolbarbutton-1[open]:not([disabled=true]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):not([open]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
+ background-color: none;
+ color: rgba(82, 93, 118, 0.8);
+ border-color: rgba(82, 93, 118, 0.1);
+ background-color: rgba(251, 251, 252, 0.9); }
+
+.findbar-button:not([disabled=true]):-moz-any([checked="true"], :hover:active) > .toolbarbutton-text,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([open="true"]) > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: var(--toolbarbutton-active-background);
+ box-shadow: var(--toolbarbutton-active-boxshadow);
+ border-width: 1px;
+ border-style: solid;
+ border-color: var(--toolbarbutton-active-bordercolor);
+ transition-duration: 10ms; }
+
+#TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any(:hover:active, [open="true"]) > .toolbarbutton-icon,
+#TabsToolbar .toolbarbutton-1[open="true"] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-badge-container,
+#TabsToolbar .toolbarbutton-1:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ background: none;
+ color: #ffffff;
+ border-color: #5294E2;
+ background-color: #5294E2; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon {
+ background-color: var(--toolbarbutton-checkedhover-backgroundcolor);
+ transition: background-color 150ms; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button[open],
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-button:hover:active,
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:hover:active {
+ padding: 3px; }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
+ content: "";
+ display: -moz-box;
+ width: 1px;
+ height: 18px;
+ -moz-margin-end: -1px;
+ background-image: var(--toolbarbutton-combined-backgroundimage);
+ background-clip: padding-box;
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: 1px 18px;
+ box-shadow: var(--toolbarbutton-combined-boxshadow); }
+
+:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
+ -moz-margin-start: -4px; }
+
+#back-button > menupopup {
+ margin-top: -1px; }
+
+#back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#forward-button {
+ margin-left: 2px;
+ margin-right: 2px;
+ padding: 0; }
+
+/* tabview menu item */
+#menu_tabview {
+ list-style-image: url(chrome://browser/skin/tabview/tabview.png);
+ -moz-image-region: rect(0, 80px, 16px, 64px); }
+
+#menu_tabview[groups="0"] {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#menu_tabview[groups="1"] {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#menu_tabview[groups="2"] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+#menu_tabview[groups="3"] {
+ -moz-image-region: rect(0, 64px, 16px, 48px); }
+
+/* undo close tab menu item */
+#alltabs_undoCloseTab {
+ list-style-image: url(chrome://browser/skin/undoCloseTab.png); }
+
+.unified-nav-back[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu") !important; }
+
+.unified-nav-back[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive] {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu") !important; }
+
+.unified-nav-forward[_moz-menuactive]:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu") !important; }
+
+/* Menu panel buttons */
+:-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button),
+#bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"); }
+ #TabsToolbar :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button), #TabsToolbar
+ #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"); }
+
+#nav-bar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #back-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #forward-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #home-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #print-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #downloads-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-tab-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #new-window-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #fullscreen-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sync-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #feed-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #tabview-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #social-share-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #open-file-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #find-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #developer-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #preferences-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #privatebrowsing-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #save-page-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #add-ons-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #history-panelmenu:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #nav-bar-overflow-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #PanelUI-menu-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #characterencoding-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #email-link-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #sidebar-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-out-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-reset-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #zoom-in-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #cut-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #copy-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #paste-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #e10s-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #panic-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #web-apps-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #webide-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #loop-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #nav-bar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active), #TabsToolbar #pocket-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .dropmarker-icon,
+#nav-bar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon,
+#TabsToolbar #bookmarks-menu-button > .toolbarbutton-menubutton-button:not([disabled=true]):-moz-any([open], [checked], :hover:active) > .toolbarbutton-icon {
+ list-style-image: url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"); }
+
+#back-button {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#forward-button {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#home-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 144px, 18px, 126px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"][starred] {
+ -moz-image-region: rect(0, 162px, 18px, 144px); }
+
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
+ -moz-image-region: rect(0, 630px, 18px, 612px); }
+
+#history-panelmenu[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 180px, 18px, 162px); }
+
+#downloads-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 198px, 18px, 180px); }
+
+#add-ons-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 216px, 18px, 198px); }
+
+#open-file-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 234px, 18px, 216px); }
+
+#save-page-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 252px, 18px, 234px); }
+
+#sync-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 270px, 18px, 252px); }
+
+#sync-button[cui-areatype="toolbar"][status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar.png");
+ -moz-image-region: rect(0, 18px, 18px, 0px); }
+
+toolbar[brighttext] #sync-button[status="active"] {
+ list-style-image: url("chrome://browser/skin/syncProgress-toolbar-inverted.png"); }
+
+#feed-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 288px, 18px, 270px); }
+
+#social-share-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0px, 306px, 18px, 288px); }
+
+#characterencoding-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 324px, 18px, 306px); }
+
+#new-window-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 342px, 18px, 324px); }
+
+#e10s-button > .toolbarbutton-icon {
+ transform: scaleY(-1); }
+
+#new-tab-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 360px, 18px, 342px); }
+
+#privatebrowsing-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 378px, 18px, 360px); }
+
+#find-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 396px, 18px, 378px); }
+
+#print-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 414px, 18px, 396px); }
+
+#fullscreen-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 432px, 18px, 414px); }
+
+#developer-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 450px, 18px, 432px); }
+
+#preferences-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#PanelUI-menu-button {
+ -moz-image-region: rect(0, 486px, 18px, 468px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #cut-button {
+ -moz-image-region: rect(0, 504px, 18px, 486px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #copy-button {
+ -moz-image-region: rect(0, 522px, 18px, 504px); }
+
+#edit-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #paste-button {
+ -moz-image-region: rect(0, 540px, 18px, 522px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-out-button {
+ -moz-image-region: rect(0, 558px, 18px, 540px); }
+
+#zoom-controls:not(:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true])) > #zoom-in-button {
+ -moz-image-region: rect(0, 576px, 18px, 558px); }
+
+#nav-bar-overflow-button {
+ -moz-image-region: rect(0, 612px, 18px, 594px); }
+
+#nav-bar-overflow-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#tabview-button {
+ -moz-image-region: rect(0, 648px, 18px, 630px); }
+
+#email-link-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 666px, 18px, 648px); }
+
+#sidebar-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 684px, 18px, 666px); }
+
+#panic-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 702px, 18px, 684px); }
+
+#panic-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 702px, 36px, 684px); }
+
+#panic-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#web-apps-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 720px, 18px, 702px); }
+
+#loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar.png);
+ -moz-image-region: rect(0, 18px, 18px, 0); }
+
+toolbar[brighttext] #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/toolbar-inverted.png); }
+
+#loop-button[state="disabled"] > .toolbarbutton-badge-container,
+#loop-button[disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 36px, 18px, 18px); }
+
+#loop-button:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 54px, 18px, 36px); }
+
+#loop-button:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 72px, 18px, 54px); }
+
+#loop-button:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 90px, 18px, 72px); }
+
+#loop-button:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 108px, 18px, 90px); }
+
+#loop-button:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 126px, 18px, 108px); }
+
+#webide-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 738px, 18px, 720px); }
+
+#pocket-button[cui-areatype="toolbar"] {
+ -moz-image-region: rect(0, 774px, 18px, 756px); }
+
+#pocket-button[cui-areatype="toolbar"][open] {
+ -moz-image-region: rect(18px, 774px, 36px, 756px); }
+
+/* Menu panel and palette styles */
+:root {
+ --menupanel-list-style-image: url(chrome://browser/skin/menuPanel.png);
+ --menupanel-list-style-image-2x: url(chrome://browser/skin/menuPanel@2x.png);
+ --menupanel-small-list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ --menupanel-small-list-style-image-2x: url(chrome://browser/skin/menuPanel-small@2x.png); }
+
+@media not all and (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 192px, 64px, 160px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 224px, 32px, 192px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 224px, 64px, 192px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 256px, 32px, 224px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 288px, 32px, 256px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 320px, 32px, 288px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 352px, 32px, 320px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 384px, 32px, 352px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 416px, 32px, 384px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 416px, 64px, 384px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 448px, 32px, 416px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0px, 480px, 32px, 448px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 480px, 64px, 448px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 512px, 32px, 480px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 544px, 32px, 512px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 576px, 32px, 544px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 608px, 32px, 576px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 640px, 32px, 608px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 672px, 32px, 640px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 704px, 32px, 672px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 736px, 32px, 704px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 736px, 64px, 704px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 768px, 32px, 736px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0, 800px, 32px, 768px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0, 864px, 32px, 832px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 864px, 64px, 832px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 896px, 32px, 864px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 896px, 64px, 864px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 928px, 32px, 896px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 960px, 32px, 928px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 992px, 32px, 960px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(32px, 992px, 64px, 960px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 832px, 32px, 800px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 32px, 32px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 32px, 96px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 160px, 32px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 32px, 160px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 224px, 32px, 192px); }
+
+ /* Wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 80px, 16px, 64px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 96px, 16px, 80px); }
+
+ #add-share-provider {
+ list-style-image: url(chrome://browser/skin/menuPanel-small.png);
+ -moz-image-region: rect(0px, 96px, 16px, 80px); } }
+/* Menu panel and palette styles */
+@media (min-resolution: 1.1dppx) {
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton,
+ :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button)[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > :-moz-any(#back-button, #forward-button, #home-button, #print-button, #downloads-button, #bookmarks-menu-button, #new-tab-button, #new-window-button, #fullscreen-button, #sync-button, #feed-button, #tabview-button, #social-share-button, #open-file-button, #find-button, #developer-button, #preferences-button, #privatebrowsing-button, #save-page-button, #add-ons-button, #history-panelmenu, #nav-bar-overflow-button, #PanelUI-menu-button, #characterencoding-button, #email-link-button, #sidebar-button, #zoom-out-button, #zoom-reset-button, #zoom-in-button, #cut-button, #copy-button, #paste-button, #e10s-button, #panic-button, #web-apps-button, #webide-button, #loop-button, #pocket-button) {
+ list-style-image: var(--menupanel-list-style-image-2x); }
+
+ #home-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #home-button {
+ -moz-image-region: rect(0px, 256px, 64px, 192px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #bookmarks-menu-button {
+ -moz-image-region: rect(0px, 384px, 64px, 320px); }
+
+ #bookmarks-menu-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 384px, 128px, 320px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #history-panelmenu {
+ -moz-image-region: rect(0px, 448px, 64px, 384px); }
+
+ #history-panelmenu[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 448px, 128px, 384px); }
+
+ #downloads-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #downloads-button {
+ -moz-image-region: rect(0px, 512px, 64px, 448px); }
+
+ #add-ons-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #add-ons-button {
+ -moz-image-region: rect(0px, 576px, 64px, 512px); }
+
+ #open-file-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #open-file-button {
+ -moz-image-region: rect(0px, 640px, 64px, 576px); }
+
+ #save-page-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #save-page-button {
+ -moz-image-region: rect(0px, 704px, 64px, 640px); }
+
+ #sync-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sync-button {
+ -moz-image-region: rect(0px, 768px, 64px, 704px); }
+
+ #sync-button[cui-areatype="menu-panel"][status="active"] {
+ list-style-image: url(chrome://browser/skin/syncProgress-menuPanel@2x.png);
+ -moz-image-region: rect(0px, 64px, 64px, 0px); }
+
+ #feed-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #feed-button {
+ -moz-image-region: rect(0px, 832px, 64px, 768px); }
+
+ #feed-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 832px, 128px, 768px); }
+
+ #social-share-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #social-share-button {
+ -moz-image-region: rect(0px, 896px, 64px, 832px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #characterencoding-button {
+ -moz-image-region: rect(0, 960px, 64px, 896px); }
+
+ #characterencoding-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 960px, 128px, 896px); }
+
+ #new-window-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-window-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #e10s-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #e10s-button {
+ -moz-image-region: rect(0px, 1024px, 64px, 960px); }
+
+ #webide-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #webide-button {
+ -moz-image-region: rect(0px, 1920px, 64px, 1856px); }
+
+ #pocket-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #pocket-button {
+ -moz-image-region: rect(0px, 1984px, 64px, 1920px); }
+
+ #pocket-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1984px, 128px, 1920px); }
+
+ #loop-button[cui-areatype="menu-panel"] > .toolbarbutton-badge-container,
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ list-style-image: url(chrome://browser/skin/loop/menuPanel@2x.png);
+ -moz-image-region: rect(0, 64px, 64px, 0); }
+
+ /* Make sure that the state icons are not shown in the customization palette. */
+ toolbarpaletteitem[place="palette"] > #loop-button > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 64px, 64px, 0) !important; }
+
+ #loop-button[cui-areatype="menu-panel"][state="disabled"] > .toolbarbutton-badge-container,
+ #loop-button[cui-areatype="menu-panel"][disabled="true"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 128px, 64px, 64px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="error"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 192px, 64px, 128px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 256px, 64px, 192px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="action"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 320px, 64px, 256px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"] > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 384px, 64px, 320px); }
+
+ #loop-button[cui-areatype="menu-panel"]:not([disabled="true"])[state="active"]:-moz-any(:hover, :hover:active, [open]) > .toolbarbutton-badge-container {
+ -moz-image-region: rect(0, 448px, 64px, 384px); }
+
+ #new-tab-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #new-tab-button {
+ -moz-image-region: rect(0px, 1088px, 64px, 1024px); }
+
+ #privatebrowsing-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #privatebrowsing-button {
+ -moz-image-region: rect(0px, 1152px, 64px, 1088px); }
+
+ #tabview-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #tabview-button {
+ -moz-image-region: rect(0px, 1216px, 64px, 1152px); }
+
+ #find-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #find-button {
+ -moz-image-region: rect(0px, 1280px, 64px, 1216px); }
+
+ #print-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #print-button {
+ -moz-image-region: rect(0px, 1344px, 64px, 1280px); }
+
+ #fullscreen-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #fullscreen-button {
+ -moz-image-region: rect(0px, 1408px, 64px, 1344px); }
+
+ #developer-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #developer-button {
+ -moz-image-region: rect(0px, 1472px, 64px, 1408px); }
+
+ #developer-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1472px, 128px, 1408px); }
+
+ #preferences-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #preferences-button {
+ -moz-image-region: rect(0px, 1536px, 64px, 1472px); }
+
+ #email-link-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #email-link-button {
+ -moz-image-region: rect(0px, 1600px, 64px, 1536px); }
+
+ #sidebar-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #sidebar-button {
+ -moz-image-region: rect(0px, 1728px, 64px, 1664px); }
+
+ #sidebar-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1728px, 128px, 1664px); }
+
+ #panic-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #panic-button {
+ -moz-image-region: rect(0, 1792px, 64px, 1728px); }
+
+ #panic-button[cui-areatype="menu-panel"][panel-multiview-anchor=true] {
+ -moz-image-region: rect(64px, 1792px, 128px, 1728px); }
+
+ #web-apps-button[cui-areatype="menu-panel"],
+ toolbarpaletteitem[place="palette"] > #web-apps-button {
+ -moz-image-region: rect(0, 1856px, 64px, 1792px); }
+
+ toolbaritem[sdkstylewidget="true"] > toolbarbutton {
+ -moz-image-region: rect(0, 1664px, 64px, 1600px); }
+
+ /* Footer and wide panel control icons */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton {
+ list-style-image: var(--menupanel-small-list-style-image-2x); }
+
+ /* Wide items like the Cut/Copy/Paste and Zoom controls are special in that their icons
+ are 16x16 when in the panel, but 18x18 when in a toolbar. */
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #cut-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #cut-button {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #copy-button {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #paste-button,
+ toolbarpaletteitem[place="palette"] > #edit-controls > #paste-button {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-out-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-out-button {
+ -moz-image-region: rect(0px, 160px, 32px, 128px); }
+
+ #zoom-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #zoom-in-button,
+ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
+ -moz-image-region: rect(0px, 192px, 32px, 160px); } }
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menu-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-dropmarker,
+#main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#main-window:not([customizing]) .toolbarbutton-1 > .toolbarbutton-menubutton-button[disabled=true] > .toolbarbutton-icon {
+ opacity: 0.4; }
+
+/* Fullscreen window controls */
+#window-controls {
+ -moz-box-align: start;
+ -moz-margin-start: 10px; }
+
+#close-button, #restore-button, #minimize-button {
+ padding: 2px 4px;
+ -moz-appearance: none; }
+
+#close-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close.svg"); }
+ #close-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close_prelight.svg"); }
+ #close-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/close_pressed.svg"); }
+
+#restore-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize.svg"); }
+ #restore-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize_prelight.svg"); }
+ #restore-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/maximize_pressed.svg"); }
+
+#minimize-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize.svg"); }
+ #minimize-button:hover {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_prelight.svg"); }
+ #minimize-button:active {
+ list-style-image: url("chrome://browser/skin/custom_images/light/window-controls/minimize_pressed.svg"); }
+
+/* Location bar */
+#urlbar,
+.searchbar-textbox {
+ -moz-appearance: none;
+ padding: 3px 5px;
+ border-radius: 20px;
+ margin: 0 3px;
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ color: #5c616c;
+ background-color: #ffffff;
+ border: 1px solid #cfd6e6; }
+
+#urlbar[focused],
+.searchbar-textbox[focused] {
+ box-shadow: inset 0 0 rgba(255, 255, 255, 0);
+ color: #5c616c;
+ background-color: #ffffff;
+ border: 1px solid #5294E2; }
+
+.urlbar-textbox-container {
+ -moz-appearance: none;
+ -moz-box-align: center; }
+
+.urlbar-input-box {
+ -moz-margin-start: 0; }
+
+.urlbar-history-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown; }
+
+#urlbar-container {
+ -moz-box-align: center; }
+
+#urlbar-icons {
+ -moz-box-align: center; }
+
+#urlbar-search-splitter {
+ -moz-appearance: none;
+ width: 8px; }
+
+#urlbar-display-box {
+ margin-top: -1px;
+ margin-bottom: -1px;
+ -moz-border-end: 1px solid red;
+ -moz-margin-end: 3px; }
+
+.urlbar-display {
+ margin-top: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 0;
+ color: GrayText; }
+
+#search-container {
+ min-width: calc(54px + 11ch); }
+
+/* identity box */
+#identity-box {
+ padding: 1px;
+ font-size: .9em; }
+
+#identity-box:-moz-locale-dir(ltr) {
+ border-top-left-radius: 1.5px;
+ border-bottom-left-radius: 1.5px; }
+
+#identity-box:-moz-locale-dir(rtl) {
+ border-top-right-radius: 1.5px;
+ border-bottom-right-radius: 1.5px; }
+
+#notification-popup-box:not([hidden]) + #identity-box {
+ border-radius: 0; }
+
+window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box {
+ border-radius: 0; }
+
+/* forward button hiding is delayed when hovered */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+/* when not hovered anymore, trigger a new non-delayed transition to react to the forward button hiding */
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ -moz-margin-end: 4px; }
+
+#identity-box.verifiedIdentity:not(:-moz-lwtheme) {
+ background-color: var(--verified-identity-box-backgroundcolor); }
+
+#identity-box:-moz-focusring {
+ outline: 1px dotted #000;
+ outline-offset: -3px; }
+
+#identity-icon-labels {
+ -moz-padding-start: 2px;
+ -moz-padding-end: 5px; }
+
+:root {
+ --identity-box-verified-color: #479900;
+ --identity-box-verified-background-image: linear-gradient(transparent 15%, rgba(39, 74, 8, 0.2) 15%, rgba(39, 74, 8, 0.2) 85%, transparent 85%);
+ --identity-box-chrome-color: #e57300;
+ --identity-box-chrome-background-image: linear-gradient(transparent 15%, rgba(229, 114, 0, 0.5) 15%, rgba(229, 114, 0, 0.5) 85%, transparent 85%); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI,
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ background-position: right;
+ background-size: 1px;
+ background-repeat: no-repeat; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI:-moz-locale-dir(rtl),
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity:-moz-locale-dir(rtl) {
+ background-position: left; }
+
+#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity {
+ color: var(--identity-box-verified-color);
+ background-image: var(--identity-box-verified-background-image); }
+
+#urlbar[pageproxystate="valid"] > #identity-box.chromeUI {
+ color: var(--identity-box-chrome-color);
+ background-image: var(--identity-box-chrome-background-image); }
+
+/* page proxy icon */
+#page-proxy-favicon {
+ width: 16px;
+ height: 16px;
+ list-style-image: url(chrome://browser/skin/identity-icons-generic.png); }
+
+.chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand.png); }
+
+.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); }
+
+.mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+.mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display.png); }
+
+#page-proxy-favicon[pageproxystate="invalid"] {
+ opacity: 0.3; }
+
+#identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon64.png"); }
+
+#identity-popup-brandName {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-top: .5em;
+ margin-bottom: .5em; }
+
+#identity-popup-content-box {
+ max-width: 50ch; }
+
+@media not all and (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+ #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); } }
+@media (min-resolution: 1.1dppx) {
+ #page-proxy-favicon {
+ list-style-image: url(chrome://browser/skin/identity-icons-generic@2x.png);
+ -moz-image-region: rect(0, 32px, 32px, 0); }
+
+ .chromeUI > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://branding/content/identity-icons-brand@2x.png); }
+
+ .verifiedDomain > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https@2x.png); }
+
+ .verifiedIdentity > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-ev@2x.png); }
+
+ .mixedActiveContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-active@2x.png); }
+
+ .mixedDisplayContent > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ .mixedDisplayContentLoadedActiveBlocked > #page-proxy-favicon[pageproxystate="valid"] {
+ list-style-image: url(chrome://browser/skin/identity-icons-https-mixed-display@2x.png); }
+
+ #identity-box:hover > #page-proxy-favicon {
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+ #identity-box:hover:active > #page-proxy-favicon,
+ #identity-box[open=true] > #page-proxy-favicon {
+ -moz-image-region: rect(0, 96px, 32px, 64px); }
+
+ #identity-popup.chromeUI > #identity-popup-container > #identity-popup-icon {
+ list-style-image: url("chrome://branding/content/icon128.png");
+ -moz-image-region: rect(0, 128px, 128px, 0); } }
+#page-proxy-favicon {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 1px; }
+
+/* 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-help-icon {
+ -moz-appearance: none;
+ margin-left: 0px;
+ border: none;
+ background: none;
+ min-width: 0;
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=16");
+ cursor: pointer; }
+
+#identity-popup-help-icon > .button-box > .button-text {
+ display: none; }
+
+#identity-popup-help-icon > .button-box > .button-icon {
+ height: 16px;
+ width: 16px; }
+
+#identity-popup-help-icon:-moz-focusring {
+ outline: 1px dotted;
+ outline-offset: 1px; }
+
+#identity-popup > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#identity-popup-container {
+ min-width: 280px;
+ padding: 10px; }
+
+#identity-popup-button-container {
+ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 60%, transparent);
+ padding: 10px;
+ margin-top: 5px; }
+
+.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-blocked"],
+.popup-notification-icon[popupid="addon-install-failed"],
+.popup-notification-icon[popupid="addon-install-confirmation"],
+.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); }
+
+.popup-notification-icon[popupid="indexedDB-permissions-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="webapps-install-progress"],
+.popup-notification-icon[popupid="webapps-install"] {
+ list-style-image: url(chrome://global/skin/icons/webapps-64.png); }
+
+.popup-notification-icon[popupid="bad-content"] {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-64.png); }
+
+.popup-notification-icon[popupid="bad-content"][mixedblockdisabled],
+.popup-notification-icon[popupid="bad-content"][trackingblockdisabled] {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingDevices"],
+.popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+.popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64.png); }
+
+.popup-notification-icon[popupid="webRTC-sharingScreen"],
+.popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64.png); }
+
+.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: transparent;
+ background-clip: padding-box;
+ padding-left: 1px;
+ border-width: 0 8px 0 0;
+ border-style: solid;
+ border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 fill; }
+
+#notification-popup-box:-moz-locale-dir(rtl),
+.notification-anchor-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+.notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=16);
+ width: 16px;
+ height: 16px;
+ margin: 0 2px; }
+
+.identity-notification-icon,
+#identity-notification-icon {
+ list-style-image: url(chrome://mozapps/skin/profile/profileicon.png);
+ /* XXX: need HiDPI version */ }
+
+.geo-notification-icon,
+#geo-notification-icon {
+ list-style-image: url(chrome://browser/skin/Geolocation-16.png); }
+
+#push-notification-icon {
+ list-style-image: url(chrome://browser/skin/Push-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); }
+
+.webapps-notification-icon,
+#webapps-notification-icon {
+ list-style-image: url(chrome://global/skin/icons/webapps-16.png); }
+
+#plugins-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-pluginNormal.png); }
+
+#plugins-notification-icon.plugin-hidden {
+ list-style-image: url(chrome://browser/skin/notification-pluginAlert.png); }
+
+#plugins-notification-icon.plugin-blocked {
+ list-style-image: url(chrome://browser/skin/notification-pluginBlocked.png); }
+
+#plugins-notification-icon {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#plugins-notification-icon:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#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; }
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both; }
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0; }
+ to {
+ opacity: 1; } }
+.bad-content-blocked-notification-icon,
+#bad-content-blocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-blocked-16.png); }
+
+.bad-content-unblocked-notification-icon,
+#bad-content-unblocked-notification-icon {
+ list-style-image: url(chrome://browser/skin/bad-content-unblocked-16.png); }
+
+.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); }
+
+.webRTC-shareMicrophone-notification-icon,
+#webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16.png); }
+
+.webRTC-sharingMicrophone-notification-icon,
+#webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16.png); }
+
+.webRTC-shareScreen-notification-icon,
+#webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.png); }
+
+.webRTC-sharingScreen-notification-icon,
+#webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16.png); }
+
+.web-notifications-notification-icon,
+#web-notifications-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-16.png); }
+
+.pointerLock-notification-icon,
+#pointerLock-notification-icon {
+ list-style-image: url(chrome://browser/skin/pointerLock-16.png); }
+
+.translate-notification-icon,
+#translate-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.translated-notification-icon,
+#translated-notification-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+.popup-notification-icon[popupid="servicesInstall"] {
+ list-style-image: url(chrome://browser/skin/social/services-64.png); }
+
+#servicesInstall-notification-icon {
+ list-style-image: url(chrome://browser/skin/social/services-16.png); }
+
+/* EME notifications */
+.popup-notification-icon[popupid="drmContentPlaying"],
+#eme-notification-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#eme-notification-icon:hover:active {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains-pressed"); }
+
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal; }
+
+@keyframes emeTeachingMoment {
+ 0% {
+ transform: translateX(0); }
+ 25% {
+ transform: translateX(3px); }
+ 75% {
+ transform: translateX(-3px); }
+ 100% {
+ transform: translateX(0); } }
+/* HiDPI notification icons */
+@media (min-resolution: 1.1dppx) {
+ #notification-popup-box {
+ border-image: url("chrome://browser/skin/urlbar-arrow@2x.png") 0 16 0 0 fill; }
+
+ .notification-anchor-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-info?size=dialog); }
+
+ .webRTC-shareDevices-notification-icon,
+ #webRTC-shareDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-16@2x.png); }
+
+ .webRTC-sharingDevices-notification-icon,
+ #webRTC-sharingDevices-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingDevice-16@2x.png); }
+
+ .webRTC-shareMicrophone-notification-icon,
+ #webRTC-shareMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-16@2x.png); }
+
+ .webRTC-sharingMicrophone-notification-icon,
+ #webRTC-sharingMicrophone-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingMicrophone-16@2x.png); }
+
+ .webRTC-shareScreen-notification-icon,
+ #webRTC-shareScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16@2x.png); }
+
+ .webRTC-sharingScreen-notification-icon,
+ #webRTC-sharingScreen-notification-icon {
+ list-style-image: url(chrome://browser/skin/webRTC-sharingScreen-16@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingDevices"],
+ .popup-notification-icon[popupid="webRTC-shareDevices"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareDevice-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingMicrophone"],
+ .popup-notification-icon[popupid="webRTC-shareMicrophone"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareMicrophone-64@2x.png); }
+
+ .popup-notification-icon[popupid="webRTC-sharingScreen"],
+ .popup-notification-icon[popupid="webRTC-shareScreen"] {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-64@2x.png); } }
+.popup-notification-body[popupid="addon-progress"],
+.popup-notification-body[popupid="addon-install-confirmation"] {
+ width: 28em;
+ max-width: 28em; }
+
+.addon-install-confirmation-name {
+ font-weight: bold; }
+
+/* Notification icon box */
+#notification-popup-box {
+ border-radius: 2.5px 0 0 2.5px;
+ margin-top: -1px;
+ margin-bottom: -1px; }
+
+.notification-anchor-icon:-moz-focusring {
+ outline: 1px dotted -moz-DialogText; }
+
+.indexedDB-notification-icon,
+#indexedDB-notification-icon {
+ list-style-image: url(moz-icon://stock/gtk-dialog-question?size=16); }
+
+#pointerLock-cancel {
+ margin: 0px; }
+
+/* Translation infobar */
+notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); } }
+notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16.png);
+ -moz-image-region: auto; }
+
+@media (min-resolution: 1.25dppx) {
+ notification[value="translation"][state="translating"] .messageImage {
+ list-style-image: url(chrome://browser/skin/translating-16@2x.png); } }
+notification[value="translation"] hbox[anonid="details"] {
+ overflow: hidden; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-appearance: none;
+ border-width: 1px;
+ -moz-border-top-colors: none;
+ -moz-border-right-colors: none;
+ -moz-border-bottom-colors: none;
+ -moz-border-left-colors: none;
+ border-radius: 2px;
+ min-width: 0;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(255, 255, 255, 0.5) inset; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown;
+ border: none;
+ background-color: transparent;
+ margin: auto;
+ padding: 5px 0; }
+
+.translation-menupopup arrowscrollbox {
+ padding-bottom: 0; }
+
+.translation-attribution {
+ cursor: pointer;
+ -moz-box-align: end;
+ font-size: small; }
+
+.translation-attribution > label {
+ margin-bottom: 0; }
+
+.translation-attribution > image {
+ width: 70px; }
+
+.translation-welcome-panel {
+ width: 305px; }
+
+.translation-welcome-logo {
+ height: 32px;
+ width: 32px;
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0, 64px, 32px, 32px); }
+
+.translation-welcome-content {
+ -moz-margin-start: 16px; }
+
+.translation-welcome-headline {
+ font-size: larger;
+ font-weight: bold; }
+
+.translation-welcome-body {
+ padding: 1em 0;
+ margin: 0 0; }
+
+notification[value="translation"] {
+ min-height: 40px; }
+
+notification[value="translation"],
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ min-height: 30px;
+ color: #5A5959; }
+
+notification[value="translation"] {
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist {
+ -moz-padding-end: 1ch; }
+
+notification[value="translation"] menulist {
+ border: 1px solid #C1C1C1;
+ background-color: #FFF; }
+
+notification[value="translation"] button {
+ border: 1px solid #C1C1C1;
+ background-color: #F2F1F0; }
+
+notification[value="translation"] button,
+notification[value="translation"] menulist,
+notification[value="translation"] menulist > .menulist-label-box {
+ -moz-margin-start: 1ch;
+ -moz-margin-end: 1ch; }
+
+notification[value="translation"] button:hover,
+notification[value="translation"] button:active,
+notification[value="translation"] menulist:hover,
+notification[value="translation"] menulist:active {
+ background-color: #E2E1E0; }
+
+notification[value="translation"] button[anonid="translate"] {
+ color: #FFF;
+ background-image: linear-gradient(#9FB938, #8DA726);
+ box-shadow: none;
+ border: 1px solid #829C1C; }
+
+notification[value="translation"] button[anonid="translate"]:hover,
+notification[value="translation"] button[anonid="translate"]:active {
+ background-image: linear-gradient(#8DA726, #8DA726); }
+
+notification[value="translation"] button > .button-box,
+notification[value="translation"] button[type="menu"] > .button-box > .button-menu-dropmarker {
+ padding: 0;
+ -moz-margin-start: 3ch; }
+
+notification[value="translation"] button:not([type="menu"]) > .button-box {
+ -moz-margin-end: 3ch; }
+
+notification[value="translation"] menulist > .menulist-dropmarker {
+ display: block; }
+
+/* Loop/ Hello browser styles */
+notification[value="loop-sharing-notification"] .button-menubutton-button {
+ min-width: 0; }
+
+notification[value="loop-sharing-notification"] .messageImage {
+ list-style-image: url(chrome://browser/skin/webRTC-shareScreen-16.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),
+richlistitem[type~="action"][actiontype="searchengine"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon);
+ width: 16px;
+ height: 16px; }
+
+.ac-result-type-keyword[selected="true"],
+.autocomplete-treebody::-moz-tree-image(keyword, treecolAutoCompleteImage, selected),
+richlistitem[type~="action"][actiontype="searchengine"][selected="true"] > .ac-title-box > .ac-site-icon {
+ list-style-image: url(chrome://global/skin/icons/autocomplete-search.svg#search-icon-inverted); }
+
+.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 */
+#urlbar > toolbarbutton {
+ -moz-appearance: none;
+ padding: 0 2px;
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png"); }
+
+#urlbar-reload-button {
+ -moz-image-region: rect(0, 14px, 14px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(102, 204, 255, 0.2), transparent);
+ -moz-image-region: rect(14px, 14px, 28px, 0); }
+
+#urlbar-reload-button:not([disabled]):hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(51, 187, 255, 0.1), transparent);
+ -moz-image-region: rect(28px, 14px, 42px, 0); }
+
+#urlbar-reload-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-go-button {
+ -moz-image-region: rect(0, 42px, 14px, 28px); }
+
+#urlbar-go-button:hover {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.2), transparent);
+ -moz-image-region: rect(14px, 42px, 28px, 28px); }
+
+#urlbar-go-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(68, 217, 38, 0.1), transparent);
+ -moz-image-region: rect(28px, 42px, 42px, 28px); }
+
+#urlbar-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1); }
+
+#urlbar-stop-button {
+ -moz-image-region: rect(0, 28px, 14px, 14px); }
+
+#urlbar-stop-button:not([disabled]):hover {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.3), transparent);
+ -moz-image-region: rect(14px, 28px, 28px, 14px); }
+
+#urlbar-stop-button:hover:active {
+ background-image: radial-gradient(circle closest-side, rgba(255, 138, 128, 0.1), transparent);
+ -moz-image-region: rect(28px, 28px, 42px, 14px); }
+
+@media (min-resolution: 1.1dppx) {
+ #urlbar > toolbarbutton {
+ list-style-image: url("chrome://browser/skin/reload-stop-go@2x.png"); }
+
+ #urlbar-go-button {
+ -moz-image-region: rect(0, 84px, 28px, 56px); }
+
+ #urlbar-go-button:hover {
+ -moz-image-region: rect(28px, 84px, 56px, 56px); }
+
+ #urlbar-go-button:hover:active {
+ -moz-image-region: rect(56px, 84px, 84px, 56px); }
+
+ #urlbar-reload-button {
+ -moz-image-region: rect(0, 28px, 28px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 28px, 56px, 0); }
+
+ #urlbar-reload-button:not([disabled]):hover:active {
+ -moz-image-region: rect(56px, 28px, 84px, 0); }
+
+ #urlbar-stop-button {
+ -moz-image-region: rect(0, 56px, 28px, 28px); }
+
+ #urlbar-stop-button:not([disabled]):hover {
+ -moz-image-region: rect(28px, 56px, 56px, 28px); }
+
+ #urlbar-stop-button:hover:active {
+ -moz-image-region: rect(56px, 56px, 84px, 28px); }
+
+ #urlbar > toolbarbutton > .toolbarbutton-icon {
+ width: 14px; } }
+/* Popup blocker button */
+#page-report-button {
+ list-style-image: url("chrome://browser/skin/Info.png"); }
+
+/* Reading List button */
+#urlbar:not([focused]):not(:hover) #readinglist-addremove-button {
+ opacity: 0;
+ width: 0px; }
+
+#readinglist-addremove-button {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage");
+ -moz-image-region: rect(0, 14px, 14px, 0);
+ transition: width 150ms ease-in-out, opacity 150ms ease-in-out 150ms;
+ opacity: 1;
+ width: 20px; }
+
+#readinglist-addremove-button:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-hover"); }
+
+#readinglist-addremove-button:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#addpage-active"); }
+
+#readinglist-addremove-button[already-added="true"] {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded"); }
+
+#readinglist-addremove-button[already-added="true"]:hover {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-hover"); }
+
+#readinglist-addremove-button[already-added="true"]:active {
+ list-style-image: url("chrome://browser/skin/readinglist/icons.svg#alreadyadded-active"); }
+
+/* Reader mode button */
+#reader-mode-button {
+ list-style-image: url("chrome://browser/skin/readerMode.svg");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+#reader-mode-button:hover,
+#reader-mode-button[readeractive]:hover {
+ -moz-image-region: rect(0, 32px, 16px, 16px); }
+
+#reader-mode-button:hover:active,
+#reader-mode-button[readeractive] {
+ -moz-image-region: rect(0, 48px, 16px, 32px); }
+
+/* social share panel */
+.social-share-frame {
+ border-top: 1px solid #f8f8f8;
+ width: 756px;
+ height: 150px; }
+
+#share-container {
+ min-width: 756px;
+ background-color: white;
+ background-repeat: no-repeat;
+ background-position: center center; }
+
+#share-container[loading] {
+ background-image: url(chrome://browser/skin/tabbrowser/pendingpaint.png); }
+
+#share-container > browser {
+ transition: opacity 150ms ease-in-out;
+ opacity: 1; }
+
+#share-container[loading] > browser {
+ opacity: 0; }
+
+.social-share-toolbar {
+ border-bottom: 1px solid #dedede;
+ padding: 2px; }
+
+#social-share-provider-buttons {
+ padding: 0;
+ margin: 0; }
+
+.share-provider-button {
+ padding: 5px;
+ margin: 2px; }
+
+.share-provider-button > .toolbarbutton-text {
+ display: none; }
+
+.share-provider-button > .toolbarbutton-icon {
+ width: 16px;
+ min-height: 16px;
+ max-height: 16px; }
+
+/* social recommending panel */
+#social-mark-button {
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* bookmarks menu-button */
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ -moz-box-align: center; }
+
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-icon,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menu-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-dropmarker,
+#bookmarks-menu-button[disabled][cui-areatype="toolbar"] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
+#bookmarks-menu-button[cui-areatype="toolbar"] > .toolbarbutton-menubutton-button[disabled] > .toolbarbutton-icon {
+ opacity: .4; }
+
+#BMB_bookmarksPopup[side="top"],
+#BMB_bookmarksPopup[side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px; }
+
+#BMB_bookmarksPopup[side="left"],
+#BMB_bookmarksPopup[side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px; }
+
+#nav-bar .toolbarbutton-1 > menupopup[side="top"].cui-widget-panel,
+#nav-bar .toolbarbutton-1 > menupopup[side="bottom"].cui-widget-panel {
+ margin-top: -4px; }
+
+/* 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; }
+
+.panel-promo-box {
+ margin: 8px -10px -10px -10px;
+ padding: 8px 10px;
+ border-top: 1px solid ThreeDShadow;
+ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.08) 6px); }
+
+.panel-promo-icon {
+ list-style-image: url("chrome://browser/skin/sync-notification-24.png");
+ -moz-margin-end: 10px;
+ vertical-align: middle; }
+
+.panel-promo-closebutton {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px; }
+
+.panel-promo-closebutton > .toolbarbutton-text {
+ padding: 0; }
+
+/* Content area */
+#sidebar {
+ background-color: Window; }
+
+/* Findbar */
+.browserContainer > findbar {
+ background-color: -moz-dialog;
+ color: -moz-DialogText;
+ border-top: 1px solid;
+ -moz-border-top-colors: #dcdfe3;
+ text-shadow: none; }
+
+.browserContainer > findbar .findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid #cfd6e6;
+ box-shadow: none;
+ margin: 0;
+ padding: 5px;
+ width: 14em; }
+ .browserContainer > findbar .findbar-textbox[focused="true"] {
+ border-color: #5294E2; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 20px 0 0 20px;
+ border-right-width: 0; }
+ .browserContainer > findbar .findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 20px 20px 0;
+ border-left-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous,
+.browserContainer > findbar .findbar-find-next {
+ background: #fbfbfc;
+ border: 1px solid #cfd6e6;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous {
+ border-right-width: 0; }
+
+.browserContainer > findbar .findbar-find-previous:focus,
+.browserContainer > findbar .findbar-find-next:focus {
+ border-color: #5294E2;
+ box-shadow: none; }
+
+.browserContainer > findbar .findbar-find-previous:not([disabled]):active,
+.browserContainer > findbar .findbar-find-next:not([disabled]):active {
+ background: #5294E2;
+ border-color: #5294E2;
+ box-shadow: none; }
+
+/* Tabstrip */
+:root {
+ --tab-toolbar-navbar-overlap: 1px;
+ --tab-min-height: 31px; }
+
+#TabsToolbar {
+ --tab-separator-image: url(chrome://browser/skin/tabbrowser/tab-separator.png);
+ --tab-separator-size: 3px 100%;
+ --tab-separator-opacity: 1; }
+
+/* image preloading hack */
+#tabbrowser-tabs::before {
+ /* Because of bug 853415, we need to ordinal this to the first position: */
+ -moz-box-ordinal-group: 0;
+ content: '';
+ display: block; }
+
+#tabbrowser-tabs {
+ min-height: var(--tab-min-height); }
+
+.tabbrowser-tab,
+.tabs-newtab-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border-radius: 0;
+ border-width: 0;
+ margin: 0;
+ padding: 0; }
+
+.tabbrowser-tab {
+ -moz-box-align: stretch; }
+
+/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
+.tabbrowser-tab[visuallyselected=true] {
+ position: relative;
+ z-index: 2; }
+
+.tab-background-middle {
+ -moz-box-flex: 1;
+ background-clip: padding-box;
+ border-left: 15px solid transparent;
+ border-right: 15px solid transparent;
+ margin: 0 -15px; }
+
+.tab-content {
+ -moz-padding-end: 9px;
+ -moz-padding-start: 9px; }
+
+.tab-content[pinned] {
+ -moz-padding-end: 3px; }
+
+.tab-throbber,
+.tab-icon-image,
+.tab-close-button {
+ margin-top: 1px; }
+
+.tab-throbber,
+.tab-icon-image {
+ height: 16px;
+ width: 16px;
+ -moz-margin-end: 6px; }
+
+.tab-icon-image {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.tab-icon-overlay {
+ width: 16px;
+ height: 16px;
+ margin-top: 10px;
+ -moz-margin-start: -16px;
+ display: none; }
+
+.tab-icon-overlay[crashed] {
+ display: -moz-box;
+ list-style-image: url("chrome://browser/skin/tabbrowser/crashed.svg"); }
+
+.tab-throbber[busy] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/connecting.png"); }
+
+.tab-throbber[progress] {
+ list-style-image: url("chrome://browser/skin/tabbrowser/loading.png"); }
+
+.tab-label {
+ -moz-margin-end: 0;
+ -moz-margin-start: 0; }
+
+.tab-close-button {
+ -moz-margin-start: 4px;
+ -moz-margin-end: -2px;
+ padding: 0; }
+
+.tab-background,
+.tabs-newtab-button {
+ /* overlap the tab curves */
+ -moz-margin-end: -15px;
+ -moz-margin-start: -15px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox {
+ -moz-padding-end: 15px;
+ -moz-padding-start: 15px; }
+
+/* Tab Overflow */
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-overflow-indicator.png);
+ background-size: 100% 100%;
+ width: 14px;
+ margin-bottom: var(--tab-toolbar-navbar-overlap);
+ pointer-events: none;
+ position: relative;
+ z-index: 3;
+ /* the selected tab's z-index + 1 */ }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]) {
+ -moz-margin-start: -2px;
+ -moz-margin-end: -12px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
+ -moz-margin-start: -12px;
+ -moz-margin-end: -2px; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator[collapsed],
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator[collapsed] {
+ opacity: 0; }
+
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator,
+.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator {
+ transition: opacity 150ms ease; }
+
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-start,
+.tab-background-end,
+.tab-background-end[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::before {
+ min-height: var(--tab-min-height);
+ width: 30px; }
+
+.tabbrowser-tab:not([visuallyselected=true]),
+.tabbrowser-tab:-moz-lwtheme {
+ color: inherit; }
+
+.tabbrowser-tab:not([selected="true"]) {
+ color: rgba(82, 93, 118, 0.6); }
+
+/* Selected tab */
+/*
+ Tab background pseudo-elements which are positioned above .tab-background-start/end:
+ - ::before - provides the fill of the tab curve and is clipped to the tab shape. This is where
+ pointer events go for the curve.
+ - ::after - provides the border/stroke of the tab curve and is overlayed above ::before. Pointer
+ events go through to ::before to get the proper shape.
+ */
+.tab-background-start[visuallyselected=true]::after,
+.tab-background-end[visuallyselected=true]::after {
+ /* position ::after on top of its parent */
+ -moz-margin-start: -30px;
+ background-size: 100% 100%;
+ content: "";
+ display: -moz-box;
+ position: relative; }
+
+.tab-background-start[visuallyselected=true]::before,
+.tab-background-end[visuallyselected=true]::before {
+ /* all ::before pseudo elements */
+ content: "";
+ display: -moz-box; }
+
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-start.svg);
+ background-size: 100% 100%; }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
+ background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-end.svg);
+ background-size: 100% 100%; }
+
+/* For lightweight themes, clip the header image on start, middle, and end. */
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-start); }
+
+.tab-background-end[visuallyselected=true]:-moz-locale-dir(ltr):-moz-lwtheme::before,
+.tab-background-start[visuallyselected=true]:-moz-locale-dir(rtl):-moz-lwtheme::before {
+ clip-path: url(chrome://browser/content/browser.xul#tab-curve-clip-path-end); }
+
+.tab-background-middle[visuallyselected=true] {
+ background-clip: padding-box, padding-box, content-box;
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-middle.svg);
+ background-repeat: repeat-x;
+ background-size: auto 100%;
+ /* The padding-top combined with background-clip: content-box (the bottom-most) ensure the
+ background-color doesn't extend above the top border. */
+ padding-top: 2px; }
+
+/* Selected tab lightweight theme styles.
+ See browser-lightweightTheme.css for information about run-time changes to LWT styles. */
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent;
+ background-image: url(chrome://browser/skin/tabbrowser/tab-active-middle.png), linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3));
+ /*,
+lwtHeader;*/
+ /* Don't stretch the LWT header images */
+ background-size: auto 100%, auto 100%, auto auto; }
+
+/* These LWT styles are normally overridden by browser-lightweightTheme.css */
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before {
+ background-image: linear-gradient(transparent 0px, transparent 2px, rgba(255, 255, 255, 0.35) 2px, rgba(255, 255, 255, 0.35) 3px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0.65) 4px, rgba(255, 255, 255, 0.3)); }
+
+.tab-background-start[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-end[visuallyselected=true]:-moz-lwtheme::before,
+.tab-background-middle[visuallyselected=true]:-moz-lwtheme {
+ background-color: transparent; }
+
+/* End selected tab */
+/* new tab button border and gradient on hover */
+.tabbrowser-tab:hover > .tab-stack > .tab-background:not([visuallyselected=true]),
+.tabs-newtab-button:hover {
+ background-image: url(chrome://browser/skin/custom_images/light/tabs/tab-start-hover.svg), url(chrome://browser/skin/custom_images/light/tabs/tab-middle-hover.svg), url(chrome://browser/skin/custom_images/light/tabs/tab-end-hover.svg);
+ background-position: left bottom, 30px bottom, right bottom;
+ background-repeat: no-repeat;
+ background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100%; }
+
+/* Tab pointer-events */
+.tabbrowser-tab {
+ pointer-events: none; }
+
+.tab-background-middle,
+.tabs-newtab-button,
+.tab-close-button {
+ pointer-events: auto; }
+
+/* Pinned tabs */
+/* Pinned tab separators need position: absolute when positioned (during overflow). */
+#tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned]::before {
+ height: 100%;
+ position: absolute; }
+
+.tabbrowser-tab[pinned][titlechanged]:not([visuallyselected="true"]) > .tab-stack > .tab-content {
+ background-image: radial-gradient(farthest-corner at center bottom, white 3%, rgba(186, 221, 251, 0.75) 20%, rgba(127, 179, 255, 0.25) 40%, transparent 70%);
+ background-position: center bottom var(--tab-toolbar-navbar-overlap);
+ background-repeat: no-repeat;
+ background-size: 85% 100%; }
+
+/* New tab button */
+.tabs-newtab-button {
+ width: calc(36px + 30px); }
+
+#tabbrowser-tabs {
+ /* override the global style to allow the selected tab to be above the nav-bar */
+ z-index: auto; }
+
+#TabsToolbar {
+ min-height: 0;
+ padding: 0;
+ margin-bottom: calc(-1 * var(--tab-toolbar-navbar-overlap)); }
+
+#TabsToolbar:not(:-moz-lwtheme) {
+ -moz-appearance: menubar;
+ color: -moz-menubartext; }
+
+#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
+#TabsToolbar:not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://browser/content/customizableui/toolbar.xml#toolbar-drag"); }
+
+.tabbrowser-tab:focus > .tab-stack > .tab-content > .tab-label {
+ outline: 1px dotted; }
+
+#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: -9px;
+ z-index: 3; }
+
+/* Tab close button */
+.close-icon {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close.svg"); }
+ .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); }
+ .close-icon:active:hover {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-inactive.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:hover {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-hover.svg"); }
+ .tabbrowser-tab:not([selected="true"]) .close-icon:active {
+ background-image: url("chrome://browser/skin/custom_images/light/tabs/tab-close-active.svg"); }
+
+/* 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; }
+
+.tabs-newtab-button > .toolbarbutton-icon,
+#new-tab-button > .toolbarbutton-icon {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/light/tabs/new-tab.png");
+ -moz-image-region: auto; }
+
+/* Tabbrowser arrowscrollbox arrows */
+.tabbrowser-arrowscrollbox > .scrollbutton-up > .toolbarbutton-icon,
+.tabbrowser-arrowscrollbox > .scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: none; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up,
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ -moz-appearance: none;
+ list-style-image: url("chrome://browser/skin/custom_images/light/tabs/tab-arrow-left.svg");
+ margin: 0 0 var(--tab-toolbar-navbar-overlap); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up[disabled],
+.tabbrowser-arrowscrollbox > .scrollbutton-down[disabled] {
+ opacity: .4; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-locale-dir(rtl),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-locale-dir(ltr) {
+ transform: scaleX(-1); }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down {
+ transition: 1s background-color ease-out; }
+
+.tabbrowser-arrowscrollbox > .scrollbutton-down[notifybgtab] {
+ background-color: Highlight;
+ transition: none; }
+
+#TabsToolbar .toolbarbutton-1 {
+ margin-bottom: var(--tab-toolbar-navbar-overlap); }
+
+#alltabs-button {
+ list-style-image: url("chrome://browser/skin/custom_images/light/tabs/alltabs.svg"); }
+
+#alltabs-button > .toolbarbutton-icon {
+ padding: 9px 6px 6px; }
+
+#alltabs-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+/* All tabs menupopup */
+.alltabs-item > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); }
+
+.alltabs-item[selected="true"] {
+ font-weight: bold; }
+
+.alltabs-item[busy] > .menu-iconic-left > .menu-iconic-icon {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+.alltabs-item[tabIsVisible] {
+ /* box-shadow instead of background-color to work around native styling */
+ box-shadow: inset -5px 0 ThreeDShadow; }
+
+/* Sidebar */
+#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; }
+
+toolbar[brighttext] toolbarbutton.chevron:not(:hover):not([open="true"]) {
+ list-style-image: url("chrome://global/skin/toolbar/chevron-inverted.png") !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; }
+
+/* Ctrl-Tab */
+.ctrlTab-preview {
+ -moz-appearance: toolbarbutton; }
+
+.tabPreview-canvas {
+ box-shadow: 0 0 5px ThreeDShadow; }
+
+.ctrlTab-preview:focus .tabPreview-canvas,
+.ctrlTab-preview:hover .tabPreview-canvas {
+ box-shadow: none; }
+
+.ctrlTab-favicon[src] {
+ background-color: white;
+ width: 20px;
+ height: 20px;
+ padding: 2px; }
+
+#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; }
+
+/* Sync Panel */
+.sync-panel-icon {
+ height: 32px;
+ width: 32px;
+ background: url("chrome://browser/content/abouthome/sync.png") top left no-repeat; }
+
+.sync-panel-inner {
+ width: 0;
+ padding-left: 10px; }
+
+.sync-panel-button-box {
+ margin-top: 1em; }
+
+#sync-error-panel-title,
+#sync-start-panel-title {
+ font-size: 120%;
+ font-weight: bold;
+ margin-bottom: 5px; }
+
+#sync-start-panel-subtitle,
+#sync-error-panel-subtitle {
+ margin: 0; }
+
+/* Status panel */
+.statuspanel-label {
+ margin: 0;
+ padding: 2px 4px;
+ background: #5294E2;
+ border: 1px none #5294E2;
+ border-top-style: solid;
+ color: #ffffff;
+ 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-image: url("chrome://browser/skin/fullscreen-darknoise.png");
+ color: white;
+ border-radius: 4px;
+ margin-top: 30px;
+ padding: 30px 50px;
+ box-shadow: 0 0 2px white; }
+
+#full-screen-warning-container[obscure-browser] {
+ background-color: rgba(0, 0, 0, 0.3); }
+
+.full-screen-description {
+ font-size: 150%; }
+
+#full-screen-domain-text {
+ font-size: 300%; }
+
+.full-screen-approval-button,
+#full-screen-remember-decision {
+ font-size: 120%; }
+
+/* Responsive Mode */
+.browserContainer[responsivemode] {
+ background-color: #222;
+ padding: 0 20px 20px 20px; }
+
+.browserStack[responsivemode] {
+ box-shadow: 0 0 7px black; }
+
+.devtools-responsiveui-toolbar {
+ -moz-appearance: none;
+ background: transparent;
+ /* text color is textColor from dark theme, since no theme is applied to
+ * the responsive toolbar.
+ */
+ color: #cdd9e4;
+ margin: 10px 0;
+ padding: 0;
+ box-shadow: none;
+ border-bottom-width: 0; }
+
+.devtools-responsiveui-menulist,
+.devtools-responsiveui-toolbarbutton {
+ -moz-appearance: none;
+ -moz-box-align: center;
+ min-width: 32px;
+ min-height: 22px;
+ text-shadow: 0 -1px 0 rgba(12, 13, 14, 0.45);
+ border: 1px solid rgba(12, 13, 14, 0.45);
+ border-radius: 0;
+ background: linear-gradient(rgba(138, 145, 153, 0.35), rgba(138, 145, 153, 0.1)) padding-box;
+ box-shadow: 0 1px 0 rgba(184, 194, 204, 0.15) inset, 0 0 0 1px rgba(184, 194, 204, 0.15) inset, 0 1px 0 rgba(184, 194, 204, 0.15);
+ margin: 0 3px;
+ color: inherit; }
+
+.devtools-responsiveui-menulist .menulist-editable-box {
+ -moz-appearance: none;
+ background-color: transparent; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input {
+ -moz-appearance: none;
+ color: inherit;
+ text-align: center; }
+
+.devtools-responsiveui-menulist html|*.menulist-editable-input::-moz-selection {
+ background: rgba(138, 145, 153, 0.35); }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.devtools-responsiveui-toolbarbutton > .toolbarbutton-menubutton-button {
+ -moz-box-orient: horizontal; }
+
+.devtools-responsiveui-menulist:-moz-focusring,
+.devtools-responsiveui-toolbarbutton:-moz-focusring {
+ outline: 1px dotted rgba(205, 217, 228, 0.7);
+ outline-offset: -4px; }
+
+.devtools-responsiveui-toolbarbutton:not([label]) > .toolbarbutton-text {
+ display: none; }
+
+.devtools-responsiveui-toolbarbutton:not([checked=true]):hover:active {
+ border-color: rgba(12, 13, 14, 0.6);
+ background: linear-gradient(rgba(24, 25, 27, 0.3), rgba(138, 145, 153, 0.15) 65%, rgba(138, 145, 153, 0.3));
+ box-shadow: 0 0 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-menulist[open=true],
+.devtools-responsiveui-toolbarbutton[open=true],
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ border-color: rgba(12, 13, 14, 0.6) !important;
+ background: linear-gradient(rgba(24, 25, 27, 0.6), rgba(41, 46, 51, 0.45) 75%, rgba(68, 76, 85, 0.4));
+ box-shadow: 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 3px rgba(12, 13, 14, 0.25) inset, 0 1px 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[checked=true] {
+ color: #33a0ff; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover {
+ background-color: transparent !important; }
+
+.devtools-responsiveui-toolbarbutton[checked=true]:hover:active {
+ background-color: rgba(12, 13, 14, 0.2) !important; }
+
+.devtools-responsiveui-menulist > .menulist-label-box {
+ text-align: center; }
+
+.devtools-responsiveui-menulist > .menulist-dropmarker {
+ -moz-appearance: none;
+ display: -moz-box;
+ background-color: transparent;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ border-width: 0;
+ min-width: 16px; }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
+ -moz-appearance: none;
+ color: inherit;
+ border-width: 0;
+ -moz-border-end: 1px solid rgba(12, 13, 14, 0.45);
+ box-shadow: -1px 0 0 rgba(184, 194, 204, 0.15) inset, 1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button]:-moz-locale-dir(rtl) > .toolbarbutton-menubutton-button {
+ box-shadow: 1px 0 0 rgba(184, 194, 204, 0.15) inset, -1px 0 0 rgba(184, 194, 204, 0.15); }
+
+.devtools-responsiveui-toolbarbutton[type=menu-button] {
+ padding: 0 1px;
+ -moz-box-align: stretch; }
+
+.devtools-responsiveui-toolbarbutton[type=menu] > .toolbarbutton-menu-dropmarker,
+.devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-dropmarker {
+ -moz-appearance: none !important;
+ list-style-image: url("chrome://browser/skin/devtools/dropmarker.svg");
+ -moz-box-align: center;
+ padding: 0 3px; }
+
+.devtools-responsiveui-toolbar:-moz-locale-dir(ltr) > *:first-child,
+.devtools-responsiveui-toolbar:-moz-locale-dir(rtl) > *:last-child {
+ margin-left: 0; }
+
+.devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close.png"); }
+
+.devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-close {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); }
+
+ .devtools-responsiveui-rotate {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-rotate@2x.png"); } }
+.devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+.devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-touch {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-touch@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ .devtools-responsiveui-touch[checked] {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); } }
+.devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot.png"); }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-screenshot {
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-screenshot@2x.png"); } }
+.devtools-responsiveui-resizebarV {
+ width: 7px;
+ height: 24px;
+ cursor: ew-resize;
+ transform: translate(12px, -12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer.png"); }
+
+.devtools-responsiveui-resizebarH {
+ width: 24px;
+ height: 7px;
+ cursor: ns-resize;
+ transform: translate(-12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer.png"); }
+
+.devtools-responsiveui-resizehandle {
+ width: 16px;
+ height: 16px;
+ cursor: se-resize;
+ transform: translate(12px, 12px);
+ background-size: cover;
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer.png"); }
+
+/* FxOS custom mode with additional buttons and phone look'n feel */
+/* Hide devtools manual resizer */
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizehandle,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarH,
+.browserStack[responsivemode].fxos-mode .devtools-responsiveui-resizebarV {
+ display: none; }
+
+/* Gives responsive mode a phone look'n feel */
+.browserStack[responsivemode].fxos-mode {
+ padding: 60px 15px 0;
+ border-radius: 25px / 20px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ border: 1px solid #FFFFFF;
+ border-bottom-width: 0;
+ background-color: #353535;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 5px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%);
+ min-width: 320px; }
+
+.devtools-responsiveui-hardware-buttons {
+ -moz-appearance: none;
+ padding: 20px;
+ border: 1px solid #FFFFFF;
+ border-bottom-left-radius: 25px;
+ border-bottom-right-radius: 25px;
+ border-top-width: 0;
+ box-shadow: 0 3px 0.7px 1px #777777, 0 -7px rgba(0, 0, 0, 0.4) inset;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-home-button {
+ width: 40px;
+ height: 30px;
+ list-style-image: url("chrome://browser/skin/devtools/responsiveui-home.png"); }
+
+.devtools-responsiveui-sleep-button {
+ -moz-appearance: none;
+ /* compensate browserStack top padding */
+ margin-top: -67px;
+ margin-right: 10px;
+ min-width: 10px;
+ width: 50px;
+ height: 5px;
+ border: 1px solid #444;
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+ border-bottom-color: transparent;
+ background-image: linear-gradient(to top, #111 11%, #333 56%); }
+
+.devtools-responsiveui-sleep-button:hover:active {
+ background-image: linear-gradient(to top, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-buttons {
+ margin-left: -29px; }
+
+.devtools-responsiveui-volume-up-button,
+.devtools-responsiveui-volume-down-button {
+ -moz-appearance: none;
+ border: 1px solid red;
+ min-width: 8px;
+ height: 40px;
+ border: 1px solid #444;
+ border-right-color: transparent;
+ background-image: linear-gradient(to right, #111 11%, #333 56%); }
+
+.devtools-responsiveui-volume-up-button:hover:active,
+.devtools-responsiveui-volume-down-button:hover:active {
+ background-image: linear-gradient(to right, #aaa 11%, #ddd 56%); }
+
+.devtools-responsiveui-volume-up-button {
+ border-top-left-radius: 12px; }
+
+.devtools-responsiveui-volume-down-button {
+ border-bottom-left-radius: 12px; }
+
+@media (min-resolution: 1.25dppx) {
+ .devtools-responsiveui-resizebarV {
+ background-image: url("chrome://browser/skin/devtools/responsive-vertical-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizebarH {
+ background-image: url("chrome://browser/skin/devtools/responsive-horizontal-resizer@2x.png"); }
+
+ .devtools-responsiveui-resizehandle {
+ background-image: url("chrome://browser/skin/devtools/responsive-se-resizer@2x.png"); } }
+/* Developer toolbar */
+/* NOTE: THESE NEED TO STAY IN SYNC WITH LIGHT-THEME.CSS AND DARK-THEME.CSS.
+ We are copy/pasting variables from light-theme and dark-theme,
+ since they aren't loaded in this context (within browser.css). */
+:root[devtoolstheme="light"] #developer-toolbar {
+ --gcli-background-color: #ebeced;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-background: #f0f1f2;
+ /* --theme-toolbar-background */
+ --gcli-input-focused-background: #f7f7f7;
+ /* --theme-sidebar-background */
+ --gcli-input-color: #18191a;
+ /* --theme-body-color */
+ --gcli-border-color: #aaaaaa;
+ /* --theme-splitter-color */
+ --selection-background: #4c9ed9;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+:root[devtoolstheme="dark"] #developer-toolbar {
+ --gcli-background-color: #343c45;
+ /* --theme-toolbar-background */
+ --gcli-input-background: rgba(37, 44, 51, 0.6);
+ /* --theme-tab-toolbar-background */
+ --gcli-input-focused-background: #252c33;
+ /* --theme-tab-toolbar-background */
+ --gcli-input-color: #b6babf;
+ /* --theme-body-color-alt */
+ --gcli-border-color: black;
+ /* --theme-splitter-color */
+ --selection-background: #1d4f73;
+ /* --theme-selection-background */
+ --selection-color: #f5f7fa;
+ /* --theme-selection-color */ }
+
+#developer-toolbar {
+ -moz-appearance: none;
+ padding: 0;
+ min-height: 32px;
+ background-color: var(--gcli-background-color);
+ border-top: 1px solid var(--gcli-border-color); }
+
+#developer-toolbar > toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ margin: 0;
+ padding: 0 10px;
+ width: 32px; }
+
+.developer-toolbar-button > image {
+ margin: auto 10px; }
+
+:root[devtoolstheme="light"] #developer-toolbar > toolbarbutton:not([checked=true]) > image,
+:root[devtoolstheme="light"] .gclitoolbar-input-node:not([focused=true])::before {
+ filter: url("chrome://browser/skin/devtools/filters.svg#invert"); }
+
+.developer-toolbar-button > .toolbarbutton-icon,
+#developer-toolbar-closebutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+#developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools.png");
+ -moz-image-region: rect(0px, 16px, 16px, 0px); }
+
+#developer-toolbar-toolbox-button > label {
+ display: none; }
+
+#developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 32px, 16px, 16px); }
+
+#developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 48px, 16px, 32px); }
+
+#developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 64px, 16px, 48px); }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-toolbox-button {
+ list-style-image: url("chrome://browser/skin/devtools/toggle-tools@2x.png");
+ -moz-image-region: rect(0px, 32px, 32px, 0px); }
+
+ #developer-toolbar-toolbox-button:hover {
+ -moz-image-region: rect(0px, 64px, 32px, 32px); }
+
+ #developer-toolbar-toolbox-button:hover:active {
+ -moz-image-region: rect(0px, 96px, 32px, 64px); }
+
+ #developer-toolbar-toolbox-button[checked=true] {
+ -moz-image-region: rect(0px, 128px, 32px, 96px); } }
+#developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close.png");
+ -moz-appearance: none;
+ border: none;
+ margin: 0 4px;
+ min-width: 16px;
+ width: 16px;
+ opacity: 0.6; }
+
+@media (min-resolution: 1.25dppx) {
+ #developer-toolbar-closebutton {
+ list-style-image: url("chrome://browser/skin/devtools/close@2x.png"); } }
+#developer-toolbar-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: -4px; }
+
+#developer-toolbar-closebutton > .toolbarbutton-text {
+ display: none; }
+
+#developer-toolbar-closebutton:hover {
+ opacity: 0.8; }
+
+#developer-toolbar-closebutton:hover:active {
+ opacity: 1; }
+
+/* GCLI */
+html|*#gcli-tooltip-frame,
+html|*#gcli-output-frame {
+ padding: 0;
+ border-width: 0;
+ background-color: transparent; }
+
+#gcli-output,
+#gcli-tooltip {
+ border-width: 0;
+ background-color: transparent;
+ -moz-appearance: none; }
+
+.gclitoolbar-input-node,
+.gclitoolbar-complete-node {
+ margin: 0;
+ -moz-box-align: center;
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 8px;
+ text-shadow: none;
+ box-shadow: none;
+ border-width: 0;
+ background-color: transparent;
+ border-radius: 0; }
+
+.gclitoolbar-input-node {
+ -moz-appearance: none;
+ color: var(--gcli-input-color);
+ background-color: var(--gcli-input-background);
+ background-repeat: no-repeat;
+ background-position: 4px center;
+ box-shadow: 1px 0 0 var(--gcli-border-color) inset, -1px 0 0 var(--gcli-border-color) inset;
+ line-height: 32px;
+ outline-style: none;
+ padding: 0; }
+
+.gclitoolbar-input-node[focused="true"] {
+ background-color: var(--gcli-input-focused-background); }
+
+.gclitoolbar-input-node::before {
+ content: "";
+ display: inline-block;
+ -moz-box-ordinal-group: 0;
+ width: 16px;
+ height: 16px;
+ margin: 0 2px;
+ background-image: url("chrome://browser/skin/devtools/commandline-icon.png");
+ background-position: 0 center;
+ background-size: 32px 16px; }
+
+.gclitoolbar-input-node[focused="true"]::before {
+ background-position: -16px center; }
+
+@media (min-resolution: 1.25dppx) {
+ .gclitoolbar-input-node::before {
+ background-image: url("chrome://browser/skin/devtools/commandline-icon@2x.png"); } }
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ background-color: var(--selection-background);
+ color: var(--selection-color);
+ text-shadow: none; }
+
+.gclitoolbar-complete-node {
+ padding-left: 21px;
+ background-color: transparent;
+ color: transparent;
+ z-index: 100;
+ pointer-events: none; }
+
+.gcli-in-incomplete,
+.gcli-in-error,
+.gcli-in-ontab,
+.gcli-in-todo,
+.gcli-in-closebrace,
+.gcli-in-param,
+.gcli-in-valid {
+ margin: 0;
+ padding: 0; }
+
+.gcli-in-incomplete {
+ border-bottom: 2px dotted #999; }
+
+.gcli-in-error {
+ border-bottom: 2px dotted #F00; }
+
+.gcli-in-ontab {
+ color: #595959; }
+
+.gcli-in-todo {
+ color: #2d5986; }
+
+.gcli-in-closebrace {
+ color: #cccccc; }
+
+#notification-popup[popupid="click-to-play-plugins"] > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0px; }
+
+.click-to-play-plugins-notification-center-box {
+ border: 1px solid ThreeDShadow;
+ margin: 10px; }
+
+.plugin-popupnotification-centeritem:nth-child(odd) {
+ background-color: rgba(0, 0, 0, 0.1); }
+
+.center-item-label {
+ -moz-margin-start: 6px;
+ margin-bottom: 0;
+ text-overflow: ellipsis; }
+
+.center-item-warning-icon {
+ background-image: url("chrome://mozapps/skin/extensions/alerticon-info-negative.png");
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 15px;
+ -moz-margin-start: 6px; }
+
+.click-to-play-plugins-notification-button-container {
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.12);
+ padding: 10px;
+ margin-top: 5px; }
+
+.click-to-play-popup-button {
+ width: 50%; }
+
+.click-to-play-plugins-notification-description-box {
+ padding: 10px; }
+
+.click-to-play-plugins-outer-description {
+ margin-top: 8px; }
+
+.click-to-play-plugins-notification-link,
+.center-item-link {
+ margin: 0; }
+
+.messageImage[value="plugin-hidden"] {
+ list-style-image: url("chrome://browser/skin/notification-pluginNormal.png");
+ -moz-image-region: rect(0, 16px, 16px, 0); }
+
+/* Keep any changes to this style in sync with pluginProblem.css */
+notification.pluginVulnerable {
+ background-color: #484848;
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+ color: white; }
+
+notification.pluginVulnerable .messageImage {
+ list-style-image: url("chrome://browser/skin/notification-pluginBlocked.png"); }
+
+.popup-notification-item-title[popupid="bad-content"] {
+ font-weight: bold; }
+
+.popup-notification-item-message[popupid="bad-content"] {
+ width: 17em; }
+
+.popup-notification-item-message[popupid="bad-content"][mixedblockdisabled]:not(.popup-notification-item-message-critical),
+.popup-notification-item-message[popupid="bad-content"][trackingblockdisabled]:not(.popup-notification-item-message-critical) {
+ color: GrayText; }
+
+.popup-notification-item-message-critical[popupid="bad-content"] {
+ color: #d74345;
+ font-style: italic; }
+
+.popup-notification-footer[popupid="bad-content"] {
+ padding-top: 1em; }
+
+#login-fill-testing {
+ color: #b33;
+ font-weight: bold; }
+
+#login-fill-list {
+ border: 1px solid black;
+ max-height: 20em; }
+
+.login-hostname {
+ margin: 4px;
+ font-weight: bold; }
+
+.login-username {
+ margin: 4px;
+ color: #888; }
+
+/* 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/. */
+/*** Status and progress indicator ***/
+#downloads-animation-container {
+ min-height: 1px;
+ min-width: 1px;
+ height: 1px;
+ margin-bottom: -1px;
+ /* Makes the outermost animation container element positioned, so that its
+ contents are rendered over the main browser window in the Z order.
+ This is required by the animated event notification. */
+ position: relative;
+ /* The selected tab may overlap #downloads-indicator-notification */
+ z-index: 5; }
+
+/*** Main indicator icon ***/
+#downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 0, 198, 18, 180) center no-repeat;
+ min-width: 18px;
+ min-height: 18px; }
+
+#TabsToolbar #downloads-button[cui-areatype="toolbar"] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/light/tabbar-icons.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"]:not([disabled=true]):-moz-any([open], [checked], :hover:active) > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background: -moz-image-rect(url("chrome://browser/skin/custom_images/toolbar-icons-active.svg"), 0, 198, 18, 180) center no-repeat; }
+
+#downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#nav-bar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon,
+#TabsToolbar #downloads-button[cui-areatype="toolbar"][attention] > #downloads-indicator-anchor > #downloads-indicator-icon {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+#downloads-button[cui-areatype="menu-panel"][attention] {
+ list-style-image: url("chrome://browser/skin/downloads/download-glow-menuPanel.png");
+ -moz-image-region: auto; }
+
+/* In the next few rules, we use :not([counter]) as a shortcut that is
+ equivalent to -moz-any([progress], [paused]). */
+#downloads-button:not([counter]) > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background: -moz-image-rect(url("chrome://browser/skin/Toolbar-small.png"), 0, 16, 16, 0) center no-repeat;
+ background-size: 12px; }
+
+#downloads-button:not([counter])[attention] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-counter {
+ background-image: -moz-image-rect(url("chrome://browser/skin/custom_images/light/toolbar-icons.svg"), 18, 198, 36, 180); }
+
+/*** Download notifications ***/
+#downloads-indicator-notification {
+ opacity: 0;
+ background-size: 16px;
+ background-position: center;
+ background-repeat: no-repeat;
+ width: 16px;
+ height: 16px; }
+
+@keyframes downloadsIndicatorNotificationStartRight {
+ from {
+ opacity: 0;
+ transform: translate(-128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+@keyframes downloadsIndicatorNotificationStartLeft {
+ from {
+ opacity: 0;
+ transform: translate(128px, 128px) scale(8); }
+ 20% {
+ opacity: .85;
+ animation-timing-function: ease-out; }
+ to {
+ opacity: 0;
+ transform: translate(0) scale(1); } }
+#downloads-notification-anchor[notification="start"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-start.png");
+ animation-name: downloadsIndicatorNotificationStartRight;
+ animation-duration: 1s; }
+
+#downloads-notification-anchor[notification="start"]:-moz-locale-dir(rtl) > #downloads-indicator-notification {
+ animation-name: downloadsIndicatorNotificationStartLeft; }
+
+@keyframes downloadsIndicatorNotificationFinish {
+ from {
+ opacity: 0;
+ transform: scale(1); }
+ 20% {
+ opacity: .65;
+ animation-timing-function: ease-in; }
+ to {
+ opacity: 0;
+ transform: scale(8); } }
+#downloads-notification-anchor[notification="finish"] > #downloads-indicator-notification {
+ background-image: url("chrome://browser/skin/downloads/download-notification-finish.png");
+ animation-name: downloadsIndicatorNotificationFinish;
+ animation-duration: 1s; }
+
+/*** Progress bar and text ***/
+#downloads-indicator-counter {
+ height: 10px;
+ margin: 0;
+ color: #4d4d4d;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ font-size: 10px;
+ line-height: 10px;
+ text-align: center; }
+
+toolbar[brighttext] #downloads-indicator-counter {
+ color: white;
+ text-shadow: 0 0 1px rgba(0, 0, 0, 0.7), 0 1px 1.5px rgba(0, 0, 0, 0.5); }
+
+#downloads-indicator-progress {
+ width: 18px;
+ height: 6px;
+ min-width: 0;
+ min-height: 0;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
+
+#downloads-indicator-progress > .progress-bar {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ /* The background-clip: border-box; and background-image: none; are there to expand the background-color behind the border */
+ background-clip: padding-box, border-box;
+ background-color: #ff875e;
+ background-image: linear-gradient(transparent 1px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.4) 2px, transparent 2px), none;
+ border: 1px solid;
+ border-color: rgba(0, 43, 86, 0.6) rgba(0, 43, 86, 0.4) rgba(0, 43, 86, 0.4);
+ border-radius: 2px 0 0 2px; }
+
+#downloads-indicator-progress > .progress-remainder {
+ -moz-appearance: none;
+ min-width: 0;
+ min-height: 0;
+ background-image: linear-gradient(#505050, #575757);
+ border: 1px solid;
+ border-color: rgba(0, 0, 0, 0.6) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
+ -moz-border-start: none;
+ border-radius: 0 2px 2px 0; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-bar {
+ background-color: #dce651; }
+
+#downloads-button[paused] > #downloads-indicator-anchor > #downloads-indicator-progress-area > #downloads-indicator-progress > .progress-remainder {
+ background-image: linear-gradient(#4b5000, #515700); }
+
+.gcli-panel {
+ padding: 0; }
+
+.gclitoolbar-input-node > .textbox-input-box > html|*.textbox-input::-moz-selection {
+ color: #24292d; }
+
+/* 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; }
+
+/* Social toolbar item */
+#social-undoactivation-button {
+ -moz-margin-start: 0;
+ /* override default label margin to match description margin */ }
+
+.social-activation-icon {
+ width: auto;
+ height: auto;
+ max-height: 64px;
+ max-width: 64px; }
+
+#social-activation-message {
+ max-width: 250px; }
+
+#social-activation-message > label {
+ margin: 0; }
+
+/* social toolbar provider menu */
+#social-statusarea-popup {
+ margin-top: 0;
+ margin-left: -12px;
+ margin-right: -12px; }
+
+.social-statusarea-user {
+ list-style-image: url("chrome://global/skin/icons/information-32.png"); }
+
+.social-statusarea-user-portrait {
+ width: 32px;
+ height: 32px;
+ border-radius: 2px;
+ margin: 10px; }
+
+.social-panel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0; }
+
+#social-sidebar-header {
+ padding: 3px; }
+
+#manage-share-providers,
+#social-sidebar-button {
+ list-style-image: url("chrome://browser/skin/Toolbar.png");
+ -moz-image-region: rect(0, 468px, 18px, 450px); }
+
+#social-sidebar-button {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ margin: 2px; }
+
+#manage-share-providers > .toolbarbutton-icon,
+#social-sidebar-button > .toolbarbutton-icon {
+ min-height: 18px;
+ min-width: 18px; }
+
+#social-sidebar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+#social-sidebar-button[loading="true"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png"); }
+
+#social-sidebar-favico {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0;
+ margin: 2px; }
+
+.chat-status-icon {
+ max-height: 16px;
+ max-width: 16px;
+ padding: 0; }
+
+.chat-toolbarbutton {
+ -moz-appearance: none;
+ border: none;
+ padding: 0 3px;
+ margin: 0;
+ background: none; }
+
+.chat-toolbarbutton:hover {
+ background-color: rgba(255, 255, 255, 0.35); }
+
+.chat-toolbarbutton:hover:active {
+ background-color: rgba(255, 255, 255, 0.5); }
+
+.chat-toolbarbutton > .toolbarbutton-text {
+ display: none; }
+
+.chat-toolbarbutton > .toolbarbutton-icon {
+ width: 16px;
+ height: 16px; }
+
+.chat-close-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close"); }
+
+.chat-close-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#close-active"); }
+
+.chat-minimize-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize"); }
+
+.chat-minimize-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#minimize-active"); }
+
+.chat-swap-button {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand");
+ transform: rotate(180deg); }
+
+.chat-swap-button:-moz-any(:hover, :hover:active) {
+ list-style-image: url("chrome://browser/skin/social/chat-icons.svg#expand-active"); }
+
+chatbar > chatbox > .chat-titlebar > .chat-swap-button {
+ transform: none; }
+
+.chat-title {
+ font-weight: bold;
+ color: black;
+ text-shadow: none;
+ cursor: inherit; }
+
+.chat-titlebar {
+ height: 30px;
+ min-height: 30px;
+ width: 100%;
+ margin: 0;
+ padding: 7px 6px;
+ border: none;
+ border-bottom: 1px solid #ccc;
+ cursor: pointer; }
+
+.chat-titlebar > .notification-anchor-icon {
+ margin-left: 2px;
+ margin-right: 2px; }
+
+.chat-titlebar[minimized="true"] {
+ border-bottom: none; }
+
+.chat-titlebar[activity] {
+ background-image: radial-gradient(ellipse closest-side at center, white, transparent);
+ background-repeat: no-repeat;
+ background-size: 100% 20px;
+ background-position: 0 -10px; }
+
+chatbox[dark=true] > .chat-titlebar,
+chatbox[dark=true] > .chat-titlebar[selected] {
+ border-bottom: none;
+ background-color: #000;
+ background-image: none; }
+
+chatbox[dark=true] > .chat-titlebar > hbox > .chat-title {
+ font-weight: normal;
+ color: #c1c1c1; }
+
+.chat-frame {
+ padding: 0;
+ margin: 0;
+ overflow: hidden; }
+
+.chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16.png");
+ margin: 0;
+ padding: 2px;
+ height: 21px;
+ width: 21px;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+@media (min-resolution: 2dppx) {
+ .chatbar-button {
+ list-style-image: url("chrome://browser/skin/social/services-16@2x.png"); } }
+.chatbar-button > .toolbarbutton-icon {
+ width: 16px; }
+
+.chatbar-button > menupopup > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: auto;
+ height: auto;
+ max-height: 16px;
+ max-width: 16px; }
+
+.chatbar-button[open="true"] {
+ box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.6), 0 1px rgba(255, 255, 255, 0.2); }
+
+.chatbar-button > .toolbarbutton-text,
+.chatbar-button > .toolbarbutton-menu-dropmarker {
+ display: none; }
+
+.chatbar-button > menupopup > menuitem[activity] {
+ font-weight: bold; }
+
+.chatbar-innerbox {
+ background: transparent;
+ margin: -285px 0 0;
+ overflow: hidden; }
+
+chatbar {
+ -moz-margin-end: 20px; }
+
+chatbox {
+ -moz-margin-start: 4px;
+ background-color: white;
+ border: 1px solid #ccc;
+ border-bottom: none; }
+
+window > chatbox {
+ -moz-margin-start: 0px;
+ margin: 0px;
+ border: none;
+ padding: 0px; }
+
+.chat-titlebar {
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chat-titlebar[selected] {
+ background-color: #f0f0f0; }
+
+.chatbar-button {
+ -moz-appearance: none;
+ background-color: #d9d9d9;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.3), transparent); }
+
+.chatbar-button > .toolbarbutton-icon {
+ -moz-margin-end: 0; }
+
+.chatbar-button:hover,
+.chatbar-button[open="true"] {
+ background-color: #f0f0f0; }
+
+.chatbar-button[activity] {
+ background-image: radial-gradient(circle farthest-corner at center 3px, #e9f2fc 3%, rgba(172, 206, 255, 0.75) 40%, rgba(87, 151, 201, 0.5) 80%, transparent); }
+
+chatbox {
+ border-top-left-radius: 2.5px;
+ border-top-right-radius: 2.5px; }
+
+/* Customization mode */
+/* 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/. */
+/* Customization mode */
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox {
+ margin-bottom: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #content-deck,
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#main-window:-moz-any([customize-entering], [customize-entered]) #navigator-toolbox {
+ margin-left: 2em;
+ margin-right: 2em; }
+
+#main-window:-moz-any([customize-entering], [customize-exiting]) #tab-view-deck {
+ pointer-events: none; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#PanelUI-contents > .panel-customization-placeholder {
+ -moz-outline-radius: 2.5px;
+ outline: 1px dashed transparent; }
+
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before {
+ /* Prevent jumping of tabs when switching a window between inactive and active (bug 853415). */
+ -moz-box-ordinal-group: 0;
+ content: "";
+ display: -moz-box;
+ height: 100%;
+ left: 0;
+ outline-offset: -2px;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%; }
+
+/* Shift the TabsToolbar outline up 2px since the #nav-bar is shifted up by 1px and the
+ #TabsToolbar::after is a pixel higher to draw the bottom border of the tabstrip so this makes the
+ offset from the bottom effectively the same as other targets (-2px). */
+#main-window[customize-entered] #TabsToolbar.customization-target::before {
+ top: -2px; }
+
+/* The parents of the outline pseudo-elements need to be positioned so that the outline is positioned relative to it. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)),
+#main-window[customize-entered] #nav-bar-customization-target.customization-target {
+ position: relative; }
+
+/* Most target outlines are shown on hover and drag over but the panel menu uses
+ placeholders instead. */
+#main-window[customize-entered] .customization-target:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar)):hover::before,
+#main-window[customize-entered] .customization-target[customizing-dragovertarget]:not(:-moz-any(#PanelUI-contents, #TabsToolbar, #toolbar-menubar))::before,
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ outline-color: #666666; }
+
+#nav-bar[showoutline=true] > #nav-bar-customization-target.customization-target::before {
+ transition: outline-color 250ms linear; }
+
+#PanelUI-contents[showoutline=true] > .panel-customization-placeholder {
+ transition: outline-color 250ms linear;
+ outline-color: #bbb; }
+
+#PanelUI-contents > .panel-customization-placeholder {
+ cursor: auto;
+ outline-offset: -5px; }
+
+#main-window[customizing] .customization-target:not(#PanelUI-contents) {
+ min-width: 100px;
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#customization-container {
+ background-color: #f7f7f7;
+ color: black;
+ text-shadow: none; }
+
+#customization-palette,
+#customization-empty {
+ padding: 0 25px 25px; }
+
+#customization-header {
+ font-size: 1.75em;
+ line-height: 1.75em;
+ color: #666;
+ font-weight: 200;
+ margin: 25px 25px 12px;
+ padding-bottom: 12px;
+ border-bottom: 1px solid #e5e5e5; }
+
+#customization-panel-container {
+ padding: 15px 25px 25px;
+ background-image: linear-gradient(to bottom, #3e86ce, #3878ba); }
+
+#main-window:-moz-any([customize-entering], [customize-entered]) #browser-bottombox,
+#customization-footer {
+ background-color: #ececec; }
+
+#customization-footer {
+ border-top: 1px solid #dddddd;
+ padding: 10px; }
+
+.customizationmode-button {
+ border: 1px solid silver;
+ border-radius: 3px;
+ margin: 5px;
+ padding: 2px 12px;
+ background-color: #fbfbfb;
+ color: #474747;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px rgba(255, 255, 255, 0.5);
+ -moz-appearance: none; }
+
+#customization-titlebar-visibility-button[checked],
+#customization-devedition-theme-button[checked] {
+ background-color: #dadada;
+ border-color: #a8a8a8;
+ text-shadow: 0 1px #ececec;
+ box-shadow: 0 1px rgba(255, 255, 255, 0.5), inset 0 1px #c4c4c4; }
+
+.customizationmode-button[disabled="true"] {
+ opacity: .5; }
+
+.customizationmode-button > .box-inherit > .box-inherit > .button-icon,
+.customizationmode-button > .button-box > .button-icon {
+ height: 24px; }
+
+#customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle.png");
+ -moz-image-region: rect(0, 24px, 24px, 0); }
+
+#customization-lwtheme-button,
+#customization-titlebar-visibility-button {
+ padding: 2px 7px; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-text,
+#customization-titlebar-visibility-button > .button-box > .button-text {
+ /* Sadly, button.css thinks its margins are perfect for everyone. */
+ -moz-margin-start: 6px !important; }
+
+#customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon {
+ width: 20px;
+ height: 20px;
+ border-radius: 2px;
+ background-size: contain; }
+
+#customization-titlebar-visibility-button > .button-box > .button-icon {
+ vertical-align: middle; }
+
+#customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 48px, 24px, 24px); }
+
+@media (min-resolution: 1.1dppx) {
+ #customization-titlebar-visibility-button {
+ list-style-image: url("chrome://browser/skin/customizableui/customize-titleBar-toggle@2x.png");
+ -moz-image-region: rect(0, 48px, 48px, 0); }
+
+ #customization-titlebar-visibility-button[checked] {
+ -moz-image-region: rect(0, 96px, 48px, 48px); } }
+#main-window[customize-entered] #customization-panel-container {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-separatorHorizontal.png"), url("chrome://browser/skin/customizableui/customizeMode-separatorVertical.png"), url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #3e86ce, #3878ba);
+ background-position: center top, left center, left top, left top, left top;
+ background-repeat: no-repeat, no-repeat, repeat, repeat, no-repeat;
+ background-size: auto 12px, 12px 100%, auto, auto, auto;
+ background-attachment: scroll, scroll, fixed, fixed, scroll; }
+
+toolbarpaletteitem[place="toolbar"] {
+ transition: border-width 250ms ease-in-out; }
+
+toolbarpaletteitem[mousedown] {
+ cursor: -moz-grabbing; }
+
+.panel-customization-placeholder,
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"] {
+ transition: transform .3s ease-in-out; }
+
+#customization-palette {
+ transition: opacity .3s ease-in-out;
+ opacity: 0; }
+
+#customization-palette[showing="true"] {
+ opacity: 1; }
+
+toolbarpaletteitem[notransition].panel-customization-placeholder,
+toolbarpaletteitem[notransition][place="toolbar"],
+toolbarpaletteitem[notransition][place="palette"],
+toolbarpaletteitem[notransition][place="panel"] {
+ transition: none; }
+
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem > toolbaritem.panel-wide-item,
+toolbarpaletteitem > toolbarbutton[type="menu-button"] {
+ transition: transform 0.3s cubic-bezier(0.6, 2, 0.75, 1.5) !important; }
+
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-icon,
+toolbarpaletteitem[mousedown] > toolbarbutton > .toolbarbutton-badge-container > .toolbarbutton-icon {
+ transform: scale(1.3); }
+
+toolbarpaletteitem[mousedown] > toolbaritem.panel-wide-item,
+toolbarpaletteitem[mousedown] > toolbarbutton[type="menu-button"] {
+ transform: scale(1.1); }
+
+/* Override the toolkit styling for items being dragged over. */
+toolbarpaletteitem[place="toolbar"] {
+ border-left-width: 0;
+ border-right-width: 0;
+ margin-right: 0;
+ margin-left: 0; }
+
+#customization-palette:not([hidden]) {
+ margin-bottom: 25px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
+ margin-top: 20px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton {
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 24px;
+ min-width: 24px;
+ max-height: 24px;
+ min-height: 24px;
+ padding: 4px; }
+
+#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton > .toolbarbutton-icon,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton > .toolbarbutton-icon {
+ width: 16px; }
+
+#wrapper-edit-controls > #edit-controls > toolbarbutton > .toolbarbutton-icon {
+ opacity: 1;
+ /* To ensure these buttons always look enabled in customize mode */ }
+
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button,
+#wrapper-zoom-controls[place="palette"] > #zoom-controls > #zoom-reset-button + separator {
+ display: none; }
+
+#wrapper-personal-bookmarks:not([place="toolbar"]) > #personal-bookmarks {
+ -moz-box-pack: center;
+ min-height: 48px; }
+
+#personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
+ -moz-margin-end: 5px; }
+
+#customization-palette > toolbarpaletteitem > label {
+ text-align: center;
+ margin-left: 0;
+ margin-right: 0; }
+
+#customization-lwtheme-menu > .panel-arrowcontainer > .panel-arrowcontent {
+ -moz-box-orient: vertical;
+ /* Make the panel padding uniform across all platforms due to the
+ styling of the section headers and footer. */
+ padding: 10px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ width: 32px;
+ height: 32px; }
+
+.customization-lwtheme-menu-theme {
+ -moz-appearance: none;
+ border: 1px solid transparent;
+ margin: 0 -5px 5px;
+ padding-top: 0;
+ -moz-padding-end: 5px;
+ padding-bottom: 0;
+ -moz-padding-start: 0; }
+
+.customization-lwtheme-menu-theme[defaulttheme] {
+ list-style-image: url(chrome://browser/skin/theme-switcher-icon.png); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover {
+ background-color: rgba(24, 26, 27, 0.08);
+ border-color: rgba(24, 26, 27, 0.11); }
+
+.customization-lwtheme-menu-theme[active="true"],
+.customization-lwtheme-menu-theme:hover:active {
+ background-color: rgba(24, 26, 27, 0.15); }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-icon {
+ margin: 5px; }
+
+.customization-lwtheme-menu-theme > .toolbarbutton-text {
+ text-align: start; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended {
+ padding: 10px;
+ margin-bottom: 5px; }
+
+#customization-lwtheme-menu-header,
+#customization-lwtheme-menu-recommended,
+#customization-lwtheme-menu-footer {
+ background-color: rgba(24, 26, 27, 0.05);
+ color: gray;
+ margin-right: -10px;
+ margin-left: -10px; }
+
+#customization-lwtheme-menu-header {
+ margin-top: -10px;
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-recommended {
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ border-bottom: 1px solid rgba(24, 26, 27, 0.05); }
+
+#customization-lwtheme-menu-footer {
+ background: linear-gradient(rgba(24, 26, 27, 0.05) 60%, transparent) border-box;
+ border-top: 1px solid rgba(24, 26, 27, 0.05);
+ margin-bottom: -10px; }
+
+.customization-lwtheme-menu-footeritem {
+ -moz-appearance: none;
+ -moz-box-flex: 1;
+ color: gray;
+ border-style: none;
+ padding: 10px;
+ margin-left: 0;
+ margin-right: 0; }
+
+.customization-lwtheme-menu-footeritem:hover {
+ background: linear-gradient(rgba(24, 26, 27, 0.08) 40%, transparent) padding-box; }
+
+.customization-lwtheme-menu-footeritem:first-child {
+ -moz-border-end: 1px solid rgba(24, 26, 27, 0.15); }
+
+/* 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/. */
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent {
+ padding: 0;
+ margin: 0;
+ min-width: 400px;
+ max-width: 1000px;
+ min-height: 200px;
+ border-radius: 3px;
+ background-image: linear-gradient(90deg, #a0dfff 0%, #ceeeff 100%);
+ border: 0px solid rgba(0, 148, 221, 0.5);
+ box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5), inset 0 1px 1px 0 #fff;
+ color: #333333; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowcontent:-moz-locale-dir(rtl) {
+ background-image: linear-gradient(90deg, #ceeeff 0%, #a0dfff 100%); }
+
+.customization-tipPanel-infoBox {
+ margin: 20px 25px 25px;
+ width: 25px;
+ background-image: url(chrome://browser/skin/customizableui/info-icon-customizeTip.png);
+ background-repeat: no-repeat; }
+
+.customization-tipPanel-content {
+ margin: 25px 0;
+ font-size: 12px;
+ line-height: 18px; }
+
+.customization-tipPanel-em {
+ margin: 0;
+ font-weight: bold; }
+
+.customization-tipPanel-contentImage {
+ margin-top: 25px;
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration.png);
+ min-width: 300px;
+ max-width: 300px;
+ min-height: 190px;
+ max-height: 190px;
+ display: -moz-box; }
+
+.customization-tipPanel-contentImage:-moz-locale-dir(rtl) {
+ list-style-image: url(chrome://browser/skin/customizableui/customize-illustration-rtl.png); }
+
+.customization-tipPanel-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: #1952ab;
+ margin: 0;
+ cursor: pointer; }
+
+.customization-tipPanel-link > .button-box > .button-text {
+ margin: 0 !important; }
+
+.customization-tipPanel-closeBox > .close-icon {
+ -moz-appearance: none;
+ border: 0;
+ -moz-margin-end: -25px; }
+
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"],
+#customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="right"] {
+ list-style-image: url("chrome://browser/skin/customizableui/panelarrow-customizeTip.png"); }
+
+#main-window[customize-entered] > #tab-view-deck {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-attachment: fixed; }
+
+#main-window[customization-lwtheme] > #tab-view-deck:-moz-lwtheme {
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-attachment: fixed;
+ /* The image will get set from CustomizeMode.jsm */
+ background-image: none;
+ background-color: transparent; }
+
+#main-window[customization-lwtheme]:-moz-lwtheme {
+ background-image: url("chrome://browser/skin/customizableui/customizeMode-gridTexture.png"), url("chrome://browser/skin/customizableui/background-noise-toolbar.png"), linear-gradient(to bottom, #bcbcbc, #b5b5b5);
+ background-color: #b5b5b5;
+ background-repeat: repeat;
+ background-attachment: fixed;
+ background-position: left top; }
+
+#main-window[customize-entered] #browser-bottombox,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar),
+#main-window[customize-entered] #customization-container {
+ border: 3px solid rgba(0, 0, 0, 0.1);
+ border-top-width: 0;
+ background-clip: padding-box;
+ background-origin: padding-box;
+ -moz-border-right-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-bottom-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2);
+ -moz-border-left-colors: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.2); }
+
+#main-window[customize-entered] #customization-container,
+#main-window[customize-entered] #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar) {
+ border-bottom-width: 0; }
+
+#main-window[customize-entered] #TabsToolbar {
+ -moz-appearance: none;
+ background-clip: padding-box;
+ border-right: 3px solid transparent;
+ border-left: 3px solid transparent; }
+
+/* The :hover:active style from toolkit doesn't seem to work in this panel so just use :active. */
+.customization-tipPanel-closeBox > .close-icon:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32); }
+
+/* End customization mode */
+#main-window[privatebrowsingmode=temporary] #private-browsing-indicator {
+ background: url("chrome://browser/skin/privatebrowsing-mask.png") center no-repeat;
+ width: 40px; }
+
+/* UI Tour */
+#UITourHighlightContainer {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ /* This is a buffer to compensate for the movement in the "wobble" effect */
+ padding: 4px; }
+
+#UITourHighlight {
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.4) 50%, rgba(0, 149, 220, 0.6) 100%);
+ border-radius: 40px;
+ border: 1px solid white;
+ /* The box-shadow opacity needs to be < 0.5 so it doesn't appear at 100% opacity
+ on Linux without an X compositor where opacity is either 0 or 1. */
+ box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.49);
+ min-height: 32px;
+ min-width: 32px; }
+
+#UITourTooltipBody {
+ -moz-margin-end: 14px; }
+
+#UITourTooltipBody > vbox {
+ padding-top: 4px; }
+
+#UITourTooltipIconContainer {
+ -moz-margin-start: -16px; }
+
+#UITourTooltipIcon {
+ width: 48px;
+ height: 48px;
+ -moz-margin-start: 28px;
+ -moz-margin-end: 28px; }
+
+#UITourTooltipTitle,
+#UITourTooltipDescription {
+ max-width: 20rem; }
+
+#UITourTooltipTitle {
+ font-size: 1.45rem;
+ font-weight: bold;
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ margin: 0 0 9px 0; }
+
+#UITourTooltipDescription {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+ font-size: 1.15rem;
+ line-height: 1.8rem;
+ margin-bottom: 0;
+ /* Override global.css */ }
+
+#UITourTooltipClose {
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ -moz-margin-start: 4px;
+ margin-top: -2px; }
+
+#UITourTooltipClose > .toolbarbutton-text {
+ display: none; }
+
+#UITourTooltipButtons {
+ -moz-box-pack: end;
+ background-color: rgba(24, 26, 27, 0.07);
+ border-top: 1px solid rgba(24, 26, 27, 0.14);
+ margin: 24px -16px -16px;
+ padding: 2em 15px; }
+
+#UITourTooltipButtons > button {
+ margin: 0 15px; }
+
+#UITourTooltipButtons > button:first-child {
+ -moz-margin-start: 0; }
+
+#UITourTooltipButtons > button[image] > .button-box > .button-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 5px; }
+
+#UITourTooltipButtons > button .button-text {
+ font-size: 1.15rem; }
+
+#UITourTooltipButtons > button:not(.button-link) {
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ border-radius: 3px;
+ border: 1px solid;
+ border-color: silver;
+ color: #474747;
+ padding: 4px 30px;
+ transition-property: background-color, border-color;
+ transition-duration: 150ms; }
+
+#UITourTooltipButtons > button:not(.button-link):not(:active):hover {
+ background-color: rgba(24, 26, 27, 0.15);
+ border-color: rgba(24, 26, 27, 0.15);
+ box-shadow: 0 1px 0 0 rgba(24, 26, 27, 0.05) inset; }
+
+#UITourTooltipButtons > button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.35);
+ padding-left: 10px;
+ padding-right: 10px; }
+
+#UITourTooltipButtons > button.button-link:hover {
+ color: black; }
+
+/* The primary button gets the same color as the customize button. */
+#UITourTooltipButtons > button.button-primary {
+ background-color: #74bf43;
+ color: white;
+ padding-left: 30px;
+ padding-right: 30px; }
+
+#UITourTooltipButtons > button.button-primary:not(:active):hover {
+ background-color: #69ad3d; }
+
+/* Notification overrides for Heartbeat UI */
+notification.heartbeat {
+ background-color: #F1F1F1;
+ border-bottom: 1px solid #C1C1C1;
+ height: 40px; }
+
+/* In themes/osx/global/notification.css the close icon is inverted because notifications
+ on OSX are usually dark. Heartbeat is light, so override that behaviour. */
+@keyframes pulse-onshow {
+ 0% {
+ opacity: 0;
+ transform: scale(1); }
+ 25% {
+ opacity: 1;
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(1); }
+ 75% {
+ transform: scale(1.1); }
+ 100% {
+ transform: scale(1); } }
+@keyframes pulse-twice {
+ 0% {
+ transform: scale(1.1); }
+ 50% {
+ transform: scale(0.8); }
+ 100% {
+ transform: scale(1); } }
+.messageText.heartbeat {
+ color: #333333;
+ text-shadow: none;
+ -moz-margin-start: 0px;
+ /* The !important is required to override OSX default style. */
+ -moz-margin-end: 12px !important; }
+
+.messageImage.heartbeat {
+ width: 24px;
+ height: 24px;
+ -moz-margin-start: 8px;
+ -moz-margin-end: 8px; }
+
+.messageImage.heartbeat.pulse-onshow {
+ animation-name: pulse-onshow;
+ animation-duration: 1.5s;
+ animation-iteration-count: 1;
+ animation-timing-function: cubic-bezier(0.7, 1.8, 0.9, 1.1); }
+
+.messageImage.heartbeat.pulse-twice {
+ animation-name: pulse-twice;
+ animation-duration: 1s;
+ animation-iteration-count: 2;
+ animation-timing-function: linear; }
+
+/* Learn More link styles */
+.heartbeat > .text-link {
+ color: #0095DD;
+ -moz-margin-start: 0px; }
+
+.heartbeat > .text-link:hover {
+ color: #008ACB;
+ text-decoration: none; }
+
+.heartbeat > .text-link:hover:active {
+ color: #006B9D; }
+
+/* Heartbeat UI Rating Star Classes */
+.heartbeat > #star-rating-container {
+ display: -moz-box;
+ margin-bottom: 4px; }
+
+.heartbeat > #star-rating-container > #star5 {
+ -moz-box-ordinal-group: 5; }
+
+.heartbeat > #star-rating-container > #star4 {
+ -moz-box-ordinal-group: 4; }
+
+.heartbeat > #star-rating-container > #star3 {
+ -moz-box-ordinal-group: 3; }
+
+.heartbeat > #star-rating-container > #star2 {
+ -moz-box-ordinal-group: 2; }
+
+.heartbeat > #star-rating-container > .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-off.svg");
+ cursor: pointer;
+ /* Overrides the -moz-margin-end for all platforms defined in the .plain class */
+ -moz-margin-end: 4px !important;
+ width: 16px;
+ height: 16px; }
+
+.heartbeat > #star-rating-container > .star-x:hover,
+.heartbeat > #star-rating-container > .star-x:hover ~ .star-x {
+ background: url("chrome://browser/skin/heartbeat-star-lit.svg"); }
+
+#UITourHighlight {
+ /* Below are some fixes for people without an X compositor on Linux.
+ This is why we can't have nice things: */
+ /* Animations don't repaint properly without an X compositor. */
+ animation-name: none !important;
+ /* Opacity rounds to 0 or 1 on Linux without an X compositor so make the
+ background be transparent in that case by having all alpha values < 0.5 */
+ background-image: radial-gradient(50% 100%, rgba(0, 149, 220, 0.3) 50%, rgba(0, 149, 220, 0.49) 100%);
+ /* The highlight isn't anti-aliased without an X compositor so make it thicker.
+ Make it a darker color since we don't have the box-shadow in this case. */
+ border: 4px solid #0095dc; }
+
+#UITourTooltipDescription {
+ font-size: 1.05rem; }
+
+#UITourTooltipClose {
+ -moz-margin-end: -4px;
+ height: 16px;
+ width: 16px; }
+
+#UITourTooltipButtons {
+ margin-bottom: -10px; }
+
+#context-navigation > .menuitem-iconic {
+ -moz-box-flex: 1;
+ -moz-box-pack: center;
+ -moz-box-align: center; }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ -moz-appearance: none; }
+
+#context-back {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back"); }
+
+#context-back[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-active"); }
+
+#context-back[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#back-disabled"); }
+
+#context-forward {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward"); }
+
+#context-forward[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-active"); }
+
+#context-forward[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#forward-disabled"); }
+
+#context-reload {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload"); }
+
+#context-reload[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-active"); }
+
+#context-reload[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#reload-disabled"); }
+
+#context-stop {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop"); }
+
+#context-stop[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-active"); }
+
+#context-stop[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#stop-disabled"); }
+
+#context-bookmarkpage {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark"); }
+
+#context-bookmarkpage[_moz-menuactive=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-active"); }
+
+#context-bookmarkpage[disabled=true] {
+ list-style-image: url("chrome://browser/skin/content-contextmenu.svg#bookmark-disabled"); }
+
+#context-back:-moz-locale-dir(rtl),
+#context-forward:-moz-locale-dir(rtl),
+#context-reload:-moz-locale-dir(rtl) {
+ transform: scaleX(-1); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left > .menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+ margin: 7px; }
+
+#context-media-eme-learnmore {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg#chains"); }
+
+#context-navigation > .menuitem-iconic > .menu-iconic-left {
+ visibility: visible;
+ /* override toolkit/themes/linux/global/menu.css */
+ -moz-padding-end: 0 !important;
+ -moz-margin-end: 0 !important; }
diff --git a/arc-firefox-theme/chrome/browser/sass/browser-light.scss b/arc-firefox-theme/chrome/browser/sass/browser-light.scss
new file mode 100644
index 0000000..8b87ca0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/browser-light.scss
@@ -0,0 +1,7 @@
+$variant: 'light';
+$transparency: 'true';
+$darker: 'false';
+
+@import "_colors";
+@import "_drawing";
+@import "_browser-sass";
diff --git a/arc-firefox-theme/chrome/browser/sass/parse-sass.sh b/arc-firefox-theme/chrome/browser/sass/parse-sass.sh
new file mode 100755
index 0000000..34eb227
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sass/parse-sass.sh
@@ -0,0 +1,3 @@
+#! /bin/bash
+
+bundle exec sass --update --style=nested --sourcemap=none .
diff --git a/arc-firefox-theme/chrome/browser/search-engine-placeholder.png b/arc-firefox-theme/chrome/browser/search-engine-placeholder.png
new file mode 100644
index 0000000..bff355b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-engine-placeholder.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/search-history-icon.svg b/arc-firefox-theme/chrome/browser/search-history-icon.svg
new file mode 100644
index 0000000..be66d39
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-history-icon.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16">
+<style type="text/css">
+
+use:not(:target) {
+ display: none;
+}
+
+use {
+ fill: graytext;
+}
+
+use[id$="-active"] {
+ fill: HighlightText;
+}
+
+</style>
+<defs style="display:none">
+ <path id="search-history-glyph" d="M8,1C4.1,1,1,4.1,1,8c0,3.9,3.1,7,7,7c3.9,0,7-3.1,7-7 C15,4.1,11.9,1,8,1z M8,13.3c-2.9,0-5.3-2.4-5.3-5.3S5.1,2.7,8,2.7c2.9,0,5.3,2.4,5.3,5.3S10.9,13.3,8,13.3z M10.5,7H9V5 c0-0.6-0.4-1-1-1S7,4.4,7,5v3c0,0.6,0.4,1,1,1h2.5c0.6,0,1-0.4,1-1C11.5,7.4,11.1,7,10.5,7z"/>
+</defs>
+<use id="search-history-icon" xlink:href="#search-history-glyph"/>
+<use id="search-history-icon-active" xlink:href="#search-history-glyph"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png b/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png
new file mode 100644
index 0000000..62bf01b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-indicator-badge-add.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/search-indicator.png b/arc-firefox-theme/chrome/browser/search-indicator.png
new file mode 100644
index 0000000..a4eab0d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-indicator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/search-pref.png b/arc-firefox-theme/chrome/browser/search-pref.png
new file mode 100644
index 0000000..1d50804
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/search-pref.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/searchbar.css b/arc-firefox-theme/chrome/browser/searchbar.css
new file mode 100644
index 0000000..02c8a01
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/searchbar.css
@@ -0,0 +1,274 @@
+/* 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/. */
+
+#PopupSearchAutoComplete {
+ -moz-margin-start: -24px;
+ padding: 1px;
+}
+
+.searchbar-textbox {
+ min-height: 22px;
+ background-color: -moz-field;
+}
+
+.autocomplete-textbox-container {
+ -moz-box-align: stretch;
+}
+
+.textbox-input-box {
+ margin: 0;
+}
+
+.searchbar-engine-menuitem[selected="true"] > .menu-iconic-text {
+ font-weight: bold;
+}
+
+/* Engine button */
+.searchbar-engine-image {
+ height: 16px;
+ width: 16px;
+ list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png");
+}
+
+.searchbar-engine-button {
+ -moz-appearance: none;
+ min-width: 0;
+ margin: 0;
+ border: 0;
+ -moz-box-align: center;
+ background-color: transparent;
+}
+
+.searchbar-engine-button > .button-box {
+ -moz-appearance: none;
+ padding: 2px 0;
+ -moz-padding-end: 2px;
+ border: 0;
+}
+
+.searchbar-dropmarker-image {
+ -moz-appearance: toolbarbutton-dropdown !important;
+ width: 12px;
+ height: 12px;
+}
+
+/* Search go button */
+.search-go-container {
+ -moz-box-align: center;
+}
+
+.search-go-button {
+ padding: 1px;
+ list-style-image: url(moz-icon://stock/gtk-find?size=menu);
+}
+
+menuitem[cmd="cmd_clearhistory"] {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu");
+}
+
+menuitem[cmd="cmd_clearhistory"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=menu&state=disabled");
+}
+
+
+
+
+.searchbar-search-button-container {
+ -moz-box-align: center;
+}
+
+.searchbar-search-button {
+ list-style-image: url("chrome://browser/skin/search-indicator.png");
+ -moz-image-region: rect(0, 20px, 20px, 0);
+ -moz-margin-start: 2px;
+}
+
+.searchbar-search-button[addengines="true"] {
+ list-style-image: url("chrome://browser/skin/search-indicator-badge-add.png");
+}
+
+.searchbar-search-button:hover {
+ -moz-image-region: rect(0, 40px, 20px, 20px);
+}
+
+.searchbar-search-button:hover:active {
+ -moz-image-region: rect(0, 60px, 20px, 40px);
+}
+
+searchbar[oneoffui] .search-go-button {
+ list-style-image: url("chrome://browser/skin/reload-stop-go.png");
+ -moz-image-region: rect(0, 42px, 14px, 28px);
+}
+
+searchbar[oneoffui] .search-go-button:hover {
+ -moz-image-region: rect(14px, 42px, 28px, 28px);
+}
+
+searchbar[oneoffui] .search-go-button:hover:active {
+ -moz-image-region: rect(28px, 42px, 42px, 28px);
+}
+
+searchbar[oneoffui] .search-go-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
+ transform: scaleX(-1);
+}
+
+
+.search-panel-current-engine {
+ border-top: none !important;
+ -moz-box-align: center;
+}
+
+.search-panel-current-engine:not([showonlysettings]) {
+ border-bottom: 1px solid #ccc;
+}
+
+.search-panel-header {
+ font-weight: normal;
+ background-color: rgb(245, 245, 245);
+ border-top: 1px solid #ccc;
+ padding: 3px 5px;
+ color: #666;
+}
+
+.search-panel-current-input > label {
+ margin: 0 0 !important;
+}
+
+.search-panel-input-value {
+ color: black;
+}
+
+.search-panel-one-offs {
+ margin: 0 -1px !important;
+ border-top: 1px solid #ccc;
+}
+
+.searchbar-engine-one-off-item {
+ -moz-appearance: none;
+ display: inline-block;
+ border: none;
+ min-width: 48px;
+ height: 32px;
+ margin: 0 0;
+ padding: 0 0;
+ background: none;
+ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gofECQNNVW2/AAAABBJREFUGFdjOHPmzH8GehEA/KpKg9YTf4AAAAAASUVORK5CYII=');
+ background-repeat: no-repeat;
+ background-position: right center;
+}
+
+.searchbar-engine-one-off-item:not(.last-row) {
+ box-sizing: padding-box;
+ border-bottom: 1px solid #ccc;
+}
+
+.searchbar-engine-one-off-item.last-of-row {
+ background-image: none;
+}
+
+.searchbar-engine-one-off-item[selected] {
+ background-color: Highlight;
+ background-image: none;
+}
+
+.searchbar-engine-one-off-item > .button-box {
+ border: none;
+ padding: 0;
+}
+
+.searchbar-engine-one-off-item > .button-box > .button-text {
+ display: none;
+}
+
+.searchbar-engine-one-off-item > .button-box > .button-icon {
+ display: -moz-box;
+ -moz-margin-end: 0;
+ width: 16px;
+ height: 16px;
+}
+
+.addengine-item {
+ -moz-appearance: none;
+ border: none;
+ height: 32px;
+ margin: 0;
+ padding: 0 10px;
+}
+
+.addengine-item > .button-box {
+ -moz-box-pack: start;
+}
+
+.addengine-item:first-of-type {
+ border-top: 1px solid #ccc;
+}
+
+.addengine-item[selected] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+.addengine-icon {
+ width: 16px;
+}
+
+.addengine-badge {
+ width: 16px;
+ height: 16px;
+ margin: -7px -9px 7px 9px;
+ list-style-image: url("chrome://browser/skin/badge-add-engine.png");
+}
+
+.addengine-item > .button-box > .button-text {
+ -moz-box-flex: 1;
+ text-align: start;
+ -moz-padding-start: 10px;
+}
+
+.addengine-item:not([image]) {
+ list-style-image: url("chrome://browser/skin/search-engine-placeholder.png");
+}
+
+searchbar[oneoffui] .searchbar-engine-button {
+ display: none;
+}
+
+.search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
+ border-top: none !important;
+}
+
+.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
+ -moz-padding-start: 4px;
+}
+
+.search-panel-tree > .autocomplete-treebody::-moz-tree-image {
+ -moz-padding-start: 5px;
+ width: 14px;
+ height: 14px;
+}
+
+.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory) {
+ list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon");
+}
+
+.search-panel-tree > .autocomplete-treebody::-moz-tree-image(fromhistory, selected) {
+ list-style-image: url("chrome://browser/skin/search-history-icon.svg#search-history-icon-active");
+}
+
+searchbar[oneoffui] .searchbar-engine-image {
+ -moz-margin-start: -1px;
+}
+
+.search-setting-button {
+ -moz-appearance: none;
+ border: none;
+ border-top: 1px solid #ccc;
+ margin: 0;
+ min-height: 32px;
+}
+
+.search-setting-button[selected] {
+ background-color: #d3d3d3;
+ border-top-color: #bdbebe;
+}
diff --git a/arc-firefox-theme/chrome/browser/session-restore.svg b/arc-firefox-theme/chrome/browser/session-restore.svg
new file mode 100644
index 0000000..aadee35
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/session-restore.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50">
+ <stop offset="0" style="stop-color: #fedb00"/>
+ <stop offset="1" style="stop-color: #fcce00"/>
+ </linearGradient>
+ <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702
+ L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224
+ C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896
+ c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592
+ C32.592,43.712,31.472,44.896,30,44.896z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/setDesktopBackground.css b/arc-firefox-theme/chrome/browser/setDesktopBackground.css
new file mode 100644
index 0000000..585284c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/setDesktopBackground.css
@@ -0,0 +1,18 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+html|canvas#screen {
+ margin: 12px 11px 32px;
+}
+
+#monitor {
+ list-style-image: url("chrome://browser/skin/monitor.png");
+}
+
+#monitor[aspectratio="16:10"] {
+ list-style-image: url("chrome://browser/skin/monitor_16-10.png");
+}
diff --git a/arc-firefox-theme/chrome/browser/slowStartup-16.png b/arc-firefox-theme/chrome/browser/slowStartup-16.png
new file mode 100644
index 0000000..834dc0f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/slowStartup-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/chat-icons.svg b/arc-firefox-theme/chrome/browser/social/chat-icons.svg
new file mode 100644
index 0000000..272fe5b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/chat-icons.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ viewBox="-3 -3 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<style>
+use:not(:target) {
+ display: none;
+}
+
+use {
+ fill: #c1c1c1;
+}
+
+use[id$="-active"] {
+ fill: #c1c1c1;
+}
+
+use[id$="-disabled"] {
+ fill: #c1c1c1;
+}
+</style>
+<defs>
+ <polygon id="close-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,1.717 8.336,0.049 5.024,3.369 1.663,0 0,1.668
+ 3.36,5.037 0.098,8.307 1.762,9.975 5.025,6.705 8.311,10 9.975,8.332 6.688,5.037"/>
+ <path id="dropdown-shape" fill-rule="evenodd" clip-rule="evenodd" d="M9,3L4.984,7L1,3H9z"/>
+ <polygon id="expand-shape" fill-rule="evenodd" clip-rule="evenodd" points="10,0 4.838,0 6.506,1.669 0,8.175 1.825,10 8.331,3.494
+ 10,5.162"/>
+ <rect id="minimize-shape" y="3.6" fill-rule="evenodd" clip-rule="evenodd" width="10" height="2.8"/>
+</defs>
+<use id="close" xlink:href="#close-shape"/>
+<use id="close-active" xlink:href="#close-shape"/>
+<use id="close-disabled" xlink:href="#close-shape"/>
+<use id="expand" xlink:href="#expand-shape"/>
+<use id="expand-active" xlink:href="#expand-shape"/>
+<use id="expand-disabled" xlink:href="#expand-shape"/>
+<use id="minimize" xlink:href="#minimize-shape"/>
+<use id="minimize-active" xlink:href="#minimize-shape"/>
+<use id="minimize-disabled" xlink:href="#minimize-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/social/gear_clicked.png b/arc-firefox-theme/chrome/browser/social/gear_clicked.png
new file mode 100644
index 0000000..7c93aa7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/gear_clicked.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/gear_default.png b/arc-firefox-theme/chrome/browser/social/gear_default.png
new file mode 100644
index 0000000..2a9c8e1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/gear_default.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/services-16.png b/arc-firefox-theme/chrome/browser/social/services-16.png
new file mode 100644
index 0000000..7001ea1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/services-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/services-64.png b/arc-firefox-theme/chrome/browser/social/services-64.png
new file mode 100644
index 0000000..e787bdd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/services-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/share-button-active.png b/arc-firefox-theme/chrome/browser/social/share-button-active.png
new file mode 100644
index 0000000..7df438d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/share-button-active.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/social/share-button.png b/arc-firefox-theme/chrome/browser/social/share-button.png
new file mode 100644
index 0000000..c5298c1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/social/share-button.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-128.png b/arc-firefox-theme/chrome/browser/sync-128.png
new file mode 100644
index 0000000..1ea3481
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-128.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-16.png b/arc-firefox-theme/chrome/browser/sync-16.png
new file mode 100644
index 0000000..0afb1c7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-32.png b/arc-firefox-theme/chrome/browser/sync-32.png
new file mode 100644
index 0000000..7a762cb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-32.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-bg.png b/arc-firefox-theme/chrome/browser/sync-bg.png
new file mode 100644
index 0000000..893a27d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-bg.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-desktopIcon.png b/arc-firefox-theme/chrome/browser/sync-desktopIcon.png
new file mode 100644
index 0000000..d3d1e27
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-desktopIcon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-horizontalbar.png b/arc-firefox-theme/chrome/browser/sync-horizontalbar.png
new file mode 100644
index 0000000..824d469
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-horizontalbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png b/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png
new file mode 100644
index 0000000..fadb575
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-horizontalbar@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-mobileIcon.png b/arc-firefox-theme/chrome/browser/sync-mobileIcon.png
new file mode 100644
index 0000000..a3bda57
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-mobileIcon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/sync-notification-24.png b/arc-firefox-theme/chrome/browser/sync-notification-24.png
new file mode 100644
index 0000000..d67eb47
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/sync-notification-24.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncCommon.css b/arc-firefox-theme/chrome/browser/syncCommon.css
new file mode 100644
index 0000000..9a84ceb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncCommon.css
@@ -0,0 +1,49 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* The following are used by both sync/setup.xul and sync/genericChange.xul */
+.status {
+ color: -moz-dialogtext;
+}
+
+.statusIcon {
+ -moz-margin-start: 4px;
+ max-height: 16px;
+ max-width: 16px;
+}
+
+.statusIcon[status="active"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
+
+.statusIcon[status="error"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
+}
+
+.statusIcon[status="success"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
+}
+
+/* .data is only used by sync/genericChange.xul, but it seems unnecessary to have
+ a separate stylesheet for it. */
+.data {
+ font-size: 90%;
+ font-weight: bold;
+}
+
+dialog#change-dialog {
+ width: 40em;
+}
+
+image#syncIcon {
+ list-style-image: url("chrome://browser/skin/sync-32.png");
+}
+
+#introText {
+ margin-top: 2px;
+}
+
+#feedback {
+ height: 2em;
+}
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png
new file mode 100644
index 0000000..48cd110
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png
new file mode 100644
index 0000000..e1de476
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-horizontalbar@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png
new file mode 100644
index 0000000..6fd6f9c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png
new file mode 100644
index 0000000..04b2cae
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-menuPanel@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png
new file mode 100644
index 0000000..4ede438
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-toolbar-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png b/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png
new file mode 100644
index 0000000..49e224f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress-toolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/syncProgress.css b/arc-firefox-theme/chrome/browser/syncProgress.css
new file mode 100644
index 0000000..d7aa599
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncProgress.css
@@ -0,0 +1,46 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+@import url(chrome://global/skin/inContentUI.css);
+
+:root {
+ height: 100%;
+ width: 100%;
+ padding: 0;
+}
+
+body {
+ margin: 0;
+ padding: 0 2em;
+}
+
+#floatingBox {
+ margin: 4em auto;
+ max-width: 40em;
+ min-width: 23em;
+ padding: 1em 1.5em;
+ position: relative;
+ text-align: center;
+}
+
+#successLogo {
+ margin: 1em 2em;
+}
+
+#loadingText {
+ margin: 2em 6em;
+}
+
+#progressBar {
+ margin: 2em 10em;
+}
+
+#uploadProgressBar{
+ width: 100%;
+}
+
+#bottomRow {
+ margin-top: 2em;
+ padding: 0;
+ text-align: end;
+}
diff --git a/arc-firefox-theme/chrome/browser/syncQuota.css b/arc-firefox-theme/chrome/browser/syncQuota.css
new file mode 100644
index 0000000..1577de8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncQuota.css
@@ -0,0 +1,26 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#quotaDialog {
+ width: 33em;
+ height: 25em;
+}
+
+treechildren::-moz-tree-checkbox {
+ list-style-image: none;
+}
+treechildren::-moz-tree-checkbox(checked) {
+ list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+treechildren::-moz-tree-checkbox(disabled) {
+ list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif");
+}
+
+#treeCaption {
+ height: 4em;
+}
+
+.captionWarning {
+ font-weight: bold;
+}
diff --git a/arc-firefox-theme/chrome/browser/syncSetup.css b/arc-firefox-theme/chrome/browser/syncSetup.css
new file mode 100644
index 0000000..4c6518a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/syncSetup.css
@@ -0,0 +1,127 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+wizard {
+ -moz-appearance: none;
+ width: 55em;
+ height: 45em;
+ padding: 0;
+ background-color: Window;
+}
+
+.wizard-page-box {
+ -moz-appearance: none;
+ padding-left: 0;
+ padding-right: 0;
+ margin: 0;
+}
+
+wizardpage {
+ -moz-box-pack: center;
+ -moz-box-align: center;
+ margin: 0;
+ padding: 0 6em;
+ background-color: Window;
+}
+
+.wizard-header {
+ -moz-appearance: none;
+ border: none;
+ padding: 2em 0 1em 0;
+ text-align: center;
+}
+.wizard-header-label {
+ font-size: 24pt;
+ font-weight: normal;
+}
+
+.wizard-buttons {
+ background-color: rgba(0,0,0,0.1);
+ padding: 1em;
+}
+
+.wizard-buttons-separator {
+ visibility: collapse;
+}
+
+.wizard-header-icon {
+ visibility: collapse;
+}
+
+.accountChoiceButton {
+ font: menu;
+}
+
+.confirm {
+ border: 1px solid black;
+ padding: 1em;
+ border-radius: 5px;
+}
+
+/* Override the text-link style from global.css */
+description > .text-link,
+description > .text-link:focus {
+ margin: 0px;
+ padding: 0px;
+ border: 0px;
+}
+
+
+.success,
+.error {
+ padding: 2px;
+ border-radius: 2px;
+}
+
+.error {
+ background-color: #FF0000 !important;
+ color: #FFFFFF !important;
+}
+
+.success {
+ background-color: #00FF00 !important;
+}
+
+.warning {
+ font-weight: bold;
+ font-size: 100%;
+ color: red;
+}
+
+.mainDesc {
+ font-weight: bold;
+ font-size: 100%;
+}
+
+.normal {
+ font-size: 100%;
+}
+
+.inputColumn {
+ -moz-margin-end: 2px
+}
+
+.pin {
+ font-size: 18pt;
+ width: 4em;
+ text-align: center;
+}
+
+#passphraseHelpSpacer {
+ width: 0.5em;
+}
+
+#pairDeviceThrobber > image,
+#login-throbber > image {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
+
+#captchaFeedback {
+ visibility: hidden;
+}
+
+#successPageIcon {
+ /* TODO replace this with a 128px version (bug 591122) */
+ list-style-image: url("chrome://browser/skin/sync-32.png");
+}
diff --git a/arc-firefox-theme/chrome/browser/tab-crashed.svg b/arc-firefox-theme/chrome/browser/tab-crashed.svg
new file mode 100644
index 0000000..9a656eb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tab-crashed.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="12.8499" x2="30" y2="47.1501">
+ <stop offset="0" style="stop-color: #e63b2e"/>
+ <stop offset="1" style="stop-color: #c33931"/>
+ </linearGradient>
+ <path fill-rule="evenodd" clip-rule="evenodd" fill="url(#gradient)" d="M49.048,17.648H29.004
+ c-2.289-0.016-2.809-1.142-3.165-2.401c-0.359-1.269-1.076-2.397-3.229-2.397c-5.775,0-5.42,0-6.167,0
+ c-2.153,0-2.87,1.127-3.229,2.397c-0.359,1.269-0.882,2.403-3.214,2.403h0.94c-0.519,0.008-0.937,0.433-0.937,0.958v27.583
+ c0,0.53,0.426,0.959,0.952,0.959h38.093c0.526,0,0.952-0.429,0.952-0.959V18.607C50,18.077,49.574,17.648,49.048,17.648z
+ M18.441,27.932c0-2.119,1.705-3.837,3.809-3.837c2.103,0,3.809,1.718,3.809,3.837c0,2.119-1.705,3.837-3.809,3.837
+ C20.146,31.769,18.441,30.051,18.441,27.932z M36.717,41.83c-1.525,0-1.525-2.305-6.864-2.305c-5.339,0-5.339,2.305-6.864,2.305
+ c-0.842,0-1.526-0.512-1.526-1.537c0-1.024,1.271-3.842,8.39-3.842c7.119,0,8.39,2.804,8.39,3.842
+ C38.243,41.331,37.56,41.83,36.717,41.83z M37.485,31.769c-2.104,0-3.809-1.718-3.809-3.837c0-2.119,1.705-3.837,3.809-3.837
+ c2.104,0,3.809,1.718,3.809,3.837C41.294,30.051,39.588,31.769,37.485,31.769z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png
new file mode 100644
index 0000000..f3261f1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png
new file mode 100644
index 0000000..a7abe73
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/alltabs.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png b/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png
new file mode 100644
index 0000000..e564fb5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/connecting.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg b/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg
new file mode 100644
index 0000000..013e2b9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/crashed.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="22 22 16 16">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="23" x2="30" y2="37">
+ <stop offset="0" style="stop-color: #e63b2e"/>
+ <stop offset="1" style="stop-color: #c33931"/>
+ </linearGradient>
+ <circle fill="url(#gradient)" cx="30" cy="30" r="7"/>
+ <path fill="#fff" d="M31.03,33.304c0,0.6-0.479,1.092-1.091,1.092c-0.6,0-1.079-0.492-1.079-1.092 c0-0.588,0.479-1.079,1.079-1.079C30.551,32.225,31.03,32.716,31.03,33.304z M29.171,31.133l-0.24-5.253h2.015l-0.24,5.253H29.171z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/loading.png b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png
new file mode 100644
index 0000000..55f25e5
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/loading.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png b/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png
new file mode 100644
index 0000000..82bac53
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/pendingpaint.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png
new file mode 100644
index 0000000..b7e6d6f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-active-middle.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png
new file mode 100644
index 0000000..16cd7a2
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png
new file mode 100644
index 0000000..e0fb348
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-arrow-left.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png
new file mode 100644
index 0000000..fb353b1
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-end.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png
new file mode 100644
index 0000000..51e066c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-middle.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png
new file mode 100644
index 0000000..cf0dc85
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-background-start.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png
new file mode 100644
index 0000000..17d27c9
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-overflow-indicator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg
new file mode 100644
index 0000000..ba68a06
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-end.svg
@@ -0,0 +1,51 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ width="30px"
+ height="31px"
+ preserveAspectRatio="none">
+ <defs>
+ <style><![CDATA[
+
+
+/* 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/. */
+
+
+
+ #tab-background-fill {
+ background-color: -moz-dialog;
+ background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+ background-repeat: no-repeat;
+ height: 100%;
+ width: 100%;
+ }
+
+ ]]></style>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg:clipPath id="tab-curve-clip-path-start" clipPathUnits="objectBoundingBox">
+ <svg:path d="m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z"/>
+</svg:clipPath>
+
+<svg:clipPath id="tab-curve-clip-path-end" clipPathUnits="objectBoundingBox">
+ <svg:path d="m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z"/>
+</svg:clipPath>
+
+<svg:clipPath id="tab-hover-clip-path" clipPathUnits="objectBoundingBox">
+ <svg:path d="M 0,0.2 0,1 1,1, 1,0.2 z"/>
+</svg:clipPath>
+
+ </defs>
+ <foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-end)">
+ <div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div>
+ </foreignObject>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg
new file mode 100644
index 0000000..383b5d4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-selected-start.svg
@@ -0,0 +1,51 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ width="30px"
+ height="31px"
+ preserveAspectRatio="none">
+ <defs>
+ <style><![CDATA[
+
+
+/* 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/. */
+
+
+
+ #tab-background-fill {
+ background-color: -moz-dialog;
+ background-image: linear-gradient(transparent 0px, transparent 2px, hsla(0,0%,100%,0.35) 2px, hsla(0,0%,100%,0.35) 3px, hsla(0,0%,100%,0.65) 3px, hsla(0,0%,100%,0.65) 4px, rgba(255,255,255,.3));
+ background-repeat: no-repeat;
+ height: 100%;
+ width: 100%;
+ }
+
+ ]]></style>
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg:clipPath id="tab-curve-clip-path-start" clipPathUnits="objectBoundingBox">
+ <svg:path d="m 1,0.0625 0.05,0 0,0.938 -1,0 0,-0.028 C 0.32082458,0.95840561 0.4353096,0.81970962 0.48499998,0.5625 0.51819998,0.3905 0.535,0.0659 1,0.0625 z"/>
+</svg:clipPath>
+
+<svg:clipPath id="tab-curve-clip-path-end" clipPathUnits="objectBoundingBox">
+ <svg:path d="m 0,0.0625 -0.05,0 0,0.938 1,0 0,-0.028 C 0.67917542,0.95840561 0.56569036,0.81970962 0.51599998,0.5625 0.48279998,0.3905 0.465,0.0659 0,0.0625 z"/>
+</svg:clipPath>
+
+<svg:clipPath id="tab-hover-clip-path" clipPathUnits="objectBoundingBox">
+ <svg:path d="M 0,0.2 0,1 1,1, 1,0.2 z"/>
+</svg:clipPath>
+
+ </defs>
+ <foreignObject width="30" height="31" clip-path="url(#tab-curve-clip-path-start)">
+ <div id="tab-background-fill" xmlns="http://www.w3.org/1999/xhtml"></div>
+ </foreignObject>
+</svg>
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png
new file mode 100644
index 0000000..0b3c4e4
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-separator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png
new file mode 100644
index 0000000..2aa5711
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-end.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png
new file mode 100644
index 0000000..4e4e41f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tab-stroke-start.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png b/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png
new file mode 100644
index 0000000..df7d914
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabbrowser/tabDragIndicator.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabview/edit-light.png b/arc-firefox-theme/chrome/browser/tabview/edit-light.png
new file mode 100644
index 0000000..af42a28
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabview/edit-light.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabview/search.png b/arc-firefox-theme/chrome/browser/tabview/search.png
new file mode 100644
index 0000000..df7212d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabview/search.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabview/stack-expander.png b/arc-firefox-theme/chrome/browser/tabview/stack-expander.png
new file mode 100644
index 0000000..80e5133
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabview/stack-expander.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/tabview/tabview.css b/arc-firefox-theme/chrome/browser/tabview/tabview.css
new file mode 100644
index 0000000..648b36e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabview/tabview.css
@@ -0,0 +1,666 @@
+/* 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/. */
+
+body {
+ font: -moz-window;
+ color: WindowText;
+ font-size: 12px;
+}
+
+#bg {
+ background-color: window;
+ background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.2));
+}
+
+/* Tabs
+----------------------------------*/
+
+.tab {
+ margin: 4px;
+ padding-top: 4px;
+ -moz-padding-end: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 4px;
+ background-color: #D7D7D7;
+ border-radius: 0.4em;
+ cursor: pointer;
+}
+
+html[dir=rtl] .tab {
+ box-shadow: 0 1px 0 #FFFFFF inset,
+ 0 -1px 1px rgba(255, 255, 255, 0.4) inset,
+ -1px 0 1px rgba(255, 255, 255, 0.4) inset,
+ 1px 0 1px rgba(255, 255, 255, 0.4) inset,
+ 0 1px 1.5px rgba(0, 0, 0, 0.4);
+}
+
+.tab canvas,
+.cached-thumb {
+ border: 1px solid rgba(0,0,0,0.2);
+}
+
+.thumb {
+ box-shadow: 1px 2px 0 rgba(0, 0, 0, 0.2);
+ background-color: white;
+}
+
+html[dir=rtl] .thumb {
+ box-shadow: -1px 2px 0 rgba(0, 0, 0, 0.2);
+}
+
+.favicon {
+ background-color: #D7D7D7;
+ box-shadow:
+ 0 -1px 0 rgba(225, 225, 225, 0.8) inset,
+ -1px 0 0 rgba(225, 225, 225, 0.8) inset;
+ padding-top: 4px;
+ -moz-padding-end: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 4px;
+ top: 4px;
+ left: 4px;
+ -moz-border-end: 1px solid rgba(0, 0, 0, 0.3);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+ height: 16px;
+ width: 16px;
+}
+
+html[dir=ltr] .favicon {
+ border-bottom-right-radius: 0.4em;
+}
+
+html[dir=rtl] .favicon {
+ border-bottom-left-radius: 0.4em;
+ box-shadow:
+ 0 -1px 0 rgba(225, 225, 225, 0.8) inset,
+ 1px 0 0 rgba(225, 225, 225, 0.8) inset;
+ left: auto;
+ right: 2px;
+}
+
+.favicon img {
+ border: none;
+ width: 16px;
+ height: 16px;
+}
+
+.close {
+ top: 6px;
+ right: 6px;
+ width: 16px;
+ height: 16px;
+ opacity: 0.2;
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.close:hover {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
+}
+
+.close:hover:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
+}
+
+html[dir=rtl] .close {
+ right: auto;
+ left: 6px;
+}
+
+.close:hover,
+.appTabIcon:hover {
+ opacity: 1.0;
+}
+
+.expander {
+ bottom: 8px;
+ right: 6px;
+ width: 16px;
+ height: 16px;
+ background: url(chrome://global/skin/icons/resizer.png) no-repeat;
+ opacity: 0.2;
+}
+
+html[dir=rtl] .expander {
+ right: auto;
+ left: 6px;
+ transform: scaleX(-1);
+}
+
+.expander:hover {
+ opacity: 1.0;
+}
+
+.close:hover,
+.expander:hover,
+.appTabIcon:hover {
+ transition-property: opacity;
+ transition-duration: 0.5s;
+ transition-timing-function: ease-out;
+}
+
+.favicon img:hover,
+.close img:hover,
+.expander img:hover {
+ opacity: 1;
+ border: none;
+}
+
+.tab-title {
+ top: 100%;
+ text-align: center;
+ width: 94.5%;
+}
+
+.stacked {
+ padding: 0;
+}
+
+.stacked .thumb {
+ box-shadow: rgba(0,0,0,.2) 1px 1px 4px;
+}
+
+html[dir=rtl] .stacked .thumb {
+ box-shadow: rgba(0,0,0,.2) -1px 1px 4px;
+}
+
+.stack-trayed .tab-title {
+ text-shadow: rgba(0,0,0,1) 1px 1px 1.5px;
+ color: #EEE;
+ font-size: 11px;
+}
+
+html[dir=rtl] .stack-trayed .tab-title {
+ text-shadow: rgba(0,0,0,1) -1px 1px 1.5px;
+}
+
+.stack-trayed .thumb {
+ box-shadow: none !important;
+}
+
+.tab.focus {
+ box-shadow: Highlight 0px 0px 5px 1px !important;
+ border: 1px solid Highlight;
+}
+
+/* Tab: Zooming
+----------------------------------*/
+
+.front .tab-title,
+.front .close,
+.front .favicon,
+.front .expander,
+.front .thumb-shadow {
+ display: none;
+}
+
+.front .focus {
+ box-shadow: none !important;
+}
+
+/* Tab GroupItem
+----------------------------------*/
+
+.groupItem {
+ cursor: pointer;
+ border: 1px solid rgba(230,230,230,1);
+ background-color: window;
+ background-image: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.1));
+ border-radius: 0.4em;
+ box-shadow:
+ inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
+ rgba(0,0,0,0.2) 1px 1px 3px;
+}
+
+html[dir=rtl] .groupItem {
+ box-shadow:
+ inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
+ rgba(0,0,0,0.2) -1px 1px 3px;
+}
+
+.groupItem.activeGroupItem {
+ box-shadow:
+ rgba(0,0,0,0.8) 2px 2px 8px;
+}
+
+html[dir=rtl] .groupItem.activeGroupItem {
+ box-shadow:
+ rgba(0,0,0,0.8) -2px 2px 8px;
+}
+
+.groupItem .close {
+ z-index: 10;
+ top: 0px;
+ right: 0px;
+ width: 22px;
+ height: 22px;
+ background-position: bottom left;
+}
+
+html[dir=rtl] .groupItem .close {
+ right: auto;
+ left: 0px;
+ background-position: bottom right;
+}
+
+.phantom {
+ border: 1px solid rgba(190,190,190,1);
+}
+
+.dragRegion {
+ background: rgba(248,248,248,0.4);
+}
+
+.overlay {
+ background-color: rgba(0,0,0,.7) !important;
+ box-shadow: 3px 3px 5.5px rgba(0,0,0,.5);
+ border-radius: 0.4em;
+}
+
+html[dir=rtl] .overlay {
+ box-shadow: -3px 3px 5.5px rgba(0,0,0,.5);
+}
+
+.appTabTrayContainer {
+ top: 34px;
+ right: 1px;
+ -moz-border-start: 1px solid #E1E1E1;
+ padding: 0 5px;
+ overflow: -moz-hidden-unscrollable;
+ text-align: start;
+ line-height: 0;
+}
+
+html[dir=rtl] .appTabTrayContainer {
+ right: auto;
+ left: 1px;
+}
+
+.appTabTray {
+ display: inline-block;
+ -moz-column-width: 16px;
+ -moz-column-gap: 5px;
+}
+
+.appTabTrayContainerTruncated {
+ padding-bottom: 7px;
+}
+
+.appTabTrayContainerTruncated:after {
+ content: "…";
+ position: absolute;
+ bottom: 2px;
+ left: 0;
+ display: block;
+ width: 100%;
+ height: 15px;
+ line-height: 15px;
+ text-align: center;
+ font-size: 15px;
+}
+
+.appTabIcon {
+ width: 16px;
+ height: 16px;
+ cursor: pointer;
+ opacity: 0.8;
+ padding-bottom: 3px;
+ display: block;
+}
+
+.undo {
+ background-color: rgba(0,0,0,.2);
+ padding-top: 3px;
+ padding-bottom: 3px;
+ -moz-padding-start: 5px;
+ -moz-padding-end: 20px;
+ width: 135px;
+ line-height: 25px;
+ box-shadow: 0 1px 0 rgba(255,255,255,.4), 0 1px 0 rgba(0,0,0,.3) inset;
+ text-shadow: 0 1px 0 rgba(255,255,255,.2);
+ color: WindowText;
+ border-radius: 0.4em;
+ text-align: center;
+ border: none;
+ cursor: pointer;
+}
+
+.undo:hover {
+ background-color: rgba(0,0,0,.3);
+}
+
+.undo .close {
+ top: 7px;
+ right: 7px;
+ opacity: 0.5;
+}
+
+html[dir=rtl] .undo .close {
+ right: auto;
+ left: 7px;
+}
+
+.undo .close:hover{
+ opacity: 1.0;
+}
+
+/* Trenches
+----------------------------------*/
+
+.guideTrench {
+ opacity: 0.9;
+ border: 1px dashed rgba(0,0,0,.12);
+ border-bottom: none;
+ -moz-border-end: none;
+ box-shadow: 1px 1px 0 rgba(255,255,255,.15);
+}
+
+html[dir=rtl] .guideTrench {
+ box-shadow: 1px 1px 0 rgba(255,255,255,.15);
+}
+
+.visibleTrench {
+ opacity: 0.05;
+}
+
+.activeVisibleTrench {
+ opacity: 0;
+}
+
+.activeVisibleTrench.activeTrench {
+ opacity: 0.45;
+}
+
+.visibleTrench.border,
+.activeVisibleTrench.border {
+ background-color: red;
+}
+
+.visibleTrench.guide,
+.activeVisibleTrench.guide {
+ background-color: blue;
+}
+
+/* Other
+----------------------------------*/
+
+.active {
+ box-shadow: 5px 5px 3px rgba(0,0,0,.5);
+}
+
+html[dir=rtl] .active {
+ box-shadow: -5px 5px 3px rgba(0,0,0,.5);
+}
+
+.acceptsDrop {
+ box-shadow: 2px 2px 7px -1px rgba(0,0,0,.6);
+}
+
+html[dir=rtl] .acceptsDrop {
+ box-shadow: -2px 2px 7px -1px rgba(0,0,0,.6);
+}
+
+.titlebar {
+ cursor: move;
+ font-size: 12px;
+ height: 18px;
+}
+
+input.name {
+ background: transparent;
+ border: 1px solid transparent;
+ color: GrayText;
+ margin-top: 3px;
+ -moz-margin-end: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 3px;
+ padding: 1px;
+}
+
+html[dir=rtl] input.name {
+ background-position: right top;
+}
+
+.title-container:hover input.name,
+.title-container input.name:focus {
+ border: 1px solid #ddd;
+}
+
+.title-container:hover input.name-locked {
+ border: 1px solid transparent !important;
+ cursor: default;
+}
+
+input.name:focus {
+ color: WindowText;
+}
+
+input.name::-moz-placeholder {
+ opacity: 1.0;
+ font-style: italic !important;
+ color: transparent;
+ background-image: url(chrome://browser/skin/tabview/edit-light.png);
+ background-repeat: no-repeat;
+}
+
+.title-container:hover input.name::-moz-placeholder {
+ color: GrayText;
+ background-image: none;
+}
+
+input.name:focus::-moz-placeholder {
+ background-image: none;
+}
+
+.title-shield {
+ margin-top: 3px;
+ -moz-margin-end: 0;
+ margin-bottom: 0;
+ -moz-margin-start: 3px;
+ padding: 1px;
+ left: 0;
+ top: 0;
+ height: 100%;
+ width: -moz-available;
+ cursor: text;
+}
+
+html[dir=rtl] .title-shield {
+ left: auto;
+ right: 0;
+}
+
+.transparentBorder {
+ border: 1px solid transparent !important;
+}
+
+.stackExpander {
+ cursor: pointer;
+ bottom: 8px;
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 48, 24, 24);
+ width: 24px;
+ height: 24px;
+}
+
+.stackExpander:hover {
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/stack-expander.png), 0, 24, 24, 0);
+}
+
+/* Resizable
+----------------------------------*/
+.resizer {
+ background-image: url(chrome://global/skin/icons/resizer.png);
+ width: 16px;
+ height: 16px;
+ bottom: 0px;
+ right: 0px;
+ opacity: .2;
+}
+
+html[dir=rtl] .resizer {
+ right: auto;
+ left: 0;
+ transform: scaleX(-1);
+}
+
+.iq-resizable-handle {
+ font-size: 0.1px;
+}
+
+.iq-resizable-se {
+ cursor: se-resize;
+ width: 12px;
+ height: 12px;
+ padding-right: 3px;
+ padding-bottom: 3px;
+ right: -2px;
+ bottom: -2px;
+}
+
+html[dir=rtl] .iq-resizable-se {
+ cursor: sw-resize;
+ right: auto;
+ left: 1px;
+}
+
+/* Exit button
++----------------------------------*/
+#exit-button {
+ width: 16px;
+ height: 16px;
+ -moz-margin-end: 8px;
+ margin-top: 5px;
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 80, 16, 64);
+ background-attachment: scroll;
+ background-repeat: no-repeat;
+ border: none;
+}
+
+#exit-button[groups="0"] {
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 16, 16, 0);
+}
+
+#exit-button[groups="1"] {
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 32, 16, 16);
+}
+
+#exit-button[groups="2"] {
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 48, 16, 32);
+}
+
+#exit-button[groups="3"] {
+ background-image: -moz-image-rect(url(chrome://browser/skin/tabview/tabview.png), 0, 64, 16, 48);
+}
+
+/* Search
+----------------------------------*/
+#searchshade{
+ background-color: rgba(0,0,0,.42);
+ width: 100%;
+ height: 100%;
+}
+
+#search{
+ width: 100%;
+ height: 100%;
+}
+
+#searchbox{
+ width: 270px;
+ max-width: -moz-available;
+ -moz-margin-start: 20px;
+ height: 30px;
+ box-shadow: 0px 1px 0px rgba(255,255,255,.5), 0px -1px 0px rgba(0,0,0,1), 0px 0px 9px rgba(0,0,0,.8);
+ color: white;
+ border: none;
+ background-color: #272727;
+ border-radius: 0.4em;
+ -moz-padding-start: 5px;
+ -moz-padding-end: 5px;
+ font-size: 14px;
+}
+
+#actions{
+ top: -3px;
+ padding-top: 3px;
+ width: 29px;
+ text-align: center;
+ border: 1px solid rgba(230,230,230,1);
+ background-color: rgba(248,248,248,1);
+ border-radius: 0.4em;
+ box-shadow:
+ inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
+ rgba(0,0,0,0.2) 1px 1px 3px;
+}
+
+html[dir=rtl] #actions {
+ box-shadow:
+ inset rgba(255, 255, 255, 0.6) 0 0 0 2px,
+ rgba(0,0,0,0.2) -1px 1px 3px;
+}
+
+#actions #searchbutton{
+ background: transparent url(chrome://browser/skin/tabview/search.png) no-repeat;
+ border: none;
+ width: 20px;
+ height: 20px;
+ margin-top: 3px;
+ -moz-margin-end: 1px;
+}
+
+.notMainMatch{
+ opacity: .70;
+}
+
+#otherresults {
+ left: 0px;
+ bottom: 0px;
+ width: 100%;
+ height: 30px;
+ background-color: rgba(0,0,0,.3);
+ box-shadow: 0px -1px 0px rgba(255,255,255,.1), inset 0px 2px 5px rgba(0,0,0,.3);
+}
+
+html[dir=rtl] #otherresults {
+ left: auto;
+ right: 0;
+}
+
+#otherresults .label {
+ color: #999;
+ line-height: 30px;
+ -moz-margin-start: 5px;
+ -moz-margin-end: 5px;
+}
+
+.inlineMatch {
+ background-color: #EBEBEB;
+ border-radius: 0.4em;
+ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
+ border: 1px solid rgba(255, 255, 255, 0.5);
+ -moz-padding-start: 3px;
+ -moz-padding-end: 3px;
+ height: 20px;
+ -moz-margin-end: 5px;
+ cursor: pointer;
+}
+
+.inlineMatch:hover {
+ opacity: 1.0;
+}
+
+.inlineMatch > img {
+ -moz-margin-end: 5px;
+ position: relative;
+ top: 2px;
+ width: 16px;
+ height: 16px;
+}
+
+.inlineMatch > span {
+ max-width: 200px;
+ height: 15px;
+}
+
diff --git a/arc-firefox-theme/chrome/browser/tabview/tabview.png b/arc-firefox-theme/chrome/browser/tabview/tabview.png
new file mode 100644
index 0000000..29395bd
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/tabview/tabview.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/theme-switcher-icon.png b/arc-firefox-theme/chrome/browser/theme-switcher-icon.png
new file mode 100644
index 0000000..891e7af
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/theme-switcher-icon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/translating-16.png b/arc-firefox-theme/chrome/browser/translating-16.png
new file mode 100644
index 0000000..71ca37c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/translating-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/translating-16@2x.png b/arc-firefox-theme/chrome/browser/translating-16@2x.png
new file mode 100644
index 0000000..ab61840
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/translating-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/translation-16.png b/arc-firefox-theme/chrome/browser/translation-16.png
new file mode 100644
index 0000000..4b42ded
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/translation-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/translation-16@2x.png b/arc-firefox-theme/chrome/browser/translation-16@2x.png
new file mode 100644
index 0000000..2105a3e
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/translation-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/undoCloseTab.png b/arc-firefox-theme/chrome/browser/undoCloseTab.png
new file mode 100644
index 0000000..1d629c8
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/undoCloseTab.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/update-badge.svg b/arc-firefox-theme/chrome/browser/update-badge.svg
new file mode 100644
index 0000000..6a4c2a0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/update-badge.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10px" height="10px">
+ <polygon points="4,9 4,5 2,5 5,1 8,5 6,5 6,9" fill="#fff"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/browser/urlbar-arrow.png b/arc-firefox-theme/chrome/browser/urlbar-arrow.png
new file mode 100644
index 0000000..4fdd9e7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/urlbar-arrow.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png b/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png
new file mode 100644
index 0000000..4c55f0d
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/urlbar-arrow@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/warning16.png b/arc-firefox-theme/chrome/browser/warning16.png
new file mode 100644
index 0000000..46200ce
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/warning16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/warning16@2x.png b/arc-firefox-theme/chrome/browser/warning16@2x.png
new file mode 100644
index 0000000..d1426d3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/warning16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png
new file mode 100644
index 0000000..e1e360b
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-camera-white-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-indicator.css b/arc-firefox-theme/chrome/browser/webRTC-indicator.css
new file mode 100644
index 0000000..c22f942
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-indicator.css
@@ -0,0 +1,116 @@
+/* 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/. */
+
+window {
+ border: 1px solid #ff9500;
+}
+
+#audioVideoButton,
+#screenShareButton,
+#firefoxButton {
+ height: 29px;
+ margin: 0;
+ -moz-appearance: none;
+ border-style: none;
+}
+
+#firefoxButton {
+ background-image: url("chrome://branding/content/icon48.png");
+ background-repeat: no-repeat;
+ background-size: 22px;
+ background-position: center center;
+ min-width: 29px;
+ background-color: white;
+}
+
+#firefoxButton:hover {
+ background-color: #f2f2f2;
+}
+
+#screenShareButton {
+ background-image: url("webRTC-screen-white-16.png");
+ background-position: center center;
+ background-repeat: no-repeat;
+ background-size: 16px;
+ min-width: 27px;
+ display: none;
+}
+
+window[sharingscreen] > #screenShareButton {
+ display: -moz-box;
+}
+
+#audioVideoButton {
+ display: none;
+ background-repeat: no-repeat;
+}
+
+/* When screen sharing, need to pull in the separator: */
+window[sharingscreen] > #audioVideoButton {
+ margin-right: -1px;
+}
+
+/* Single icon button: */
+window[sharingvideo] > #audioVideoButton,
+window[sharingaudio] > #audioVideoButton {
+ display: -moz-box;
+ background-position: center center;
+ background-size: 16px;
+ min-width: 26px;
+}
+
+window[sharingvideo] > #audioVideoButton {
+ background-image: url("webRTC-camera-white-16.png");
+}
+
+window[sharingaudio] > #audioVideoButton {
+ background-image: url("webRTC-microphone-white-16.png");
+}
+
+/* Multi-icon button: */
+window[sharingaudio][sharingvideo] > #audioVideoButton {
+ background-image: url("webRTC-camera-white-16.png"),
+ url("webRTC-microphone-white-16.png");
+ background-position: 6px center, 26px center;
+ background-size: 16px, 16px;
+ min-width: 46px;
+}
+
+/* Hover styles */
+#audioVideoButton,
+#screenShareButton {
+ background-color: #ffaa33;
+}
+
+#audioVideoButton:hover,
+#screenShareButton:hover {
+ background-color: #ff9500;
+}
+
+/* Don't show the dropmarker for the type="menu" case */
+#audioVideoButton > .box-inherit > .button-menu-dropmarker,
+#screenShareButton > .box-inherit > .button-menu-dropmarker {
+ display: none;
+}
+
+/* Separator in case of screen sharing + video/audio sharing */
+#shareSeparator {
+ width: 1px;
+ margin: 4px -1px 4px 0;
+ background-color: #FFCA80;
+ /* Separator needs to show above either button when they're hovered: */
+ position: relative;
+ z-index: 1;
+ display: none;
+}
+
+window[sharingscreen][sharingvideo] > #shareSeparator,
+window[sharingscreen][sharingaudio] > #shareSeparator {
+ display: -moz-box;
+}
+
+:-moz-any(#audioVideoButton, #screenShareButton,
+ #firefoxButton):-moz-focusring > .button-box {
+ border: none;
+}
diff --git a/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png
new file mode 100644
index 0000000..0091529
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-microphone-white-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png b/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png
new file mode 100644
index 0000000..045bfd3
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-screen-white-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png
new file mode 100644
index 0000000..8bc5b3a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png
new file mode 100644
index 0000000..72d53e6
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png
new file mode 100644
index 0000000..d125789
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png
new file mode 100644
index 0000000..82e591f
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareDevice-64@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png
new file mode 100644
index 0000000..fea67f7
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png
new file mode 100644
index 0000000..590d032
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png
new file mode 100644
index 0000000..f2ca85c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png
new file mode 100644
index 0000000..46cc433
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareMicrophone-64@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png
new file mode 100644
index 0000000..30b1e87
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png
new file mode 100644
index 0000000..6eae122
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png
new file mode 100644
index 0000000..aae5238
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png
new file mode 100644
index 0000000..8d57427
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-shareScreen-64@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png
new file mode 100644
index 0000000..b7ab6f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png
new file mode 100644
index 0000000..cf1dd9a
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingDevice-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png
new file mode 100644
index 0000000..2b4d219
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png
new file mode 100644
index 0000000..b45d08c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingMicrophone-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png
new file mode 100644
index 0000000..6cde0cb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png
new file mode 100644
index 0000000..a0aac6c
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/webRTC-sharingScreen-16@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/browser/welcome-back.svg b/arc-firefox-theme/chrome/browser/welcome-back.svg
new file mode 100644
index 0000000..38610cb
--- /dev/null
+++ b/arc-firefox-theme/chrome/browser/welcome-back.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="60" y2="30">
+ <stop offset="0" style="stop-color: #fd6b0c"/>
+ <stop offset="1" style="stop-color: #e65206"/>
+ </linearGradient>
+ <path fill="url(#gradient)" d="M45.844,41.272c0.018-0.08,0.039-0.156,0.055-0.239c0.097-0.35,0.164-0.735,0.215-1.136
+ c0.375-0.835,0.747-2.172,0.5-3.936c-0.021-0.326-0.073-0.669-0.14-1.018c4.957-3.957,24.499-20.957,5.137-29.039
+ c0,0,4.23,6.9-2.898,13.92c-4.332,4.266-5.37,8.436-5.058,11.538c0,0,0.036,0.21,0.096,0.564c-1.62-2.178-5.652-4.53-14.256-2.022
+ c-8.736,2.544-7.476,4.518-9.234,3.606c0,0-0.93-2.166-3.564-4.452c0,0,0.726-4.416-0.42-5.472
+ c-1.146-1.062-2.628,2.244-5.346,3.432c-2.712,1.188-6.234,2.928-6.57,6.024l-3.39,2.328c0,0-1.446,0.684-0.81,1.32
+ c0.636,0.636,1.698,1.44,3.012,1.314c1.314-0.126,2.928-0.51,4.158-0.168c1.23,0.336,2.202,2.67,4.872,6.102
+ c0,0,2.142,4.542,6.936,5.412c0.036,0.024,0.072,0.054,0.108,0.078c1.404,1.026,4.584,3.336,5.148,3.834
+ c0.744,0.636,7.422,1.158,9.486,0.474c0,0-0.6-3.408-5.04-1.944c0,0-2.082,0.078-4.59-2.892c0.228-0.072,0.456-0.156,0.69-0.252
+ c1.056-0.402,2.184-0.966,3.39-1.728c0,0,1.542-0.774,3.846-1.356c0,0,2.497-0.555,4.376,0.455c2.542,1.829,6.483,2.442,12.58-0.566
+ c0,0,5.357,5.102,7.575,8.644c0,0,4.916-1.89-5.065-11.76C51.643,42.336,47.455,42.801,45.844,41.272z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/communicator/communicator.css b/arc-firefox-theme/chrome/communicator/communicator.css
new file mode 100644
index 0000000..0b57574
--- /dev/null
+++ b/arc-firefox-theme/chrome/communicator/communicator.css
@@ -0,0 +1,6 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/");
+
diff --git a/arc-firefox-theme/chrome/global/Filepicker.png b/arc-firefox-theme/chrome/global/Filepicker.png
new file mode 100644
index 0000000..236edaa
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/Filepicker.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/about.css b/arc-firefox-theme/chrome/global/about.css
new file mode 100644
index 0000000..75b378c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/about.css
@@ -0,0 +1,62 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+html {
+ background: -moz-Dialog;
+ padding: 0 1em;
+ font: message-box;
+}
+
+body {
+ color: -moz-FieldText;
+ position: relative;
+ min-width: 330px;
+ max-width: 50em;
+ margin: 4em auto;
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ background: -moz-Field;
+}
+
+.aboutPageWideContainer {
+ max-width: 80%;
+}
+
+#aboutLogoContainer {
+ border: 1px solid ThreeDLightShadow;
+ width: 300px;
+ margin-bottom: 2em;
+}
+
+img {
+ border: 0;
+}
+
+#version {
+ font-weight: bold;
+ color: #909090;
+ margin: -24px 0 9px 17px;
+}
+
+ul {
+ margin: 0;
+ -moz-margin-start: 1.5em;
+ padding: 0;
+ list-style: square;
+}
+
+ul > li {
+ margin-top: .5em;
+}
+
+th, td {
+ padding: 0 5px;
+}
+
+.columns {
+ -moz-column-width: 20em;
+ -moz-column-gap: 3em;
+}
diff --git a/arc-firefox-theme/chrome/global/aboutCache.css b/arc-firefox-theme/chrome/global/aboutCache.css
new file mode 100644
index 0000000..6a6ba09
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutCache.css
@@ -0,0 +1,66 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+h2 {
+ margin-top: 2em;
+}
+
+table {
+ table-layout: fixed;
+ width: 100%;
+ margin-bottom: 1em;
+ padding: 0.5em 0;
+ border-radius: 10px;
+}
+
+#disk,
+#memory,
+#offline {
+ background-color: rgba(0, 0, 0, .1);
+}
+
+th {
+ width: 14em;
+ white-space: nowrap;
+ text-align: end;
+}
+
+td {
+ font-family: -moz-fixed;
+ word-wrap: break-word;
+}
+
+#col-key {
+ width: 60%;
+}
+
+#col-dataSize,
+#col-fetchCount,
+#col-lastModified,
+#col-expires {
+ width: 13%;
+}
+
+#entries > tbody > tr:nth-child(odd) {
+ background-color: rgba(0, 0, 0, .03);
+}
+
+#entries > tbody > tr:nth-child(even) {
+ background-color: rgba(0, 0, 0, .06);
+}
+
+#entries > tbody > tr > td {
+ padding: .5em 0;
+ text-align: center;
+}
+
+#entries > thead > tr > th {
+ text-align: center;
+ white-space: normal;
+}
+
+#entries > thead > tr > th:first-child,
+#entries > tbody > tr > td:first-child {
+ text-align: start;
+}
diff --git a/arc-firefox-theme/chrome/global/aboutCacheEntry.css b/arc-firefox-theme/chrome/global/aboutCacheEntry.css
new file mode 100644
index 0000000..8c8eb9a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutCacheEntry.css
@@ -0,0 +1,29 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+body {
+ display: table;
+}
+
+table {
+ table-layout: fixed;
+ width: 100%;
+}
+
+th {
+ width: 12em;
+ word-wrap: break-word;
+ vertical-align: top;
+ text-align: end;
+}
+
+td {
+ display: block;
+ font-family: -moz-fixed;
+ white-space: pre-wrap;
+}
+
+#td-key {
+ word-wrap: break-word;
+}
diff --git a/arc-firefox-theme/chrome/global/aboutMemory.css b/arc-firefox-theme/chrome/global/aboutMemory.css
new file mode 100644
index 0000000..88fa27d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutMemory.css
@@ -0,0 +1,5 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/content/aboutMemory.css");
diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css
new file mode 100644
index 0000000..8121e5f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutReader.css
@@ -0,0 +1,124 @@
+/* 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/. */
+
+body {
+ padding: 64px 0;
+}
+
+@media (max-width: 785px) {
+ body {
+ padding-top: 64px;
+ -moz-padding-end: 0;
+ padding-bottom: 64px;
+ -moz-padding-start: 51px;
+ }
+}
+
+body.loaded {
+ transition: color 0.4s, background-color 0.4s;
+}
+
+body.light {
+ color: #333333;
+ background-color: #ffffff;
+}
+
+body.dark {
+ color: #eeeeee;
+ background-color: #333333;
+}
+
+body.dark *::-moz-selection {
+ background-color: #FFFFFF;
+ color: #0095DD;
+}
+body.dark a::-moz-selection {
+ color: #DD4800;
+}
+
+body.sepia {
+ color: #5b4636;
+ background-color: #f4ecd8;
+}
+
+body.sans-serif,
+body.sans-serif .remove-button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+body.serif,
+body.serif .remove-button {
+ font-family: Georgia, "Times New Roman", serif;
+}
+
+#container {
+ max-width: 30em;
+ margin: 0 auto;
+}
+
+#container.font-size1 {
+ font-size: 12px;
+}
+
+#container.font-size2 {
+ font-size: 14px;
+}
+
+#container.font-size3 {
+ font-size: 16px;
+}
+
+#container.font-size4 {
+ font-size: 18px;
+}
+
+#container.font-size5 {
+ font-size: 20px;
+}
+
+#container.font-size6 {
+ font-size: 22px;
+}
+
+#container.font-size7 {
+ font-size: 24px;
+}
+
+#container.font-size8 {
+ font-size: 26px;
+}
+
+#container.font-size9 {
+ font-size: 28px;
+}
+
+/* Override some controls and content styles based on color scheme */
+
+body.light > .container > .header > .domain {
+ border-bottom-color: #333333 !important;
+}
+
+body.sepia > .container > .header > .domain {
+ border-bottom-color: #5b4636 !important;
+}
+
+body.dark > .container > .header > .domain {
+ border-bottom-color: #eeeeee !important;
+}
+
+body.sepia > .container > .footer {
+ background-color: #dedad4 !important;
+}
+
+body.light blockquote {
+ -moz-border-start: 2px solid #333333 !important;
+}
+
+body.sepia blockquote {
+ -moz-border-start: 2px solid #5b4636 !important;
+}
+
+body.dark blockquote {
+ -moz-border-start: 2px solid #eeeeee !important;
+}
diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css
new file mode 100644
index 0000000..8412751
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css
@@ -0,0 +1,113 @@
+/* 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/. */
+
+#moz-reader-content {
+ display: none;
+ font-size: 1em;
+ line-height: 1.6em;
+}
+
+h1,
+h2,
+h3 {
+ font-weight: bold;
+}
+
+h1 {
+ font-size: 1.6em;
+ line-height: 1.25em;
+}
+
+h2 {
+ font-size: 1.2em;
+ line-height: 1.51em;
+}
+
+h3 {
+ font-size: 1em;
+ line-height: 1.66em;
+}
+
+a {
+ text-decoration: underline;
+ font-weight: normal;
+}
+
+a,
+a:visited,
+a:hover,
+a:active {
+ color: #0095dd;
+}
+
+* {
+ max-width: 100%;
+ height: auto;
+}
+
+p,
+code,
+pre,
+blockquote,
+ul,
+ol,
+li,
+figure,
+.wp-caption {
+ margin: 0 0 30px 0;
+}
+
+p > img:only-child,
+p > a:only-child > img:only-child,
+.wp-caption img,
+figure img {
+ display: block;
+}
+
+img[moz-reader-center] {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.caption,
+.wp-caption-text,
+figcaption {
+ font-size: 0.9em;
+ line-height: 1.48em;
+ font-style: italic;
+}
+
+code,
+pre {
+ white-space: pre-wrap;
+}
+
+blockquote {
+ padding: 0;
+ -moz-padding-start: 16px;
+}
+
+ul,
+ol {
+ padding: 0;
+}
+
+ul {
+ -moz-padding-start: 30px;
+ list-style: disc;
+}
+
+ol {
+ -moz-padding-start: 30px;
+ list-style: decimal;
+}
+
+/* Hide elements with common "hidden" class names */
+.visually-hidden,
+.visuallyhidden,
+.hidden,
+.invisible,
+.sr-only {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css
new file mode 100644
index 0000000..838f644
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css
@@ -0,0 +1,371 @@
+/* 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/. */
+
+.light-button {
+ color: #333333;
+ background-color: #ffffff;
+}
+
+.dark-button {
+ color: #eeeeee;
+ background-color: #333333;
+}
+
+.sepia-button {
+ color: #5b4636;
+ background-color: #f4ecd8;
+}
+
+.sans-serif-button {
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+.serif-button {
+ font-family: Georgia, "Times New Roman", serif;
+}
+
+/* Loading/error message */
+
+#reader-message {
+ margin-top: 40px;
+ display: none;
+ text-align: center;
+ width: 100%;
+ font-size: 0.9em;
+}
+
+/* Header */
+
+.header {
+ text-align: start;
+ display: none;
+}
+
+.domain {
+ font-size: 0.9em;
+ line-height: 1.48em;
+ padding-bottom: 4px;
+ font-family: Helvetica, Arial, sans-serif;
+ text-decoration: none;
+ border-bottom: 1px solid;
+ color: #0095dd;
+}
+
+.header > h1 {
+ font-size: 1.6em;
+ line-height: 1.25em;
+ width: 100%;
+ margin: 30px 0;
+ padding: 0;
+}
+
+.header > .credits {
+ font-size: 0.9em;
+ line-height: 1.48em;
+ margin: 0 0 30px 0;
+ padding: 0;
+ font-style: italic;
+}
+
+/*======= Controls toolbar =======*/
+
+.toolbar {
+ font-family: Helvetica, Arial, sans-serif;
+ position: fixed;
+ height: 100%;
+ top: 0;
+ left: 0;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ background-color: #fbfbfb;
+ -moz-user-select: none;
+ border-right: 1px solid #b5b5b5;
+}
+
+.button {
+ display: block;
+ background-size: 24px 24px;
+ background-repeat: no-repeat;
+ color: #333;
+ background-color: #fbfbfb;
+ height: 40px;
+ padding: 0;
+}
+
+.toolbar .button {
+ width: 40px;
+ background-position: center;
+ margin-right: -1px;
+ border-top: 0;
+ border-left: 0;
+ border-right: 1px solid #b5b5b5;
+ border-bottom: 1px solid #c1c1c1;
+}
+
+.button[hidden] {
+ display: none;
+}
+
+.dropdown {
+ text-align: center;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.dropdown li {
+ margin: 0;
+ padding: 0;
+}
+
+/*======= Font style popup =======*/
+
+.dropdown-popup {
+ min-width: 300px;
+ text-align: start;
+ position: absolute;
+ left: 48px; /* offset to account for toolbar width */
+ z-index: 1000;
+ background-color: #fbfbfb;
+ visibility: hidden;
+ border-radius: 4px;
+ border: 1px solid #b5b5b5;
+ border-bottom-width: 0;
+ box-shadow: 0 1px 12px #666;
+}
+
+.dropdown-popup > hr {
+ display: none;
+}
+
+.open > .dropdown-popup {
+ visibility: visible;
+}
+
+.dropdown-arrow {
+ position: absolute;
+ top: 30px; /* offset arrow from top of popup */
+ left: -16px;
+ width: 24px;
+ height: 24px;
+ background-image: url("chrome://global/skin/reader/RM-Type-Controls-Arrow.svg");
+ display: block;
+}
+
+#font-type-buttons,
+#font-size-buttons,
+#color-scheme-buttons {
+ display: flex;
+ flex-direction: row;
+}
+
+#font-type-buttons > button:first-child {
+ border-top-left-radius: 3px;
+}
+#font-type-buttons > button:last-child {
+ border-top-right-radius: 3px;
+}
+#color-scheme-buttons > button:first-child {
+ border-bottom-left-radius: 3px;
+}
+#color-scheme-buttons > button:last-child {
+ border-bottom-right-radius: 3px;
+}
+
+#font-type-buttons > button,
+#font-size-buttons > button,
+#color-scheme-buttons > button {
+ text-align: center;
+ border: 0;
+}
+
+#font-type-buttons > button,
+#font-size-buttons > button {
+ width: 50%;
+ background-color: transparent;
+ border-left: 1px solid #B5B5B5;
+ border-bottom: 1px solid #B5B5B5;
+}
+
+#color-scheme-buttons > button {
+ width: 33.33%;
+ font-size: 14px;
+}
+
+#color-scheme-buttons > .dark-button {
+ margin-top: -1px;
+ height: 61px;
+}
+
+#font-type-buttons > button:first-child,
+#font-size-buttons > button:first-child {
+ border-left: 0;
+}
+
+#font-type-buttons > button {
+ display: inline-block;
+ font-size: 62px;
+ height: 100px;
+}
+
+#font-size-buttons > button,
+#color-scheme-buttons > button {
+ height: 60px;
+}
+
+#font-type-buttons > button:active:hover,
+#font-type-buttons > button.selected,
+#color-scheme-buttons > button:active:hover,
+#color-scheme-buttons > button.selected {
+ box-shadow: inset 0 -3px 0 0 #fc6420;
+}
+
+#font-type-buttons > button:active:hover,
+#font-type-buttons > button.selected {
+ border-bottom: 1px solid #FC6420;
+}
+
+/* Make the serif button content the same size as the sans-serif button content. */
+#font-type-buttons > button > .description {
+ color: #666;
+ font-size: 12px;
+ margin-top: -5px;
+}
+
+/* Font sizes are different per-platform, so we need custom CSS to line them up. */
+#font-type-buttons > .sans-serif-button > .name {
+ margin-top: 5px;
+}
+
+#font-type-buttons > .sans-serif-button > .description {
+ margin-top: -8px;
+}
+
+#font-type-buttons > .serif-button > .name {
+ font-size: 70px;
+}
+
+.button:hover,
+#font-size-buttons > button:hover,
+#font-type-buttons > button:hover {
+ background-color: #ebebeb;
+}
+
+.dropdown.open,
+.button:active,
+#font-size-buttons > button:active,
+#font-size-buttons > button.selected {
+ background-color: #dadada;
+}
+
+/* Only used on Android */
+#font-size-sample {
+ display: none;
+}
+
+.minus-button,
+.plus-button {
+ background-color: transparent;
+ border: 0;
+ background-size: 18px 18px;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.footer {
+ height: 64px;
+ background-color: #ebebeb;
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+ padding: 12px 0;
+ box-sizing: border-box;
+ box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.35) inset;
+}
+
+.remove-button {
+ background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg");
+ margin: 0 auto;
+ border: 1px solid #c1c1c1;
+ background-position: 10px 7px;
+ padding-left: 42px;
+ padding-right: 10px;
+ border-radius: 2px;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+ font-size: 18px;
+}
+
+
+/*======= Toolbar icons =======*/
+
+/* Android-only controls */
+.share-button {
+ display: none;
+}
+
+.close-button {
+ background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close");
+ height: 68px;
+ background-position: center 8px;
+}
+
+.close-button:hover {
+ background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+ background-color: #d94141;
+ border-bottom: 1px solid #d94141;
+ border-right: 1px solid #d94141;
+}
+
+.close-button:hover:active {
+ background-image: url("chrome://global/skin/reader/RM-Close-24x24.svg#close-hover");
+ background-color: #AE2325;
+ border-bottom: 1px solid #AE2325;
+ border-right: 1px solid #AE2325;
+}
+
+.style-button {
+ background-image: url("chrome://global/skin/reader/RM-Type-Controls-24x24.svg");
+}
+
+.toggle-button.on {
+ background-image: url("chrome://global/skin/reader/RM-Delete-24x24.svg");
+}
+
+.toggle-button {
+ background-image: url("chrome://global/skin/reader/RM-Add-24x24.svg");
+}
+
+.list-button {
+ background-image: url("chrome://global/skin/reader/RM-Reading-List-24x24.svg");
+}
+.list-button.on {
+ background-color: #d9d9d9;
+}
+
+.minus-button {
+ background-image: url("chrome://global/skin/reader/RM-Minus-24x24.svg");
+}
+
+.plus-button {
+ background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
+}
+
+#pocket-button {
+ background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark");
+}
+
+#pocket-button:hover:active {
+ background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added");
+}
+
+@media print {
+ .toolbar {
+ display: none !important;
+ }
+ .footer {
+ display: none !important;
+ }
+}
diff --git a/arc-firefox-theme/chrome/global/aboutSupport.css b/arc-firefox-theme/chrome/global/aboutSupport.css
new file mode 100644
index 0000000..71ef7a7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/aboutSupport.css
@@ -0,0 +1,118 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+html {
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ font: message-box;
+}
+
+body {
+ width: 90%;
+ margin-left: 5%;
+ margin-right: 5%;
+}
+
+.page-subtitle {
+ margin-bottom: 3em;
+}
+
+.major-section {
+ margin-top: 2em;
+ margin-bottom: 1em;
+ font-size: large;
+ text-align: start;
+ font-weight: bold;
+}
+
+table {
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+ font: message-box;
+ text-align: start;
+ width: 100%;
+ border: 1px solid ThreeDShadow;
+ border-spacing: 0px;
+}
+
+th, td {
+ border: 1px dotted ThreeDShadow;
+ padding: 3px;
+}
+
+thead th {
+ text-align: center;
+}
+
+th {
+ text-align: start;
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+th.column {
+ white-space: nowrap;
+ width: 0px;
+}
+
+td {
+ text-align: start;
+ border-top: 1px dotted ThreeDShadow;
+}
+
+.prefs-table {
+ width: 100%;
+ table-layout: fixed;
+}
+
+.pref-name {
+ width: 70%;
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+.pref-value {
+ width: 30%;
+ white-space: nowrap;
+ overflow: hidden;
+}
+
+#action-box {
+ background-color: -moz-Dialog;
+ border: 1px solid ThreeDShadow;
+ color: -moz-DialogText;
+ float: right;
+ margin-top: 2em;
+ margin-bottom: 20px;
+ -moz-margin-start: 20px;
+ -moz-margin-end: 0;
+ padding: 16px;
+ width: 30%;
+}
+
+#action-box,
+#reset-box,
+#safe-mode-box {
+ display: none;
+}
+
+#action-box:-moz-dir(rtl) {
+ float: left;
+}
+
+#reset-box > h3 {
+ margin-top: 0;
+}
+
+#action-box button {
+ display: block;
+}
+
+.block {
+ display: block;
+}
+
+.hidden {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/global/alerts/alert.css b/arc-firefox-theme/chrome/global/alerts/alert.css
new file mode 100644
index 0000000..38d504e
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/alerts/alert.css
@@ -0,0 +1,65 @@
+/* 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/. */
+
+/* ===== alert.css =====================================================
+ == Styles specific to the alerts dialog.
+ ======================================================================= */
+
+@import url("chrome://global/skin/");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.alertBox {
+ border: 1px solid threedshadow;
+ background-color: -moz-Dialog;
+}
+
+.alertImageBox {
+ padding: 8px 0;
+ width: 64px;
+ background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.6));
+ -moz-border-end: 1px solid rgba(0,0,0,.1);
+}
+
+.alertTextBox {
+ padding: 8px;
+ -moz-padding-start: 16px;
+ width: 255px;
+}
+
+.alertTextBox,
+.alertCloseBox {
+ background-image: linear-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0.1));
+}
+
+#alertNotification[clickable="true"]:hover .alertTextBox,
+#alertNotification[clickable="true"]:hover .alertCloseBox {
+ background-image: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.3));
+}
+
+.alertTitle {
+ font-weight: bold;
+ font-size: 110%;
+}
+
+#alertImage {
+ max-width: 48px;
+ max-height: 48px;
+ list-style-image: url(chrome://global/skin/alerts/notification-48.png);
+}
+
+#alertNotification[clickable="true"] {
+ cursor: pointer;
+}
+
+label {
+ cursor: inherit;
+}
+
+.alertCloseButton {
+ -moz-appearance: none;
+ height: 16px;
+ padding: 4px 2px;
+ width: 16px;
+}
diff --git a/arc-firefox-theme/chrome/global/alerts/notification-48.png b/arc-firefox-theme/chrome/global/alerts/notification-48.png
new file mode 100644
index 0000000..23ab5a0
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/alerts/notification-48.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/appPicker.css b/arc-firefox-theme/chrome/global/appPicker.css
new file mode 100644
index 0000000..3bdb31b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/appPicker.css
@@ -0,0 +1,23 @@
+/* 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/. */
+
+
+#app-picker {
+ width: 320px;
+}
+
+#content-description {
+ font-weight: bold;
+}
+
+#content-icon,
+.listcell-icon {
+ margin: 5px;
+ width: 32px;
+ height: 32px;
+}
+
+.listcell-label {
+ padding: 5px;
+}
diff --git a/arc-firefox-theme/chrome/global/arrow.css b/arc-firefox-theme/chrome/global/arrow.css
new file mode 100644
index 0000000..1693b6d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow.css
@@ -0,0 +1,50 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.up {
+ min-width: 0px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+.up:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-hov.gif");
+}
+.up[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+}
+
+.down {
+ min-width: 0px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+}
+.down:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn-hov.gif");
+}
+.down[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+}
+
+.left {
+ min-width: 0px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
+}
+.left:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
+}
+.left[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
+}
+
+.right {
+ min-width: 0px;
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
+}
+.right:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
+}
+.right[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
+}
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif
new file mode 100644
index 0000000..222c766
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif
new file mode 100644
index 0000000..b07a6d2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-hov.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif
new file mode 100644
index 0000000..57254bb
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn-sharp.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif
new file mode 100644
index 0000000..a54e543
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-dn.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-down.png b/arc-firefox-theme/chrome/global/arrow/arrow-down.png
new file mode 100644
index 0000000..8290b71
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-down.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif
new file mode 100644
index 0000000..49c5b3f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif
new file mode 100644
index 0000000..f324779
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp-end.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif
new file mode 100644
index 0000000..f276538
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft-sharp.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif
new file mode 100644
index 0000000..f209383
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-lft.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif
new file mode 100644
index 0000000..7b0e07b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif
new file mode 100644
index 0000000..903451b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp-end.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif
new file mode 100644
index 0000000..cf36086
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit-sharp.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif
new file mode 100644
index 0000000..3abf3ad
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-rit.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif
new file mode 100644
index 0000000..2b25b22
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif
new file mode 100644
index 0000000..b8bd0f5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-hov.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif
new file mode 100644
index 0000000..9f4e7a9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-up-sharp.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-up.gif b/arc-firefox-theme/chrome/global/arrow/arrow-up.gif
new file mode 100644
index 0000000..b7a3f32
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/arrow-up.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg
new file mode 100644
index 0000000..1939867
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal-themed.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="10"
+ height="20">
+ <path d="M 10,0 L 0,10 10,20 z"
+ fill="ThreeDShadow"/>
+ <path d="M 10,1 L 1,10 10,19 z"
+ fill="-moz-field"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg
new file mode 100644
index 0000000..dae4639
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-horizontal.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="10"
+ height="20">
+ <path d="M 10,0 L 0,10 10,20 z"
+ fill="hsla(210,4%,10%,.2)"/>
+ <path d="M 10,1 L 1,10 10,19 z"
+ fill="-moz-field"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg
new file mode 100644
index 0000000..a2d3a95
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical-themed.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="20"
+ height="10">
+ <path d="M 0,10 L 10,0 20,10 z"
+ fill="ThreeDShadow"/>
+ <path d="M 1,10 L 10,1 19,10 z"
+ fill="-moz-field"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg
new file mode 100644
index 0000000..4e559ed
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/arrow/panelarrow-vertical.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="20"
+ height="10">
+ <path d="M 0,10 L 10,0 20,10 z"
+ fill="hsla(210,4%,10%,.2)"/>
+ <path d="M 1,10 L 10,1 19,10 z"
+ fill="-moz-field"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/autocomplete.css b/arc-firefox-theme/chrome/global/autocomplete.css
new file mode 100644
index 0000000..fffa2b1
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/autocomplete.css
@@ -0,0 +1,210 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== autocomplete.css =================================================
+ == Styles used by the autocomplete widget.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* ::::: autocomplete ::::: */
+
+/* .padded is used by autocomplete widgets that don't have an icon. Gross. -dwh */
+textbox:not(.padded) {
+ cursor: default;
+ padding: 0;
+}
+
+textbox[enablehistory="true"] {
+ -moz-appearance: none;
+ border: 0;
+ background-color: transparent;
+}
+
+textbox[nomatch="true"][highlightnonmatches="true"] {
+ color: red;
+}
+
+.autocomplete-textbox-container {
+ -moz-box-align: center;
+}
+
+textbox[enablehistory="true"] > .autocomplete-textbox-container {
+ -moz-appearance: menulist-textfield;
+}
+
+textbox:not(.padded) .textbox-input-box {
+ margin: 0 3px;
+}
+
+.textbox-input-box {
+ -moz-box-align: center;
+}
+
+/* ::::: autocomplete popups ::::: */
+
+panel[type="autocomplete"],
+panel[type="autocomplete-richlistbox"],
+.autocomplete-history-popup {
+ border-width: 1px;
+ -moz-border-top-colors: ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDDarkShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow;
+ -moz-border-left-colors: ThreeDDarkShadow;
+ padding: 0;
+ background-color: -moz-Field;
+}
+
+.autocomplete-history-popup {
+ max-height: 180px;
+}
+
+/* ::::: tree ::::: */
+
+.autocomplete-tree {
+ -moz-appearance: none !important;
+ border: none !important;
+ background-color: transparent !important;
+ color: MenuText;
+}
+
+.autocomplete-treecol {
+ -moz-appearance: none !important;
+ margin: 0 !important;
+ border: none !important;
+ padding: 0 !important;
+}
+
+/* GTK calculates space for a sort arrow */
+.autocomplete-treecol > .treecol-sortdirection {
+ -moz-appearance: none !important;
+}
+
+.autocomplete-treebody::-moz-tree-cell-text {
+ -moz-padding-start: 8px;
+}
+
+treechildren.autocomplete-treebody::-moz-tree-row(selected) {
+ background-color: Highlight;
+}
+
+treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) {
+ color: HighlightText !important;
+}
+
+.autocomplete-treebody::-moz-tree-image(treecolAutoCompleteValue) {
+ max-width: 16px;
+ height: 16px;
+}
+
+/* ::::: richlistbox autocomplete ::::: */
+
+.autocomplete-richlistbox {
+ -moz-appearance: none;
+ margin: 1px;
+ background-color: transparent;
+}
+
+.autocomplete-richlistitem[selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+.autocomplete-richlistitem {
+ padding: 6px 2px;
+ color: MenuText;
+}
+
+.ac-url-box {
+ /* When setting a vertical margin here, half of that needs to be added
+ .ac-title-box's translateY for when .ac-url-box is hidden (see below). */
+ margin-top: 1px;
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-url-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-url-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-url-box {
+ visibility: hidden;
+}
+
+.autocomplete-richlistitem[actiontype="keyword"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="searchengine"] .ac-title-box,
+.autocomplete-richlistitem[actiontype="visiturl"] .ac-title-box,
+.autocomplete-richlistitem[type~="autofill"] .ac-title-box {
+ /* Center the title by moving it down by half of .ac-url-box's height,
+ including vertical margins (if any). */
+ transform: translateY(.5em);
+}
+
+.ac-site-icon {
+ width: 16px;
+ height: 16px;
+ margin-bottom: -2px;
+ -moz-margin-start: 3px;
+ -moz-margin-end: 6px;
+}
+
+.ac-type-icon {
+ width: 16px;
+ height: 16px;
+ -moz-margin-start: 6px;
+ -moz-margin-end: 4px;
+}
+
+.ac-extra > .ac-result-type-tag {
+ margin: 0 4px;
+}
+
+.ac-extra > .ac-comment {
+ padding-right: 4px;
+}
+
+.ac-ellipsis-after {
+ margin: 0 !important;
+ padding: 0;
+ min-width: 1em;
+}
+
+.ac-normal-text {
+ margin: 0 !important;
+ padding: 0;
+}
+
+.ac-normal-text > html|span {
+ margin: 0 !important;
+ padding: 0;
+}
+
+html|span.ac-emphasize-text {
+ box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.1);
+ background-color: rgba(0,0,0,0.05);
+ border-radius: 2px;
+ text-shadow: 0 0 currentColor; /*faux bold effect*/
+}
+
+.ac-url-text > html|span.ac-emphasize-text,
+.ac-action-text > html|span.ac-emphasize-text {
+ box-shadow: none;
+}
+
+.ac-normal-text[selected="true"] > html|span.ac-emphasize-text {
+ box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.3);
+ background-color: rgba(255,255,255,0.2);
+}
+
+.ac-title, .ac-url {
+ overflow: hidden;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > hbox > hbox > html|*.textbox-input {
+ visibility: hidden;
+}
+
+toolbarpaletteitem > toolbaritem > * > textbox > hbox > hbox > html|*.textbox-input {
+ visibility: hidden;
+}
diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css
new file mode 100644
index 0000000..dc051f4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/button.css
@@ -0,0 +1,348 @@
+/* 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/. */
+
+/* ===== button.css =====================================================
+ == Styles used by the XUL button element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* :::::::::: button :::::::::: */
+
+button {
+ -moz-appearance: button;
+ margin: 1px 5px 2px 5px;
+ min-width: 6.3em;
+ border: 3px solid;
+ -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow;
+ background-color: ThreeDFace;
+ color: ButtonText;
+ text-shadow: none;
+}
+
+.button-box {
+ -moz-appearance: button-focus;
+ border: 1px solid transparent;
+ padding-top: 1px;
+ padding-bottom: 2px;
+ -moz-padding-start: 3px;
+ -moz-padding-end: 4px;
+}
+
+.button-icon {
+ -moz-margin-end: 2px;
+}
+
+.button-text {
+ margin: 0 !important;
+ text-align: center;
+}
+
+/* .......... focused state .......... */
+
+button:focus {
+ -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent;
+}
+
+button:focus > .button-box {
+ border: 1px dotted ThreeDDarkShadow;
+}
+
+/* .......... default state .......... */
+
+button[default="true"] {
+ -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight ThreeDLightShadow;
+}
+
+/* .......... hover state .......... */
+
+button:hover {
+ color: -moz-buttonhovertext;
+ background-color: -moz-buttonhoverface;
+}
+
+/* .......... active/open/checked state .......... */
+
+button:hover:active,
+button[open="true"],
+button[checked="true"] {
+ -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow transparent;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow transparent;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow transparent;
+ -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow transparent;
+ color: ButtonText;
+}
+
+button:hover:active > .button-box,
+button[open="true"] > .button-box,
+button[checked="true"] > .button-box {
+ padding-top: 2px;
+ padding-bottom: 1px;
+ -moz-padding-start: 4px;
+ -moz-padding-end: 3px;
+}
+
+/* .......... disabled state .......... */
+
+button[disabled="true"],
+button[disabled="true"]:hover:active {
+ -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
+ -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important;
+ color: GrayText;
+}
+
+button[disabled="true"] > .button-box {
+ padding-top: 1px !important;
+ padding-bottom: 2px !important;
+ -moz-padding-start: 3px !important;
+ -moz-padding-end: 4px !important;
+}
+
+/* ::::: menu/menu-button buttons ::::: */
+
+button[type="menu-button"] {
+ -moz-appearance: dualbutton;
+}
+
+.button-menubutton-button {
+ margin: 0;
+}
+
+.button-menu-dropmarker,
+.button-menubutton-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown !important;
+}
+
+.button-menubutton-dropmarker {
+ -moz-margin-end: 3px;
+}
+
+/* ::::: plain buttons ::::: */
+
+button.plain {
+ border: 0px !important;
+ margin: 0px !important;
+ padding: 0px !important;
+}
+
+button[type="disclosure"] {
+ border: 0px !important;
+ margin: 0px !important;
+ padding: 0px !important;
+ -moz-appearance: none;
+ list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
+ min-width: 0px !important;
+ background-color: transparent;
+}
+
+button[type="disclosure"][open="true"] {
+ list-style-image: url("chrome://global/skin/tree/twisty-open.png");
+}
+
+/*
+ * GNOME Stock Icon Styles
+ */
+
+button[icon="accept"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-ok?size=button");
+}
+
+button[icon="accept"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-ok?size=button&state=disabled");
+}
+
+button[icon="cancel"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-cancel?size=button");
+}
+
+button[icon="cancel"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-cancel?size=button&state=disabled");
+}
+
+button[icon="help"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-help?size=button");
+}
+
+button[icon="help"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-help?size=button&state=disabled");
+}
+
+button[icon="open"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-open?size=button");
+}
+
+button[icon="open"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-open?size=button&state=disabled");
+}
+
+button[icon="save"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-save?size=button");
+}
+
+button[icon="save"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-save?size=button&state=disabled");
+}
+
+button[icon="find"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-find?size=button");
+}
+
+button[icon="find"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-find?size=button&state=disabled");
+}
+
+button[icon="clear"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=button");
+}
+
+button[icon="clear"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=button&state=disabled");
+}
+
+button[icon="yes"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-yes?size=button");
+}
+
+button[icon="yes"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-yes?size=button&state=disabled");
+}
+
+button[icon="no"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-no?size=button");
+}
+
+button[icon="no"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-no?size=button&state=disabled");
+}
+
+button[icon="apply"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-apply?size=button");
+}
+
+button[icon="apply"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-apply?size=button&state=disabled");
+}
+
+button[icon="close"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-close?size=button");
+}
+
+button[icon="close"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-close?size=button&state=disabled");
+}
+
+button[icon="print"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-print?size=button");
+}
+
+button[icon="print"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-print?size=button&state=disabled");
+}
+
+button[icon="add"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-add?size=button");
+}
+
+button[icon="add"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-add?size=button&state=disabled");
+}
+
+button[icon="remove"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-remove?size=button");
+}
+
+button[icon="remove"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-remove?size=button&state=disabled");
+}
+
+button[icon="refresh"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=button");
+}
+
+button[icon="refresh"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=button&state=disabled");
+}
+
+button[icon="revert"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button");
+}
+
+button[icon="revert"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-revert-to-saved?size=button&state=disabled");
+}
+
+button[icon="go-forward"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button");
+}
+
+button[icon="go-forward"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=button&state=disabled");
+}
+
+button[icon="go-forward"]:-moz-locale-dir(rtl) .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button");
+}
+
+button[icon="go-forward"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=button&state=disabled");
+}
+
+button[icon="go-back"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button");
+}
+
+button[icon="go-back"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=button&state=disabled");
+}
+
+button[icon="go-back"]:-moz-locale-dir(rtl) .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button");
+}
+
+button[icon="go-back"]:-moz-locale-dir(rtl)[disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=button&state=disabled");
+}
+
+button[icon="properties"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-properties?size=button");
+}
+
+button[icon="properties"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-properties?size=button&state=disabled");
+}
+
+button[icon="select-font"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-select-font?size=button");
+}
+
+button[icon="select-font"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-select-font?size=button&state=disabled");
+}
+
+button[icon="select-color"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-color-picker?size=button");
+}
+
+button[icon="select-color"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-color-picker?size=button&state=disabled");
+}
+
+button[icon="network"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-network?size=button");
+}
+
+button[icon="network"][disabled="true"] .button-icon {
+ list-style-image: url("moz-icon://stock/gtk-network?size=button&state=disabled");
+}
diff --git a/arc-firefox-theme/chrome/global/checkbox.css b/arc-firefox-theme/chrome/global/checkbox.css
new file mode 100644
index 0000000..de2e93c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/checkbox.css
@@ -0,0 +1,99 @@
+/* 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/. */
+
+/* ===== checkbox.css ===================================================
+ == Styles used by the XUL checkbox element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: checkbox ::::: */
+
+checkbox {
+ -moz-appearance: checkbox-container;
+ margin: 2px 4px;
+ border-left: 2px transparent;
+ border-right: 2px transparent;
+}
+
+/* With native theming on, the spacer-box paints the check mark and includes
+ the spacing to the right, so that oversized checkbox images can slop over
+ into the space.
+
+ If we need to disable checkbox theming, the spacer box no longer paints
+ the check mark, but its fallback CSS border supplies the padding between
+ the mark and the label. The xul:image then takes over painting the check
+ mark. */
+
+.checkbox-spacer-box {
+ -moz-appearance: checkbox;
+ -moz-box-align: center;
+ margin: 2px;
+ border-right: 2px solid transparent;
+}
+
+.checkbox-label-center-box {
+ -moz-box-align: center;
+}
+
+.checkbox-label-box {
+ -moz-appearance: checkbox-label;
+}
+
+.checkbox-icon[src] {
+ -moz-margin-end: 2px;
+}
+
+.checkbox-label {
+ margin: 0 !important;
+}
+
+/* ..... focused state ..... */
+
+checkbox:focus > .checkbox-label-center-box > .checkbox-label-box {
+ border: 1px dotted ThreeDDarkShadow;
+}
+
+/* ..... disabled state ..... */
+
+checkbox[disabled="true"] > .checkbox-spacer-box > .checkbox-check {
+ background-color: -moz-Dialog;
+}
+
+checkbox[disabled="true"] {
+ color: GrayText;
+}
+
+/* ::::: checkmark image ::::: */
+
+.checkbox-check {
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ min-width: 13px;
+ min-height: 13px;
+ background: -moz-Field no-repeat 50% 50%;
+}
+
+checkbox:not([disabled="true"]):hover {
+ color: -moz-buttonhovertext;
+ text-shadow: none;
+}
+
+checkbox:hover:active > .checkbox-spacer-box > .checkbox-check {
+ background-color: -moz-Dialog;
+}
+
+/* ..... checked state ..... */
+
+checkbox[checked="true"] > .checkbox-spacer-box > .checkbox-check {
+ background-image: url("chrome://global/skin/checkbox/cbox-check.gif");
+}
+
+checkbox[checked="true"][disabled="true"] > .checkbox-spacer-box > .checkbox-check {
+ background-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif") !important
+}
+
diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif
new file mode 100644
index 0000000..bd43dd1
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/checkbox/cbox-check-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif
new file mode 100644
index 0000000..fa0b196
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/checkbox/cbox-check.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/colorpicker.css b/arc-firefox-theme/chrome/global/colorpicker.css
new file mode 100644
index 0000000..5870ed5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/colorpicker.css
@@ -0,0 +1,47 @@
+/* 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/. */
+
+/* ===== colorpicker.css ================================================
+ == Styles used by the XUL colorpicker element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: colorpicker button ::::: */
+
+/* colorpicker button */
+
+colorpicker[type="button"] {
+ -moz-appearance: button;
+ width: 38px;
+ height: 24px;
+}
+
+.colorpicker-button-colorbox {
+ border: 1px solid #000000;
+}
+
+/* ::::: colorpicker tiles ::::: */
+
+.colorpickertile {
+ width: 20px;
+ height: 20px;
+ margin: 1px;
+ border-left: 1px solid ThreeDShadow;
+ border-top: 1px solid ThreeDShadow;
+ border-right: 1px solid ThreeDHighlight;
+ border-bottom: 1px solid ThreeDHighlight;
+}
+
+.colorpickertile[selected="true"] {
+ border: 2px outset #C0C0C0;
+}
+
+.colorpickertile[hover="true"] {
+ border: 2px dotted #FFFFFF;
+}
+
+.cp-light[hover="true"] {
+ border: 2px dotted #909090;
+}
diff --git a/arc-firefox-theme/chrome/global/commonDialog.css b/arc-firefox-theme/chrome/global/commonDialog.css
new file mode 100644
index 0000000..6d95081
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/commonDialog.css
@@ -0,0 +1,22 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#filler {
+ -moz-margin-start: -8px;
+ -moz-margin-end: -10px;
+}
+
+#iconContainer {
+ -moz-box-pack: center;
+ min-height: 55px; /* maximum icon height + icon margin */
+ min-width: 58px; /* maximum icon width + icon margin */
+}
+
+#info\.icon {
+ max-width: 48px;
+ max-height: 48px;
+ /* The 'spaced' class does this already. It's repeated here to make it clearer
+ what margin values the #iconContainer's min-height and max-height depend on: */
+ margin: 3px 5px 4px;
+}
diff --git a/arc-firefox-theme/chrome/global/config.css b/arc-firefox-theme/chrome/global/config.css
new file mode 100644
index 0000000..f1c7396
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/config.css
@@ -0,0 +1,49 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#warningScreen {
+ font-size: 15px;
+ padding-top: 0;
+ padding-bottom: 0;
+ -moz-padding-start: calc(48px + 4.6em);
+ -moz-padding-end: 48px;
+}
+
+.title {
+ background-image: url("chrome://global/skin/icons/warning.svg");
+}
+
+#warningTitle {
+ font-weight: lighter;
+ line-height: 1.2;
+ color: #333;
+ margin: 0;
+ margin-bottom: .5em;
+}
+
+#warningText {
+ margin: 1em 0;
+}
+
+#warningButton {
+ margin-top: 0.6em;
+}
+
+#filterRow {
+ margin-top: 4px;
+ -moz-margin-start: 4px;
+}
+
+#configTree {
+ margin-top: 4px;
+ margin-bottom: 4px;
+}
+
+#configTreeBody::-moz-tree-cell-text(user) {
+ font-weight: bold;
+}
+
+#configTreeBody::-moz-tree-cell-text(locked) {
+ font-style: italic;
+}
diff --git a/arc-firefox-theme/chrome/global/console/console-error-caret.gif b/arc-firefox-theme/chrome/global/console/console-error-caret.gif
new file mode 100644
index 0000000..a8f30f9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/console-error-caret.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/console/console-error-dash.gif b/arc-firefox-theme/chrome/global/console/console-error-dash.gif
new file mode 100644
index 0000000..74679a2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/console-error-dash.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/console/console-toolbar.png b/arc-firefox-theme/chrome/global/console/console-toolbar.png
new file mode 100644
index 0000000..05277b6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/console-toolbar.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css
new file mode 100644
index 0000000..7c90037
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/console.css
@@ -0,0 +1,156 @@
+/* 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/. */
+
+/* ===== console.css ====================================================
+ == Styles used by the Error Console window.
+ ====================================================================== */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.console-box {
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+/* ::::: console rows ::::: */
+
+.console-row {
+ border-bottom: 1px dotted threedshadow;
+ padding: 4px 0px;
+}
+
+.console-row-icon {
+ padding: 4px;
+ -moz-padding-start: 5px;
+ -moz-box-align: start !important;
+}
+
+.console-row-msg > label:first-child,
+.console-row-file > label:first-child {
+ display: none;
+}
+
+.console-time {
+ font-weight: normal !important;
+}
+
+.console-icon {
+ list-style-image: inherit;
+}
+
+.console-error-msg {
+ margin-bottom: 2px;
+}
+
+/* ..... error rows ..... */
+
+.console-row-code {
+ padding-top: 3px;
+ padding-bottom: 3px;
+ -moz-padding-start: 3px;
+ -moz-padding-end: 0px;
+ color: #0000BB;
+ font-size: larger;
+}
+
+.console-dots,
+.console-caret {
+ height: 9px;
+}
+
+.console-dots {
+ background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top;
+}
+
+.console-caret {
+ width: 7px;
+ background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top;
+}
+
+/* ..... message rows ..... */
+
+.console-row[type="message"] {
+ font-family: monospace;
+}
+
+/* ..... selected state ..... */
+
+.console-row[selected="true"] {
+ background-image: url("chrome://global/skin/console/itemSelected.png");
+}
+
+.console-row-code[selected="true"],
+.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link {
+ color: inherit !important;
+}
+
+/* ::::: icons ::::: */
+
+.console-row[type="error"],
+.console-row[type="exception"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
+}
+
+.console-row[type="error"] .console-row-msg,
+.console-row[type="exception"] .console-row-msg {
+ font-weight: bold;
+}
+
+.console-row[type="warning"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
+}
+
+.console-row[type="message"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
+}
+
+/* ::::: toolbars ::::: */
+
+#TextboxEval {
+ margin: 2px !important;
+}
+
+#ButtonEval {
+ margin-top: 2px !important;
+ margin-bottom: 2px !important;
+ -moz-margin-start: 0px !important;
+ -moz-margin-end: 2px !important;
+}
+
+/* Toolbar icons */
+
+toolbar#ToolbarMode toolbarbutton {
+ -moz-box-orient: horizontal;
+}
+
+#Console\:modeAll {
+ list-style-image: url("chrome://global/skin/console/console-toolbar.png");
+}
+
+#Console\:modeErrors {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=toolbar");
+}
+
+#Console\:modeWarnings {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=toolbar");
+}
+
+#Console\:modeMessages {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=toolbar");
+}
+
+#Console\:clear {
+ list-style-image: url("moz-icon://stock/gtk-clear?size=toolbar");
+}
+
+toolbar#ToolbarMode .toolbarbutton-text {
+ -moz-padding-end: 4px;
+}
+
+/* ::::: Fix Error Console toolbar button text spacing ::::: */
+
+.toolbarbutton-text {
+ -moz-padding-start: 0px;
+ -moz-padding-end: 5px;
+}
diff --git a/arc-firefox-theme/chrome/global/console/console.png b/arc-firefox-theme/chrome/global/console/console.png
new file mode 100644
index 0000000..c1be13b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/console.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/console/itemSelected.png b/arc-firefox-theme/chrome/global/console/itemSelected.png
new file mode 100644
index 0000000..964cd6a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/console/itemSelected.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/customizeToolbar.css b/arc-firefox-theme/chrome/global/customizeToolbar.css
new file mode 100644
index 0000000..3c11b9c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/customizeToolbar.css
@@ -0,0 +1,23 @@
+/* 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/. */
+
+window,
+dialog {
+ padding: 6px;
+}
+
+#instructions {
+ font-weight: bold;
+ font-size: larger;
+}
+
+#palette-box {
+ -moz-appearance: listbox;
+ margin: 0 0 10px;
+}
+
+#palette-box > toolbarpaletteitem {
+ padding: 8px 2px;
+ margin: 0 8px;
+}
diff --git a/arc-firefox-theme/chrome/global/datetimepicker.css b/arc-firefox-theme/chrome/global/datetimepicker.css
new file mode 100644
index 0000000..7e2c8f7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/datetimepicker.css
@@ -0,0 +1,147 @@
+/* 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/. */
+
+/* ===== datetimepicker.css =============================================
+ == Styles used by the XUL datepicker and timepicker elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+datepicker, timepicker {
+ margin: 2px 4px;
+ padding: 0;
+ border: none;
+ background: none;
+ cursor: default;
+}
+
+.datetimepicker-input-box {
+ -moz-appearance: textfield;
+ cursor: text;
+ -moz-margin-end: 2px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ padding: 2px 0 3px 0;
+ -moz-padding-start: 4px;
+ -moz-padding-end: 2px;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+.datetimepicker-input-subbox {
+ width: 1.6em;
+}
+
+html|*.datetimepicker-input {
+ text-align: end;
+}
+
+.datetimepicker-separator {
+ margin: 0 !important;
+}
+
+.datetimepicker-year {
+ width: 3.2em;
+}
+
+datepicker[readonly="true"],
+timepicker[readonly="true"] {
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+datepicker[disabled="true"],
+timepicker[disabled="true"] {
+ cursor: default;
+ background-color: -moz-Dialog;
+ color: GrayText;
+}
+
+.datepicker-mainbox {
+ margin: 2px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+.datepicker-popupgrid > .datepicker-mainbox {
+ margin: 0;
+ border: none;
+}
+
+.datepicker-gridlabel, .datepicker-weeklabel {
+ text-align: center;
+}
+
+.datepicker-gridlabel[today="true"] {
+ background-color: darkgrey;
+ color: white;
+}
+
+.datepicker-gridlabel[selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+.datepicker-button {
+ -moz-appearance: none;
+ min-width: 8px;
+ padding: 0px;
+}
+
+.datepicker-previous {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
+}
+
+.datepicker-next {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
+}
+
+.datepicker-previous:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
+}
+
+.datepicker-next:hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
+}
+
+.datepicker-previous[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
+}
+
+.datepicker-next[disabled="true"] {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
+}
+
+.datepicker-previous:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit.gif");
+}
+
+.datepicker-next:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft.gif");
+}
+
+.datepicker-previous:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-hov.gif");
+}
+
+.datepicker-next:-moz-locale-dir(rtl):hover {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-hov.gif");
+}
+
+.datepicker-previous[disabled="true"]:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif");
+}
+
+.datepicker-next[disabled="true"]:-moz-locale-dir(rtl) {
+ list-style-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif");
+}
diff --git a/arc-firefox-theme/chrome/global/dialog.css b/arc-firefox-theme/chrome/global/dialog.css
new file mode 100644
index 0000000..044dad6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dialog.css
@@ -0,0 +1,74 @@
+/* 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/. */
+
+/* ===== dialog.css =====================================================
+ == Styles used by the XUL dialog element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: dialog ::::: */
+
+dialog {
+ padding-top: 8px;
+ padding-bottom: 10px;
+ -moz-padding-start: 8px;
+ -moz-padding-end: 10px;
+}
+
+/* ::::: dialog buttons ::::: */
+
+.dialog-button {
+ font: menu;
+ margin-top: 6px;
+}
+
+/* ::::: dialog header ::::: */
+
+dialogheader {
+ margin: 0px 5px 5px 5px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDDarkShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDDarkShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ padding: 5px 8px;
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+.dialogheader-title {
+ margin: 0px !important;
+ font-size: larger;
+ font-weight: bold;
+}
+
+/* ::::: large dialog header ::::: */
+
+.header-large {
+ -moz-box-orient: vertical;
+ margin-top: -8px;
+ margin-bottom: 0;
+ -moz-margin-start: -8px;
+ -moz-margin-end: -10px;
+ border-left: none;
+ border-right: none;
+ border-top: none;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow;
+ padding-top: 12px;
+ padding-bottom: 12px;
+ -moz-padding-start: 25px;
+ -moz-padding-end: 5px;
+ background-color: Window;
+ color: WindowText;
+}
+
+.header-large > .dialogheader-title {
+ font: inherit;
+ font-weight: bold;
+}
+
+.header-large > .dialogheader-description {
+ -moz-margin-start: 12px !important;
+}
diff --git a/arc-firefox-theme/chrome/global/dirListing/dirListing.css b/arc-firefox-theme/chrome/global/dirListing/dirListing.css
new file mode 100644
index 0000000..4fc092d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dirListing/dirListing.css
@@ -0,0 +1,105 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+:root {
+ background-color: -moz-dialog;
+ color: -moz-dialogtext;
+ font: message-box;
+ padding-left: 2em;
+ padding-right: 2em;
+}
+
+body {
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ padding: 3em;
+ min-width: 30em;
+ max-width: 65em;
+ margin: 4em auto;
+ background-color: -moz-field;
+ color: -moz-fieldtext;
+}
+
+h1 {
+ font-size: 160%;
+ margin: 0 0 .6em;
+ border-bottom: 1px solid ThreeDLightShadow;
+ font-weight: normal;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:hover {
+ text-decoration: underline;
+}
+
+p {
+ font-size: 110%;
+}
+
+#UI_goUp {
+ margin-top: 0;
+ float: left;
+}
+
+#UI_goUp:-moz-dir(rtl) {
+ float: right;
+}
+
+#UI_showHidden {
+ margin-top: 0;
+ float: right;
+}
+
+#UI_showHidden:-moz-dir(rtl) {
+ float: left;
+}
+
+table {
+ clear: both;
+ width: 90%;
+ margin: 0 auto;
+}
+
+thead {
+ font-size: 130%;
+}
+
+/* last modified */
+th:last-child {
+ text-align: center;
+}
+
+th:hover > a {
+ text-decoration: underline;
+}
+
+body > table > tbody > tr:hover {
+ outline: 1px solid ThreeDLightShadow;
+ -moz-outline-radius: .3em;
+}
+
+/* let 'Size' and 'Last Modified' take only as much space as they need and 'Name' all the rest */
+td:not(:first-child) {
+ width: 0;
+}
+
+.up {
+ padding: 0 .5em;
+ -moz-margin-start: 20px;
+}
+
+.up::before {
+ -moz-margin-end: 4px;
+ -moz-margin-start: -20px;
+ vertical-align: middle;
+ content: url(moz-icon://stock/gtk-go-up?size=menu);
+}
+
+.dir::before {
+ content: url(moz-icon://stock/gtk-directory?size=menu);
+}
+
diff --git a/arc-firefox-theme/chrome/global/dirListing/folder.png b/arc-firefox-theme/chrome/global/dirListing/folder.png
new file mode 100644
index 0000000..c266b01
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dirListing/folder.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/dirListing/local.png b/arc-firefox-theme/chrome/global/dirListing/local.png
new file mode 100644
index 0000000..c5da02b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dirListing/local.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/dirListing/remote.png b/arc-firefox-theme/chrome/global/dirListing/remote.png
new file mode 100644
index 0000000..281fb2a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dirListing/remote.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/dirListing/up.png b/arc-firefox-theme/chrome/global/dirListing/up.png
new file mode 100644
index 0000000..6c11509
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dirListing/up.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/dropmarker.css b/arc-firefox-theme/chrome/global/dropmarker.css
new file mode 100644
index 0000000..5b44ac4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/dropmarker.css
@@ -0,0 +1,7 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+dropmarker {
+ -moz-appearance: menulist-button;
+}
diff --git a/arc-firefox-theme/chrome/global/expander.css b/arc-firefox-theme/chrome/global/expander.css
new file mode 100644
index 0000000..6c7d290
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/expander.css
@@ -0,0 +1,14 @@
+/* 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/. */
+
+.expanderButton {
+ cursor: pointer !important;
+}
+
+.settingsContainer {
+ padding-top: 3px;
+ padding-bottom: 5px;
+ -moz-padding-start: 20px;
+ -moz-padding-end: 5px;
+}
diff --git a/arc-firefox-theme/chrome/global/filefield.css b/arc-firefox-theme/chrome/global/filefield.css
new file mode 100644
index 0000000..11bb836
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/filefield.css
@@ -0,0 +1,36 @@
+/*
+# -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 4 -*-
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this
+# file, You can obtain one at http://mozilla.org/MPL/2.0/.
+*/
+
+/* File Field Widget */
+filefield {
+ margin: 2px 4px;
+ -moz-appearance: textfield;
+}
+
+.fileFieldContentBox {
+ background-color: -moz-Dialog;
+}
+
+.fileFieldIcon[disabled="true"] {
+ opacity: 0.4;
+}
+
+.fileFieldIcon {
+ width: 16px;
+ height: 16px;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 1px;
+ -moz-margin-end: 4px;
+}
+
+.fileFieldLabel {
+ -moz-appearance: none;
+ background-color: transparent;
+ border: none;
+ margin: 0px;
+}
diff --git a/arc-firefox-theme/chrome/global/filepicker.css b/arc-firefox-theme/chrome/global/filepicker.css
new file mode 100644
index 0000000..b072c20
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/filepicker.css
@@ -0,0 +1,63 @@
+/* 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/. */
+
+/* ===== filepicker.css =================================================
+ == Styles used by the File Picker dialog.
+ ======================================================================= */
+
+@import url("chrome://global/skin/");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: column widths ::::: */
+
+#FilenameColumn,
+#ContentLengthColumn,
+#LastModifiedDateColumn {
+ width: 100px;
+}
+
+/* ::::: file/directory items ::::: */
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue),
+treechildren::-moz-tree-image(FilenameColumn) {
+ padding-right: 2px;
+ margin: 0px 2px;
+ width: 16px;
+ height: 16px;
+}
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue, directory),
+treechildren::-moz-tree-image(FilenameColumn, directory) {
+ list-style-image: url("moz-icon://stock/gtk-directory?size=menu");
+}
+
+treechildren::-moz-tree-image(treecolAutoCompleteValue, file),
+treechildren::-moz-tree-image(FilenameColumn, file) {
+ list-style-image: url("moz-icon://stock/gtk-file?size=menu");
+}
+
+/* ::::: button items ::::: */
+
+/* up-button */
+
+.up-button {
+ list-style-image: url("moz-icon://stock/gtk-go-up?size=toolbar");
+ max-width: 36px;
+}
+
+/* home-button */
+
+.home-button {
+ list-style-image: url("moz-icon://stock/gtk-home?size=toolbar");
+ max-width: 36px;
+}
+
+/* new-dir-button */
+
+.new-dir-button {
+ list-style-image: url("chrome://global/skin/Filepicker.png");
+ max-width: 36px;
+}
+
diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css
new file mode 100644
index 0000000..cb4729a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/findBar.css
@@ -0,0 +1,155 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+findbar {
+ border-top: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDHighlight;
+ min-width: 1px;
+ transition-property: margin-bottom, opacity, visibility;
+ transition-duration: 150ms, 150ms, 0s;
+ transition-timing-function: ease-in-out, ease-in-out, linear;
+}
+
+findbar[hidden] {
+ /* Override display:none to make the transition work. */
+ display: -moz-box;
+ visibility: collapse;
+ margin-bottom: -1em;
+ opacity: 0;
+ transition-delay: 0s, 0s, 150ms;
+}
+
+.findbar-container {
+ -moz-padding-start: 8px;
+ padding-top: 4px;
+ padding-bottom: 4px;
+}
+
+.findbar-closebutton {
+ -moz-appearance: none;
+ width: 16px;
+ height: 16px;
+ margin: 0 8px;
+}
+
+/* Search field */
+
+.findbar-textbox {
+ -moz-appearance: none;
+ border: 1px solid ThreeDShadow;
+ box-shadow: 0 0 1px 0 ThreeDShadow inset;
+ margin: 0;
+ padding: 5px;
+ width: 14em;
+}
+
+.findbar-textbox:-moz-locale-dir(ltr) {
+ border-radius: 3px 0 0 3px;
+ border-right-width: 0;
+}
+
+.findbar-textbox:-moz-locale-dir(rtl) {
+ border-radius: 0 3px 3px 0;
+ border-left-width: 0;
+}
+
+.findbar-textbox[focused="true"] {
+ border-color: Highlight;
+ box-shadow: 0 0 1px 0 Highlight inset;
+}
+
+.findbar-textbox[status="notfound"] {
+ background-color: #f66;
+ color: white;
+}
+
+.findbar-textbox[flash="true"] {
+ background-color: yellow;
+ color: black;
+}
+
+.findbar-textbox.minimal {
+ border-width: 1px;
+ border-radius: 3px;
+}
+
+.findbar-find-previous,
+.findbar-find-next {
+ -moz-margin-start: 0;
+ -moz-appearance: none;
+ background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2));
+ border: 1px solid ThreeDShadow;
+ box-shadow: 0 1px #fff inset;
+ list-style-image: url("chrome://global/skin/icons/find-arrows.png");
+ padding: 5px 9px;
+ line-height: 1em;
+}
+
+.findbar-find-previous:focus,
+.findbar-find-next:focus {
+ border-color: Highlight;
+ box-shadow: 0 0 1px 0 Highlight inset;
+}
+
+.findbar-find-previous:not([disabled]):active,
+.findbar-find-next:not([disabled]):active {
+ background: rgba(23,50,76,.2);
+ border: 1px solid ThreeDShadow;
+ box-shadow: 0 1px 2px rgba(10,31,51,.2) inset;
+}
+
+.findbar-find-previous {
+ -moz-image-region: rect(0, 12px, 9px, 0);
+ -moz-border-end-width: 0;
+}
+
+.findbar-find-next {
+ -moz-image-region: rect(0, 24px, 9px, 12px);
+}
+
+.findbar-find-previous > .toolbarbutton-icon,
+.findbar-find-next > .toolbarbutton-icon {
+ margin: 0;
+}
+
+.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
+.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
+ opacity: .5;
+}
+
+.findbar-find-next:-moz-locale-dir(ltr) {
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+}
+
+.findbar-find-next:-moz-locale-dir(rtl) {
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.findbar-find-previous:focus + .findbar-find-next {
+ -moz-border-start-width: 0;
+}
+
+.findbar-find-previous:focus {
+ -moz-border-end-width: 1px;
+}
+
+.findbar-highlight,
+.findbar-case-sensitive {
+ -moz-margin-start: 5px;
+}
+
+.findbar-find-status,
+.findbar-matches {
+ color: GrayText;
+ margin: 0 !important;
+ -moz-margin-start: 12px !important;
+}
+
+.find-status-icon[status="pending"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css
new file mode 100644
index 0000000..5ddc664
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/global.css
@@ -0,0 +1,326 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== global.css =====================================================
+ == Styles that apply everywhere.
+ ======================================================================= */
+
+/* all localizable skin settings shall live here */
+@import url("chrome://global/locale/intl.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: XBL bindings ::::: */
+
+checkbox {
+ -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox-with-spacing");
+}
+
+radio {
+ -moz-binding: url("chrome://global/skin/globalBindings.xml#radio-with-spacing");
+}
+
+menulist > menupopup {
+ -moz-binding: url("chrome://global/content/bindings/popup.xml#popup-scrollbars");
+}
+
+progressmeter[mode="undetermined"] {
+ -moz-binding: url("chrome://global/content/bindings/progressmeter.xml#progressmeter-undetermined");
+}
+
+toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag) {
+ -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag");
+}
+
+/* ::::: root elements ::::: */
+
+window,
+page,
+dialog,
+wizard,
+prefwindow {
+ -moz-appearance: window;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+ font: message-box;
+}
+
+/* deprecated */
+window.dialog {
+ padding-top: 8px;
+ padding-bottom: 10px;
+ -moz-padding-start: 8px;
+ -moz-padding-end: 10px;
+}
+
+/* ::::: alert icons :::::*/
+
+.message-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=dialog");
+}
+
+.alert-dialog #info\.icon,
+.alert-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog");
+}
+
+.error-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog");
+}
+
+.question-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-question?size=dialog");
+}
+
+.authentication-icon {
+ list-style-image: url("chrome://global/skin/icons/Authentication.png");
+}
+
+/* ::::: iframe ::::: */
+
+iframe {
+ border: none;
+ width: 100px;
+ height: 100px;
+ min-width: 10px;
+ min-height: 10px;
+}
+
+/* ::::: statusbar ::::: */
+
+statusbar {
+ -moz-appearance: statusbar;
+ border-top: 1px solid ThreeDLightShadow;
+ border-left: 1px solid ThreeDShadow;
+ border-right: 1px solid ThreeDHighlight;
+ border-bottom: 1px solid ThreeDHighlight;
+ background-color: -moz-Dialog;
+ min-height: 22px;
+}
+
+statusbarpanel {
+ -moz-appearance: statusbarpanel;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border-left: 1px solid ThreeDHighlight;
+ border-top: 1px solid ThreeDHighlight;
+ border-right: 1px solid ThreeDShadow;
+ border-bottom: 1px solid ThreeDShadow;
+ padding: 0 4px;
+}
+
+.statusbar-resizerpanel {
+ -moz-box-align: end;
+ -moz-box-pack: end;
+ -moz-appearance: resizerpanel;
+ padding: 0;
+ border: none;
+}
+
+.statusbarpanel-iconic,
+.statusbarpanel-iconic-text,
+.statusbarpanel-menu-iconic {
+ padding: 0 1px;
+}
+
+/* XXXBlake yeah, shoot me -- these don't belong here. I'll move them later. */
+
+sidebarheader {
+ height: 25px;
+ background-color: -moz-Dialog;
+}
+
+sidebarheader > label {
+ -moz-padding-start: 4px;
+}
+
+.toolbar-focustarget {
+ -moz-user-focus: ignore !important;
+}
+
+toolbar[mode="text"] .toolbarbutton-text {
+ padding: 0 !important;
+ margin: 3px 5px !important;
+}
+
+/* ::::: miscellaneous formatting ::::: */
+
+:root:-moz-lwtheme,
+[lwthemefooter="true"],
+statusbarpanel:-moz-lwtheme {
+ -moz-appearance: none;
+}
+
+sidebarheader:-moz-lwtheme {
+ background: none;
+}
+
+:root:-moz-lwtheme-darktext {
+ text-shadow: 0 -0.5px 1.5px white;
+}
+
+:root:-moz-lwtheme-brighttext {
+ text-shadow: 1px 1px 1.5px black;
+}
+
+.inset {
+ border: 1px solid ThreeDShadow;
+ border-right-color: ThreeDHighlight;
+ border-bottom-color: ThreeDHighlight;
+ margin: 0 5px 5px;
+}
+
+.outset {
+ border: 1px solid ThreeDShadow;
+ border-left-color: ThreeDHighlight;
+ border-top-color: ThreeDHighlight;
+}
+
+separator:not([orient="vertical"]) {
+ height: 1.5em;
+}
+separator[orient="vertical"] {
+ width: 1.5em;
+}
+
+separator.thin:not([orient="vertical"]) {
+ height: 0.5em;
+}
+separator.thin[orient="vertical"] {
+ width: 0.5em;
+}
+
+separator.groove:not([orient="vertical"]) {
+ border-top: 1px solid ThreeDShadow;
+ border-bottom: 1px solid ThreeDHighlight;
+ height: 0;
+ margin-top: 0.4em;
+ margin-bottom: 0.4em;
+}
+separator.groove[orient="vertical"] {
+ border-left: 1px solid ThreeDShadow;
+ border-right: 1px solid ThreeDHighlight;
+ width: 0;
+ margin-left: 0.4em;
+ margin-right: 0.4em;
+}
+
+.small-margin {
+ margin: 1px 2px;
+}
+
+.plain {
+ -moz-appearance: none;
+ margin: 0 !important;
+ border: none;
+ padding: 0;
+}
+
+description,
+label {
+ cursor: default;
+ margin-top: 1px;
+ margin-bottom: 2px;
+ -moz-margin-start: 6px;
+ -moz-margin-end: 5px;
+}
+
+description {
+ margin-bottom: 4px;
+}
+
+label[disabled="true"] {
+ color: GrayText;
+}
+
+.tooltip-label {
+ margin: 0;
+}
+
+.header {
+ font-weight: bold;
+}
+
+.monospace {
+ font-family: monospace;
+}
+
+.indent {
+ -moz-margin-start: 23px;
+}
+
+.box-padded {
+ padding: 5px;
+}
+
+.spaced {
+ margin: 3px 5px 4px;
+}
+
+.wizard-box {
+ padding: 20px 44px 10px;
+}
+
+.text-link {
+ color: -moz-nativehyperlinktext;
+ cursor: pointer;
+}
+
+.text-link:hover {
+ text-decoration: underline;
+}
+
+.text-link:-moz-focusring {
+ outline: 1px dotted;
+}
+
+notification > button {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+popupnotificationcontent {
+ margin-top: .5em;
+}
+
+/* :::::: autoscroll popup ::::: */
+
+.autoscroller {
+ height: 28px;
+ width: 28px;
+ border: none;
+ margin: -14px;
+ padding: 0;
+ background-image: url("chrome://global/skin/icons/autoscroll.png");
+ background-color: transparent;
+ background-position: right top;
+ -moz-appearance: none;
+}
+
+.autoscroller[scrolldir="NS"] {
+ background-position: right center;
+}
+
+.autoscroller[scrolldir="EW"] {
+ background-position: right bottom;
+}
+
+/* :::::: Close button icons ::::: */
+
+.close-icon {
+ -moz-appearance: none;
+ height: 16px;
+ width: 16px;
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 16, 16, 0);
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.close-icon:hover {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 32, 16, 16);
+}
+
+.close-icon:hover:active {
+ background-image: -moz-image-rect(url("chrome://global/skin/icons/close.svg"), 0, 48, 16, 32);
+}
diff --git a/arc-firefox-theme/chrome/global/globalBindings.xml b/arc-firefox-theme/chrome/global/globalBindings.xml
new file mode 100644
index 0000000..8daa8a2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/globalBindings.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+
+<bindings id="globalBindings"
+ xmlns="http://www.mozilla.org/xbl"
+ xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
+ xmlns:xbl="http://www.mozilla.org/xbl">
+
+ <binding id="radio"
+ extends="chrome://global/content/bindings/radio.xml#radio">
+ <content>
+ <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled">
+ <xul:hbox class="radio-check-box2" flex="1">
+ <xul:image class="radio-check" xbl:inherits="selected,checked,disabled"/>
+ </xul:hbox>
+ </xul:hbox>
+ <xul:hbox class="radio-label-box" align="center" flex="1">
+ <xul:image class="radio-icon" xbl:inherits="src"/>
+ <xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/>
+ </xul:hbox>
+ </content>
+ </binding>
+
+ <binding id="radio-with-spacing"
+ extends="chrome://global/skin/globalBindings.xml#radio">
+ <content>
+ <xul:hbox class="radio-spacer-box">
+ <xul:hbox class="radio-check-box1" xbl:inherits="selected,checked,disabled">
+ <xul:hbox class="radio-check-box2" flex="1">
+ <xul:image class="radio-check" xbl:inherits="selected,checked,disabled"/>
+ </xul:hbox>
+ </xul:hbox>
+ </xul:hbox>
+ <xul:hbox class="radio-label-center-box" flex="1">
+ <xul:hbox class="radio-label-box" flex="1">
+ <xul:image class="radio-icon" xbl:inherits="src"/>
+ <xul:label class="radio-label" xbl:inherits="xbl:text=label,accesskey,crop" flex="1"/>
+ </xul:hbox>
+ </xul:hbox>
+ </content>
+ </binding>
+
+ <binding id="toolbarpaletteitem-spacer"
+ extends="chrome://global/content/bindings/toolbar.xml#toolbarpaletteitem">
+ <content>
+ <xul:spacer class="spacer-left"/>
+ <children/>
+ <xul:spacer class="spacer-right"/>
+ </content>
+ </binding>
+
+</bindings>
diff --git a/arc-firefox-theme/chrome/global/groupbox.css b/arc-firefox-theme/chrome/global/groupbox.css
new file mode 100644
index 0000000..b31aac8
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/groupbox.css
@@ -0,0 +1,32 @@
+/* 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/. */
+
+/* ===== groupbox.css ==================================================
+ == Styles used by the XUL groupbox and related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: groupbox ::::: */
+
+groupbox {
+ margin: 5px;
+ padding: 5px;
+}
+
+.groupbox-body {
+ -moz-padding-start: 10px;
+}
+
+caption {
+ margin-bottom: 2px;
+ font-weight: bold;
+}
+
+/* !important is needed to override label in global.css */
+.caption-text {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+ -moz-margin-start: 1px !important;
+}
diff --git a/arc-firefox-theme/chrome/global/icons/Authentication.png b/arc-firefox-theme/chrome/global/icons/Authentication.png
new file mode 100644
index 0000000..facbfbe
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Authentication.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Close.gif b/arc-firefox-theme/chrome/global/icons/Close.gif
new file mode 100644
index 0000000..358055b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Close.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Error.png b/arc-firefox-theme/chrome/global/icons/Error.png
new file mode 100644
index 0000000..bd4064f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Error.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Landscape.png b/arc-firefox-theme/chrome/global/icons/Landscape.png
new file mode 100644
index 0000000..925506c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Landscape.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Minimize.gif b/arc-firefox-theme/chrome/global/icons/Minimize.gif
new file mode 100644
index 0000000..2950037
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Minimize.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Portrait.png b/arc-firefox-theme/chrome/global/icons/Portrait.png
new file mode 100644
index 0000000..fb7e18d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Portrait.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Print-preview.png b/arc-firefox-theme/chrome/global/icons/Print-preview.png
new file mode 100644
index 0000000..51c7601
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Print-preview.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Question.png b/arc-firefox-theme/chrome/global/icons/Question.png
new file mode 100644
index 0000000..ed8d371
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Question.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Restore.gif b/arc-firefox-theme/chrome/global/icons/Restore.gif
new file mode 100644
index 0000000..cdc66e1
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Restore.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Search-close.png b/arc-firefox-theme/chrome/global/icons/Search-close.png
new file mode 100644
index 0000000..7faca92
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Search-close.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Search-glass.png b/arc-firefox-theme/chrome/global/icons/Search-glass.png
new file mode 100644
index 0000000..16a75cf
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Search-glass.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/Warning.png b/arc-firefox-theme/chrome/global/icons/Warning.png
new file mode 100644
index 0000000..ee5622f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/Warning.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg
new file mode 100644
index 0000000..50c77a5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/autocomplete-search.svg
@@ -0,0 +1,33 @@
+<?xml version="1.0"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px" y="0px"
+ viewBox="0 0 16 16"
+ enable-background="new 0 0 16 16"
+ xml:space="preserve">
+<style>
+ use:not(:target) {
+ display: none;
+ }
+
+ use {
+ fill: GrayText;
+ }
+
+ use[id$="-inverted"] {
+ fill: highlighttext;
+ }
+</style>
+<defs style="display:none">
+ <path id="search" fill-rule="evenodd" clip-rule="evenodd" d="M9.356,1.178c-3.014,0-5.458,2.45-5.458,5.472c0,1.086,0.32,2.096,0.864,2.947
+ l-3.279,3.287c-0.396,0.397-0.396,1.041,0,1.438l0.202,0.202c0.396,0.397,1.039,0.397,1.435,0l3.275-3.283
+ c0.854,0.554,1.869,0.88,2.962,0.88c3.014,0,5.458-2.45,5.458-5.471C14.814,3.627,12.371,1.178,9.356,1.178z M9.356,10.001
+ c-1.847,0-3.344-1.501-3.344-3.352c0-1.851,1.497-3.352,3.344-3.352c1.846,0,3.344,1.501,3.344,3.352
+ C12.7,8.501,11.203,10.001,9.356,10.001z"/>
+</defs>
+<use id="search-icon" xlink:href="#search"/>
+<use id="search-icon-inverted" xlink:href="#search"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/autoscroll.png b/arc-firefox-theme/chrome/global/icons/autoscroll.png
new file mode 100644
index 0000000..6aac3d9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/autoscroll.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png
new file mode 100644
index 0000000..f41f684
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/blacklist_favicon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/blacklist_large.png b/arc-firefox-theme/chrome/global/icons/blacklist_large.png
new file mode 100644
index 0000000..f4c4d9e
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/blacklist_large.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png
new file mode 100644
index 0000000..ea6ada4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-XPVista7.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png
new file mode 100644
index 0000000..c25a64a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-XPVista7@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png
new file mode 100644
index 0000000..68596a3
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png
new file mode 100644
index 0000000..eec52e6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-inverted-XPVista7@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted.png b/arc-firefox-theme/chrome/global/icons/close-inverted.png
new file mode 100644
index 0000000..0e81580
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png
new file mode 100644
index 0000000..79d6e87
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close-inverted@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close.png b/arc-firefox-theme/chrome/global/icons/close.png
new file mode 100644
index 0000000..1a79a87
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/close.svg b/arc-firefox-theme/chrome/global/icons/close.svg
new file mode 100644
index 0000000..375a412
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close.svg
@@ -0,0 +1,104 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1"
+ id="icon-close"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0px"
+ y="0px"
+ width="96px"
+ height="16px"
+ viewBox="0 0 96 16">
+
+ <defs>
+ <style type="text/css"><![CDATA[
+ /* X Glyph Styles */
+
+ .glyphShape-style-foreground {
+ fill: ButtonText;
+ fill-opacity: .8;
+ }
+
+ .glyphShape-style-background {
+ fill: -moz-MenuBarText;
+ fill-opacity: .8;
+ }
+
+ .glyphShape-style-hover {
+ fill: #fff;
+ }
+
+ .glyphShape-style-hover-shadow {
+ fill: #b32c12;
+ }
+
+ .glyphShape-style-hover-active {
+ fill: #fff;
+ fill-opacity: .8;
+ }
+
+ .glyphShape-style-hover-active-shadow {
+ fill: #99260f;
+ }
+
+ .glyphShape-style-LWT-bright {
+ fill: #fff;
+ fill-opacity: .8;
+ }
+
+ .glyphShape-style-LWT-dark {
+ fill: #000;
+ fill-opacity: .8;
+ }
+
+
+ /* Close Button Background Styles */
+
+ .icon-background-hover {
+ fill: #d93616;
+ }
+
+ .icon-background-hover-active {
+ fill: #b32c12;
+ }
+ ]]></style>
+
+ <polygon id="glyphShape-close" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 12,10.5 10.5,12 8,9.5 5.5,12 4,10.5 6.5,8"/>
+ <polygon id="glyphShape-close-topHighlight" points="4,5.5 5.5,4 8,6.5 10.5,4 12,5.5 9.5,8 11.5,6 10.5,5 8,7.5 5.5,5 4.5,6"/>
+ <rect id="glyphShape-background" x="2" y="2" rx="2" width="12" height="12"/>
+
+ </defs>
+
+ <g id="icon-closeForeground-default">
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-foreground" />
+ <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-foreground" />
+ </g>
+
+ <g id="icon-close-hover" transform="translate(16)">
+ <use xlink:href="#glyphShape-background" class="icon-background-hover" />
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-shadow" transform="translate(0,1)" />
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-hover" />
+ </g>
+
+ <g id="icon-close-hover-active" transform="translate(32)">
+ <use xlink:href="#glyphShape-background" class="icon-background-hover-active" />
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active-shadow" transform="translate(0,1)" />
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-hover-active" />
+ </g>
+
+ <g id="icon-closeBackground-default" transform="translate(48)">
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-background" />
+ <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-background" />
+ </g>
+
+ <g id="icon-close-LWT-bright" transform="translate(64)">
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-bright" />
+ <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-bright" />
+ </g>
+
+ <g id="icon-close-LWT-dark" transform="translate(80)">
+ <use xlink:href="#glyphShape-close" class="glyphShape-style-LWT-dark" />
+ <use xlink:href="#glyphShape-close-topHighlight" class="glyphShape-style-LWT-dark" />
+ </g>
+
+</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/close@2x.png b/arc-firefox-theme/chrome/global/icons/close@2x.png
new file mode 100644
index 0000000..3cc9ea2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/close@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/collapse.png b/arc-firefox-theme/chrome/global/icons/collapse.png
new file mode 100644
index 0000000..c688dc6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/collapse.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/error-16.png b/arc-firefox-theme/chrome/global/icons/error-16.png
new file mode 100644
index 0000000..54b5740
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/error-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/error-64.png b/arc-firefox-theme/chrome/global/icons/error-64.png
new file mode 100644
index 0000000..a5b78a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/error-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/expand.png b/arc-firefox-theme/chrome/global/icons/expand.png
new file mode 100644
index 0000000..246d5ee
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/expand.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.png b/arc-firefox-theme/chrome/global/icons/find-arrows.png
new file mode 100644
index 0000000..1a3a9da
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/find-arrows.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/folder-item.png b/arc-firefox-theme/chrome/global/icons/folder-item.png
new file mode 100644
index 0000000..905ef0f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/folder-item.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/information-16.png b/arc-firefox-theme/chrome/global/icons/information-16.png
new file mode 100644
index 0000000..4393795
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/information-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/information-24.png b/arc-firefox-theme/chrome/global/icons/information-24.png
new file mode 100644
index 0000000..e23f9c3
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/information-24.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/information-32.png b/arc-firefox-theme/chrome/global/icons/information-32.png
new file mode 100644
index 0000000..a2a64a4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/information-32.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/loading_16.png b/arc-firefox-theme/chrome/global/icons/loading_16.png
new file mode 100644
index 0000000..7108ea3
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/loading_16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg
new file mode 100644
index 0000000..6f794b7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="10"
+ height="20">
+ <path d="M 10,-0.2 L -0.2,10 10,20.2 z"
+ fill="ThreeDShadow"/>
+ <path d="M 10,1.2 L 1.2,10 10,18.8 z"
+ fill="-moz-Dialog"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg
new file mode 100644
index 0000000..3d79e18
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg"
+ width="20"
+ height="10">
+ <path d="M -0.2,10 L 10,-0.2 20.2,10 z"
+ fill="ThreeDShadow"/>
+ <path d="M 1.2,10 L 10,1.2 18.8,10 z"
+ fill="-moz-Dialog"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/question-16.png b/arc-firefox-theme/chrome/global/icons/question-16.png
new file mode 100644
index 0000000..7e9aa7f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/question-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/question-64.png b/arc-firefox-theme/chrome/global/icons/question-64.png
new file mode 100644
index 0000000..f07efc0
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/question-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/resizer-rtl.png b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png
new file mode 100644
index 0000000..973bc05
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/resizer-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/resizer.png b/arc-firefox-theme/chrome/global/icons/resizer.png
new file mode 100644
index 0000000..0b1e63a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/resizer.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/sslWarning.png b/arc-firefox-theme/chrome/global/icons/sslWarning.png
new file mode 100644
index 0000000..6517bb9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/sslWarning.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png
new file mode 100644
index 0000000..0d3cacd
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/tabprompts-bgtexture.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/warning-16.png b/arc-firefox-theme/chrome/global/icons/warning-16.png
new file mode 100644
index 0000000..513c954
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/warning-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/warning-64.png b/arc-firefox-theme/chrome/global/icons/warning-64.png
new file mode 100644
index 0000000..a93e891
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/warning-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/warning-large.png b/arc-firefox-theme/chrome/global/icons/warning-large.png
new file mode 100644
index 0000000..2b445f0
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/warning-large.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/warning.svg b/arc-firefox-theme/chrome/global/icons/warning.svg
new file mode 100644
index 0000000..0082970
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/warning.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 60 60" enable-background="new 0 0 60 60">
+ <linearGradient id="gradient" gradientUnits="userSpaceOnUse" x1="30" y1="10" x2="30" y2="50">
+ <stop offset="0" style="stop-color: #fedb00"/>
+ <stop offset="1" style="stop-color: #fcce00"/>
+ </linearGradient>
+ <path fill="url(#gradient)" d="M49.316,42.867L33.829,12.7c-0.879-1.715-2.274-2.7-3.828-2.7c-1.554,0-2.949,0.985-3.829,2.702
+ L10.685,42.864c-0.869,1.69-0.913,3.482-0.121,4.909C11.35,49.187,12.817,50,14.591,50h30.82c1.772,0,3.24-0.81,4.023-2.224
+ C50.227,46.349,50.185,44.56,49.316,42.867z M32.176,22.304l-0.48,14.304h-3.424L27.76,22.304H32.176z M30,44.896
+ c-1.44,0-2.592-1.184-2.592-2.592c0-1.44,1.152-2.592,2.592-2.592c1.472,0,2.592,1.152,2.592,2.592
+ C32.592,43.712,31.472,44.896,30,44.896z"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/global/icons/webapps-16.png b/arc-firefox-theme/chrome/global/icons/webapps-16.png
new file mode 100644
index 0000000..df3978c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/webapps-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/webapps-64.png b/arc-firefox-theme/chrome/global/icons/webapps-64.png
new file mode 100644
index 0000000..7c5e48c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/webapps-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/icons/windowControls.png b/arc-firefox-theme/chrome/global/icons/windowControls.png
new file mode 100644
index 0000000..9925b84
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/icons/windowControls.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/in-content/check-partial.svg b/arc-firefox-theme/chrome/global/in-content/check-partial.svg
new file mode 100644
index 0000000..b46a731
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/check-partial.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="21"
+ height="21"
+ viewBox="0 0 21 21">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #2292d0;
+ }
+ use[id$="-inverted"] {
+ fill: #fff;
+ stroke: #0095dd;
+ stroke-width: 0.5;
+ }
+ use[id$="-native"] {
+ fill: -moz-dialogText;
+ }
+ </style>
+ <defs style="display: none;">
+ <rect id="check-shape" x="3" y="9" width="15" height="3"/>
+ </defs>
+ <use id="check-partial" xlink:href="#check-shape"/>
+ <use id="check-partial-inverted" xlink:href="#check-shape"/>
+ <use id="check-partial-native" xlink:href="#check-shape"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/global/in-content/check.svg b/arc-firefox-theme/chrome/global/in-content/check.svg
new file mode 100644
index 0000000..9fb2223
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/check.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="21"
+ height="21"
+ viewBox="0 0 21 21">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #2292d0;
+ }
+ use[id$="-inverted"] {
+ fill: #fff;
+ stroke: #0095dd;
+ stroke-width: 0.5;
+ }
+ use[id$="-native"] {
+ fill: -moz-dialogText;
+ }
+ </style>
+ <defs style="display: none;">
+ <path id="check-shape" d="M 9.39,16.5 16.28,6 14.77,4.5 9.37,12.7 6.28,9.2 4.7,10.7 z"/>
+ </defs>
+ <use id="check" xlink:href="#check-shape"/>
+ <use id="check-inverted" xlink:href="#check-shape"/>
+ <use id="check-native" xlink:href="#check-shape"/>
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css
new file mode 100644
index 0000000..0b02360
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/common.css
@@ -0,0 +1,818 @@
+/* - This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ - You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace html "http://www.w3.org/1999/xhtml";
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+html|body,
+xul|page,
+xul|window {
+ font: message-box;
+ -moz-appearance: none;
+ background-color: #fbfbfb;
+ color: #424e5a;
+}
+
+html|body {
+ font-size: 15px;
+ font-weight: normal;
+ margin: 0;
+}
+
+html|h1 {
+ font-size: 2.5em;
+ font-weight: lighter;
+ line-height: 1.2;
+ color: #333;
+ margin: 0;
+ margin-bottom: .5em;
+}
+
+html|hr {
+ border-style: solid none none none;
+ border-color: #c1c1c1;
+}
+
+xul|caption {
+ -moz-appearance: none;
+ margin: 0;
+}
+
+xul|caption > xul|checkbox,
+xul|caption > xul|label {
+ font-size: 1.3rem;
+ font-weight: bold;
+ line-height: 22px;
+ margin: 0 !important;
+}
+
+*|*.main-content {
+ padding-top: 40px;
+ -moz-padding-end: 44px; /* compensate the 4px margin of child elements */
+ padding-bottom: 48px;
+ -moz-padding-start: 48px;
+ overflow: auto;
+}
+
+xul|prefpane > xul|*.content-box {
+ overflow: visible;
+}
+
+/* groupboxes */
+
+xul|groupbox {
+ -moz-appearance: none;
+ border: none;
+ margin: 15px 0 0;
+ -moz-padding-start: 0;
+ -moz-padding-end: 0;
+ font-size: 1.25rem;
+}
+
+xul|groupbox xul|label,
+xul|groupbox xul|description {
+ /* !important needed to override toolkit !important rule */
+ -moz-margin-start: 0 !important;
+ -moz-margin-end: 0 !important;
+}
+
+/* tabpanels and tabs */
+
+xul|tabpanels {
+ -moz-appearance: none;
+ font-size: 1.25rem;
+ line-height: 22px;
+ border: none;
+ padding: 0;
+ background-color: transparent;
+ color: inherit;
+}
+
+xul|tabs {
+ margin-bottom: 15px;
+ border-top: 1px solid #c1c1c1;
+ border-bottom: 1px solid #c1c1c1;
+ background-color: #fbfbfb;
+}
+
+xul|*.tabs-left,
+xul|*.tabs-right {
+ border-bottom: none;
+}
+
+xul|tab {
+ -moz-appearance: none;
+ margin-top: 0;
+ padding: 4px 20px;
+ min-height: 44px;
+ color: #424f5a;
+ background-color: #fbfbfb;
+ border-width: 0;
+ transition: background-color 50ms ease 0s;
+}
+
+xul|tab:hover {
+ background-color: #ebebeb;
+}
+
+xul|tab[selected] {
+ background-color: #ebebeb;
+ padding-bottom: 0; /* compensate the 4px border */
+ border-bottom: 4px solid #ff9500;
+}
+
+xul|*.tab-text {
+ font-size: 1.3rem;
+ line-height: 22px;
+}
+
+/* html buttons */
+
+html|button {
+ padding: 3px;
+ /* override forms.css */
+ font: inherit;
+}
+
+/* xul buttons and menulists */
+
+*|button,
+xul|colorpicker[type="button"],
+xul|menulist {
+ -moz-appearance: none;
+ height: 30px;
+ color: #333;
+ line-height: 20px;
+ border: 1px solid #c1c1c1;
+ -moz-border-top-colors: none !important;
+ -moz-border-right-colors: none !important;
+ -moz-border-bottom-colors: none !important;
+ -moz-border-left-colors: none !important;
+ border-radius: 2px;
+ background-color: #fbfbfb;
+}
+
+html|button:enabled:hover,
+xul|button:not([disabled="true"]):hover,
+xul|colorpicker[type="button"]:not([disabled="true"]):hover,
+xul|menulist:not([disabled="true"]):hover {
+ background-color: #ebebeb;
+}
+
+html|button:enabled:hover:active,
+xul|button:not([disabled="true"]):hover:active,
+xul|colorpicker[type="button"]:not([disabled="true"]):hover:active,
+xul|menulist[open="true"]:not([disabled="true"]) {
+ background-color: #dadada;
+}
+
+html|button:disabled,
+xul|button[disabled="true"],
+xul|colorpicker[type="button"][disabled="true"],
+xul|menulist[disabled="true"] {
+ cursor: not-allowed;
+ opacity: 0.5;
+}
+
+*|button.primary {
+ background-color: #0095dd;
+ border-color: transparent;
+ color: #fff;
+}
+
+html|button.primary:enabled:hover,
+xul|button.primary:not([disabled="true"]):hover {
+ background-color: #008acb;
+}
+
+html|button.primary:enabled:hover:active,
+xul|button.primary:not([disabled="true"]):hover:active {
+ background-color: #006b9d;
+}
+
+xul|colorpicker[type="button"] {
+ padding: 6px;
+ width: 50px;
+}
+
+xul|button > xul|*.button-box,
+xul|menulist > xul|*.menulist-label-box {
+ padding-right: 10px !important;
+ padding-left: 10px !important;
+}
+
+xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] {
+ -moz-margin-end: 5px;
+}
+
+xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
+ -moz-appearance: none;
+ margin: 1px 0;
+ -moz-margin-start: 10px;
+ padding: 0;
+ width: 10px;
+ height: 16px;
+ border: none;
+ background-color: transparent;
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+}
+
+xul|*.help-button {
+ min-width: 30px;
+ border-radius: 2px;
+ border-width: 0;
+ background-color: #ffcb00;
+ background-image: none;
+ box-shadow: none;
+ list-style-image: url("chrome://global/skin/in-content/help-glyph.svg");
+}
+
+xul|*.help-button:not([disabled="true"]):hover {
+ background-color: #f4c200;
+ background-image: none;
+}
+
+xul|*.help-button:not([disabled="true"]):hover:active {
+ background-color: #eaba00;
+ background-image: none;
+}
+
+xul|*.close-icon > xul|*.button-box,
+xul|*.help-button > xul|*.button-box {
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 0 !important;
+ padding-left: 0 !important;
+}
+
+xul|*.help-button > xul|*.button-box > xul|*.button-icon {
+ width: 18px;
+ height: 18px;
+}
+
+xul|*.help-button > xul|*.button-box > xul|*.button-text {
+ display: none;
+}
+
+xul|*.spinbuttons-button {
+ -moz-margin-start: 10px !important;
+ -moz-margin-end: 2px !important;
+}
+
+xul|*.spinbuttons-up {
+ margin-top: 2px !important;
+ border-radius: 1px 1px 0 0;
+}
+
+xul|*.spinbuttons-down {
+ margin-bottom: 2px !important;
+ border-radius: 0 0 1px 1px;
+}
+
+xul|*.spinbuttons-button > xul|*.button-box {
+ padding: 1px 5px 2px !important;
+}
+
+xul|*.spinbuttons-up > xul|*.button-box > xul|*.button-icon {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up.gif");
+}
+
+xul|*.spinbuttons-up[disabled="true"] > xul|*.button-box > xul|*.button-icon {
+ list-style-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+}
+
+xul|*.spinbuttons-down > xul|*.button-box > xul|*.button-icon {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+}
+
+xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon {
+ list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+}
+
+xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
+ -moz-appearance: none;
+ -moz-margin-end: 4px;
+ padding: 0;
+ border: none;
+ background-color: transparent;
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+}
+
+xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker > xul|*.dropmarker-icon {
+ width: 18px;
+ height: 18px;
+}
+
+xul|menulist[disabled="true"]:not([editable="true"]) > xul|*.menulist-dropmarker {
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown-disabled")
+}
+
+xul|menulist > xul|menupopup,
+xul|button[type="menu"] > xul|menupopup {
+ -moz-appearance: none;
+ border: 1px solid #c1c1c1;
+ border-radius: 2px;
+ background-color: #fff;
+}
+
+xul|menulist > xul|menupopup xul|menu,
+xul|menulist > xul|menupopup xul|menuitem,
+xul|button[type="menu"] > xul|menupopup xul|menu,
+xul|button[type="menu"] > xul|menupopup xul|menuitem {
+ -moz-appearance: none;
+ font-size: 1em;
+ color: #333;
+ padding-top: 0.2em;
+ padding-bottom: 0.2em;
+ -moz-padding-start: 10px;
+ -moz-padding-end: 30px;
+}
+
+xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
+xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[_moz-menuactive="true"] {
+ color: #333;
+ background-color: rgba(0,149,221,0.25);
+}
+
+xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
+xul|menulist > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menu:not([disabled="true"])[selected="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menuitem:not([disabled="true"])[selected="true"] {
+ color: #fff;
+ background-color: #0095dd;
+}
+
+xul|menulist > xul|menupopup > xul|menu[disabled="true"],
+xul|menulist > xul|menupopup > xul|menuitem[disabled="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menu[disabled="true"],
+xul|button[type="menu"] > xul|menupopup > xul|menuitem[disabled="true"] {
+ color: #999;
+ /* override the [_moz-menuactive="true"] background color from
+ global/menu.css */
+ background-color: transparent;
+}
+
+xul|menulist > xul|menupopup xul|menuseparator,
+xul|button[type="menu"] > xul|menupopup xul|menuseparator {
+ -moz-appearance: none;
+ margin: 0;
+ padding: 0;
+ border-top: 1px solid #c1c1c1;
+ border-bottom: none;
+}
+
+/* textboxes */
+
+*|textbox {
+ -moz-appearance: none;
+ height: 30px;
+ color: #333;
+ line-height: 20px;
+ padding-right: 10px;
+ padding-left: 10px;
+ border: 1px solid #c1c1c1;
+ -moz-border-top-colors: none !important;
+ -moz-border-right-colors: none !important;
+ -moz-border-bottom-colors: none !important;
+ -moz-border-left-colors: none !important;
+ border-radius: 2px;
+ background-color: #fff;
+}
+
+html|textbox:focus,
+xul|textbox[focused] {
+ border-color: #0095dd;
+}
+
+html|textbox:disabled,
+xul|textbox[disabled="true"] {
+ opacity: 0.5;
+}
+
+/* Links */
+
+html|a,
+.text-link,
+.inline-link {
+ color: #0095dd;
+ text-decoration: none;
+}
+
+html|a:hover,
+.text-link:hover,
+.inline-link:hover {
+ color: #178ce5;
+ text-decoration: underline;
+}
+
+html|a:visited {
+ color: #551a8b;
+}
+
+html|a:hover:active,
+.text-link:hover:active,
+.inline-link:hover:active {
+ color: #ff9500;
+ text-decoration: none;
+}
+
+/* Checkboxes and radio buttons */
+
+/* Hide the actual checkbox */
+html|input[type="checkbox"] {
+ opacity: 0;
+ position: absolute;
+}
+
+/* Create a box to style as the checkbox */
+html|input[type="checkbox"] + html|label:before {
+ display: inline-block;
+ content: "";
+ vertical-align: middle;
+}
+
+html|input[type="checkbox"] + html|label {
+ line-height: 0px;
+}
+
+xul|checkbox {
+ -moz-margin-start: 0;
+}
+
+xul|*.checkbox-check,
+html|input[type="checkbox"] + html|label:before {
+ -moz-appearance: none;
+ width: 23px;
+ height: 23px;
+ border-radius: 2px;
+ border: 1px solid #c1c1c1;
+ -moz-margin-end: 10px;
+ background-color: #f1f1f1;
+ /* !important needed to override toolkit checked !important rule */
+ background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+ background-position: center center;
+ background-repeat: no-repeat;
+ box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
+}
+
+xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check,
+html|input[type="checkbox"]:not(:disabled) + html|label:hover:before {
+ border-color: #0095dd;
+}
+
+xul|*.checkbox-check[checked] {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check");
+}
+
+html|input[type="checkbox"]:checked + html|label:before {
+ background-image: url("chrome://global/skin/in-content/check.svg#check"), linear-gradient(#fff, rgba(255,255,255,0.8)) !important;
+}
+
+xul|checkbox[disabled="true"] > xul|*.checkbox-check,
+html|input[type="checkbox"]:disabled + html|label {
+ opacity: 0.5;
+}
+
+xul|*.checkbox-label-box {
+ -moz-margin-start: -1px; /* negative margin for the transparent border */
+ -moz-padding-start: 0;
+}
+
+xul|richlistitem > xul|*.checkbox-check {
+ margin: 3px 6px;
+}
+
+xul|radio {
+ -moz-margin-start: 0;
+}
+
+xul|*.radio-check {
+ -moz-appearance: none;
+ width: 23px;
+ height: 23px;
+ border: 1px solid #c1c1c1;
+ border-radius: 50%;
+ -moz-margin-end: 10px;
+ background-color: #f1f1f1;
+ background-image: linear-gradient(#fff, rgba(255,255,255,0.80));
+ box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03);
+}
+
+xul|radio:not([disabled="true"]):hover > xul|*.radio-check {
+ border-color: #0095dd;
+}
+
+xul|*.radio-check[selected] {
+ list-style-image: url("chrome://global/skin/in-content/radio.svg#radio");
+}
+
+xul|radio[disabled="true"] > xul|*.radio-check {
+ opacity: 0.5;
+}
+
+xul|*.radio-label-box {
+ -moz-margin-start: -1px; /* negative margin for the transparent border */
+ -moz-margin-end: 10px;
+ -moz-padding-start: 0;
+}
+
+/* Category List */
+
+xul|*#categories {
+ -moz-appearance: none;
+ background-color: #424f5a;
+ padding-top: 39px;
+ margin: 0;
+ border-width: 0;
+}
+
+xul|*.category {
+ -moz-appearance: none;
+ color: #c1c1c1;
+ -moz-border-end-width: 0;
+ -moz-padding-start: 15px;
+ -moz-padding-end: 21px;
+ min-height: 40px;
+ transition: background-color 150ms;
+}
+
+xul|*.category:hover {
+ background-color: #5e6972;
+}
+
+xul|*.category[selected] {
+ background-color: #343f48;
+ color: #f2f2f2;
+ -moz-padding-start: 11px; /* compensate the 4px border */
+ -moz-border-start: solid 4px #ff9500;
+}
+
+xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[current] {
+ border-top: 1px #ffffff dotted;
+ border-bottom: 1px #ffffff dotted;
+}
+
+*|*.category-name {
+ line-height: 22px;
+ font-size: 1.25rem;
+ padding-bottom: 2px;
+ -moz-padding-start: 9px;
+ margin: 0;
+ -moz-user-select: none;
+}
+
+*|*.category-icon {
+ width: 24px;
+ height: 24px;
+}
+
+/* header */
+
+*|*.header {
+ border-bottom: 1px solid #c8c8c8;
+ -moz-margin-end: 4px; /* add the 4px end-margin of other elements */
+ margin-bottom: 15px;
+ padding-bottom: 15px;
+}
+
+*|*.header-name {
+ font-size: 2.5rem;
+ font-weight: normal;
+ line-height: 40px;
+ margin: 0;
+ -moz-user-select: none;
+}
+
+/* File fields */
+
+xul|filefield {
+ -moz-appearance: none;
+ background-color: transparent;
+ border: none;
+ padding: 0;
+}
+
+xul|*.fileFieldContentBox {
+ background-color: transparent;
+}
+
+xul|*.fileFieldIcon {
+ -moz-margin-start: 10px;
+ -moz-margin-end: 0;
+}
+
+xul|*.fileFieldLabel {
+ -moz-margin-start: -26px;
+ -moz-padding-start: 36px;
+}
+
+xul|textbox:-moz-locale-dir(rtl),
+xul|*.fileFieldLabel:-moz-locale-dir(rtl),
+xul|textbox + xul|button:-moz-locale-dir(ltr),
+xul|filefield + xul|button:-moz-locale-dir(ltr) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+xul|textbox:-moz-locale-dir(ltr),
+xul|*.fileFieldLabel:-moz-locale-dir(ltr),
+xul|textbox + xul|button:-moz-locale-dir(rtl),
+xul|filefield + xul|button:-moz-locale-dir(rtl) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+xul|textbox + xul|button,
+xul|filefield + xul|button {
+ -moz-border-start: none;
+}
+
+/* List boxes */
+
+xul|richlistbox,
+xul|listbox {
+ -moz-appearance: none;
+ -moz-margin-start: 0;
+ background-color: #fff;
+ border: 1px solid #c1c1c1;
+ color: #333;
+}
+
+xul|treechildren::-moz-tree-row,
+xul|listbox xul|listitem {
+ padding: 0.3em;
+ margin: 0;
+ border: none;
+ border-radius: 0;
+ background-image: none;
+}
+
+xul|treechildren::-moz-tree-row(hover),
+xul|listbox xul|listitem:hover {
+ background-color: rgba(0,149,221,0.25);
+}
+
+xul|treechildren::-moz-tree-row(selected),
+xul|listbox xul|listitem[selected="true"] {
+ background-color: #0095dd;
+ color: #fff;
+}
+
+/* Trees */
+
+xul|tree {
+ -moz-appearance: none;
+ font-size: 1em;
+ border: 1px solid #c1c1c1;
+ margin: 0;
+}
+
+xul|tree:-moz-focusring,
+xul|richlistbox:-moz-focusring {
+ border: 1px dotted #0095dd;
+}
+
+xul|listheader,
+xul|treecols {
+ -moz-appearance: none;
+ border: none;
+ border-bottom: 1px solid #c1c1c1;
+ padding: 0;
+}
+
+xul|treecol:not([hideheader="true"]),
+xul|treecolpicker {
+ -moz-appearance: none;
+ border: none;
+ background-color: #ebebeb;
+ color: #808080;
+ padding: 5px 10px;
+}
+
+xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover,
+xul|treecolpicker:hover {
+ background-color: #dadada;
+ color: #333;
+}
+
+xul|treecol:not([hideheader="true"]):not(:first-child),
+xul|treecolpicker {
+ -moz-border-start-width: 1px;
+ -moz-border-start-style: solid;
+ border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1;
+}
+
+xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] {
+ list-style-image: url("chrome://global/skin/in-content/dropdown.svg#dropdown");
+ width: 18px;
+ height: 18px;
+}
+
+xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] {
+ transform: scaleY(-1);
+}
+
+/* This is the only way to increase the height of a tree row unfortunately */
+xul|treechildren::-moz-tree-row {
+ min-height: 2em;
+}
+
+/* Color needs to be set on tree cell in order to be applied */
+xul|treechildren::-moz-tree-cell-text {
+ color: #333;
+}
+
+xul|treechildren::-moz-tree-cell-text(selected) {
+ color: #fff;
+}
+
+xul|tab[visuallyselected] {
+ /* Override styles for tab[selected] from
+ toolkit/themes/linux/global/tabbox.css */
+ margin-bottom: 0;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+xul|button,
+html|button,
+xul|colorpicker[type="button"],
+xul|menulist {
+ margin: 2px 4px;
+}
+
+xul|button > xul|*.button-box,
+xul|menulist > xul|*.menulist-label-box {
+ -moz-appearance: none;
+}
+
+xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker {
+ -moz-appearance: none !important;
+}
+
+xul|*.help-button > xul|*.button-box > xul|*.button-icon {
+ -moz-margin-end: 0;
+}
+
+xul|*.groupbox-body {
+ -moz-padding-start: 0;
+}
+
+xul|menulist {
+ font-size: inherit;
+}
+
+xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker {
+ display: -moz-box;
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+xul|checkbox {
+ -moz-binding: url("chrome://global/content/bindings/checkbox.xml#checkbox");
+ -moz-box-align: center;
+}
+
+xul|*.checkbox-check {
+ background-image: none !important;
+}
+
+xul|*.checkbox-check[checked] {
+ list-style-image: url("chrome://global/skin/in-content/check.svg#check-native");
+ background-color: -moz-dialog;
+}
+
+xul|radio {
+ -moz-binding: url("chrome://global/content/bindings/radio.xml#radio");
+ -moz-box-align: center;
+}
+
+xul|*.radio-check {
+ background-image: none;
+}
+
+xul|*.radio-check[selected] {
+ list-style-image: url("chrome://global/skin/in-content/radio.svg#radio-native");
+ background-color: -moz-dialog;
+}
+
+xul|*.radio-label-box {
+ -moz-appearance: none;
+}
+
+xul|*.numberbox-input-box {
+ -moz-appearance: none;
+ border-width: 0;
+}
+
+xul|*.text-link:-moz-focusring,
+xul|*.inline-link:-moz-focusring {
+ border: 1px dotted -moz-DialogText;
+}
+
+xul|spinbuttons {
+ -moz-appearance: none;
+}
diff --git a/arc-firefox-theme/chrome/global/in-content/dropdown.svg b/arc-firefox-theme/chrome/global/in-content/dropdown.svg
new file mode 100644
index 0000000..a757585
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/dropdown.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: -moz-DialogText;
+ }
+ use[id$="-disabled"] {
+ fill: GrayText;
+ }
+ </style>
+ <defs style="display: none;">
+ <path id="dropdown-shape" fill-rule="evenodd" clip-rule="evenodd" d="M12,6l-4.016,4L4,6H12z"/>
+ </defs>
+ <use id="dropdown" xlink:href="#dropdown-shape"/>
+ <use id="dropdown-disabled" xlink:href="#dropdown-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/help-glyph.svg b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg
new file mode 100644
index 0000000..6f9ffb3
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/help-glyph.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+ <path d="M11.625,4.854c0,2.593-2.881,2.417-2.881,4.21v0.399H6.439V8.968c0-2.769,2.545-2.577,2.545-3.89
+ c0-0.576-0.416-0.912-1.121-0.912c-0.656,0-1.296,0.32-1.873,0.977L4.375,3.894C5.287,2.821,6.471,2.182,8.12,2.182
+ C10.457,2.182,11.625,3.43,11.625,4.854z M9.064,12.361c0,0.801-0.64,1.457-1.44,1.457c-0.801,0-1.441-0.656-1.441-1.457
+ c0-0.784,0.64-1.44,1.441-1.44C8.424,10.921,9.064,11.577,9.064,12.361z" fill="-moz-dialogText"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/info-pages.css b/arc-firefox-theme/chrome/global/in-content/info-pages.css
new file mode 100644
index 0000000..6a6bd08
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css
@@ -0,0 +1,105 @@
+@import url("chrome://global/skin/in-content/common.css");
+/* Body and container */
+body {
+ display: flex;
+ flex-direction: column;
+ box-sizing: padding-box;
+ min-height: 100vh;
+ padding-top: 0;
+ padding-bottom: 0;
+ -moz-padding-start: calc(48px + 4.6em);
+ -moz-padding-end: 48px;
+ align-items: center;
+ justify-content: center;
+}
+
+.container {
+ min-width: 13em;
+ max-width: 52em;
+}
+
+.container.restore-chosen {
+ display: flex;
+ flex-direction: column;
+ flex-grow: 1;
+ margin: 10vh 0;
+}
+
+/* Typography */
+.title {
+ background-image: url("chrome://browser/skin/aboutNetError_info.svg");
+ background-position: left 0;
+ background-repeat: no-repeat;
+ background-size: 1.6em;
+ -moz-margin-start: -2.3em;
+ -moz-padding-start: 2.3em;
+ font-size: 2.5em;
+}
+
+.title:-moz-dir(rtl) {
+ background-position: right 0;
+}
+
+.title-text {
+ border-bottom: 1px solid #C1C1C1;
+ font-size: inherit;
+ padding-bottom: 0.4em;
+}
+
+@media (max-width: 675px) {
+ body {
+ padding: 0 48px;
+ }
+
+ .title {
+ background-image: none !important;
+ -moz-padding-start: 0;
+ -moz-margin-start: 0;
+ }
+
+ .title-text {
+ padding-top: 0;
+ }
+}
+
+ul, ol {
+ margin: 0;
+ padding: 0;
+ -moz-margin-start: 1em;
+}
+
+ul > li, ol > li {
+ margin-bottom: .5em;
+}
+
+ul {
+ list-style: disc;
+}
+
+/* Buttons */
+.button-container {
+ margin-top: 1.2em;
+}
+
+.button-container > button {
+ min-width: 150px;
+}
+
+.button-container > button:first-child {
+ -moz-margin-start: 0;
+}
+
+/* Trees */
+.tree-container {
+ margin-top: 1.2em;
+ flex-grow: 1;
+ min-height: 12em;
+}
+
+.tree-container > tree {
+ height: 100%;
+}
+
+tree {
+ width: 100%;
+}
diff --git a/arc-firefox-theme/chrome/global/in-content/radio.svg b/arc-firefox-theme/chrome/global/in-content/radio.svg
new file mode 100644
index 0000000..ca926b7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/in-content/radio.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 21 21" enable-background="new 0 0 21 21" xml:space="preserve">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #2292d0;
+ }
+ use[id$="-native"] {
+ fill: -moz-dialogText;
+ }
+ </style>
+ <defs style="display: none;">
+ <circle id="radio-shape" cx="10.5" cy="10.5" r="6"/>
+ </defs>
+ <use id="radio" xlink:href="#radio-shape"/>
+ <use id="radio-native" xlink:href="#radio-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/inContentUI.css b/arc-firefox-theme/chrome/global/inContentUI.css
new file mode 100644
index 0000000..afcef92
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/inContentUI.css
@@ -0,0 +1,41 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/*
+ * The default namespace for this file is XUL. Be sure to prefix rules that
+ * are applicable to both XUL and HTML with '*|'.
+ */
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* Page background */
+*|*:root {
+ -moz-appearance: none;
+ padding: 18px;
+ background-color: Window;
+ background-image: /* Texture */
+ url("chrome://global/skin/inContentUI/background-texture.png");
+ color: WindowText;
+}
+
+/* Use the new in-content colors for #contentAreaDownloadsView. After landing
+ of bug 989469 the colors can be moved to *|*:root */
+*|*#contentAreaDownloadsView {
+ background: #f1f1f1;
+ color: #424e5a;
+}
+
+html|html {
+ font: message-box;
+}
+
+/* Content */
+*|*.main-content {
+ /* Needed to allow the radius to clip the inner content, see bug 595656 */
+ overflow: hidden;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ border: 1px solid ThreeDShadow;
+ border-radius: 5px;
+}
diff --git a/arc-firefox-theme/chrome/global/inContentUI/background-texture.png b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png
new file mode 100644
index 0000000..0d3cacd
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/inContentUI/background-texture.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/linkTree.css b/arc-firefox-theme/chrome/global/linkTree.css
new file mode 100644
index 0000000..d83c5bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/linkTree.css
@@ -0,0 +1,32 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/**
+ * All the properties in this rule are important to avoid having to create
+ * a special type of tree. This stylesheet can be loaded into a document with
+ * a single tree that is a link tree. Hardly elegant but it's efficient.
+ */
+treeitem[selected="true"] > treerow
+ {
+ background : transparent !important;
+ border : none !important;
+ color : -moz-FieldText !important;
+ }
+
+treecell:hover
+ {
+ text-decoration : underline !important;
+ color : #000080 !important;
+ cursor : pointer;
+ }
+
+treecell:hover:active
+ {
+ text-decoration : underline !important;
+ color : red !important;
+ }
+
+
diff --git a/arc-firefox-theme/chrome/global/listbox.css b/arc-firefox-theme/chrome/global/listbox.css
new file mode 100644
index 0000000..1e73844
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/listbox.css
@@ -0,0 +1,133 @@
+/* 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/. */
+
+/* ===== listbox.css =======================================================
+ == Styles used by XUL listbox-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: listbox ::::: */
+
+listbox {
+ -moz-appearance: listbox;
+ margin: 2px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+listbox[disabled="true"] {
+ color: GrayText;
+}
+
+/* ::::: listitem ::::: */
+
+listitem {
+ border: 1px solid transparent;
+}
+
+listbox:focus > listitem[selected="true"][current="true"] {
+ outline: 1px dotted #F3D982;
+}
+
+listbox:focus > listitem[current="true"] {
+ outline: 1px dotted Highlight;
+ outline-offset: -1px;
+}
+
+listitem[selected="true"] {
+ background-color: -moz-cellhighlight;
+ color: -moz-cellhighlighttext;
+}
+
+listbox:focus > listitem[selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+/* ::::: listheader ::::: */
+
+listheader {
+ -moz-appearance: treeheadercell;
+ -moz-box-align: center;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+ padding: 0 2px;
+}
+
+listheader:hover {
+ color: -moz-buttonhovertext;
+}
+
+listheader[sortable="true"]:hover:active {
+ color: ButtonText;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-right-colors: ThreeDShadow transparent;
+ -moz-border-bottom-colors: ThreeDShadow transparent;
+ -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ -moz-padding-start: 3px;
+ -moz-padding-end: 1px;
+}
+
+.listheader-icon {
+ -moz-margin-end: 2px;
+}
+
+.listheader-icon[sortable="true"]:hover:active {
+ -moz-margin-end: 1px;
+}
+
+.listheader-label {
+ margin: 0px !important;
+}
+
+/* ..... sort direction icon ..... */
+
+.listheader-sortdirection {
+ -moz-appearance: treeheadersortarrow;
+}
+
+/* ::::: listcell ::::: */
+
+.listcell-label {
+ margin: 0px !important;
+ padding-top: 0px;
+ padding-bottom: 1px;
+ -moz-padding-start: 4px;
+ -moz-padding-end: 0px;
+ white-space: nowrap;
+}
+
+.listcell-icon {
+ -moz-margin-end: 2px;
+}
+
+.listcell-label[disabled="true"] {
+ color: GrayText;
+}
+
+/* ::::: listcell checkbox ::::: */
+
+.listcell-check {
+ -moz-appearance: checkbox;
+ -moz-box-align: center;
+ margin: 0px 2px;
+ border: 1px solid -moz-DialogText;
+ min-width: 13px;
+ min-height: 13px;
+ background: -moz-Field no-repeat 50% 50%;
+}
diff --git a/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css
new file mode 100644
index 0000000..5242175
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/TopLevelImageDocument.css
@@ -0,0 +1,17 @@
+/* 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/. */
+
+@media not print {
+ /* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
+
+ body {
+ color: #eee;
+ background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
+ }
+
+ img.transparent {
+ background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
+ color: #222;
+ }
+}
diff --git a/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css
new file mode 100644
index 0000000..3060bf8
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/TopLevelVideoDocument.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+body {
+ background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
+}
+
+video {
+ box-shadow: 0 0 15px #000;
+}
diff --git a/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png
new file mode 100644
index 0000000..0d3cacd
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/clicktoplay-bgtexture.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/error.png b/arc-firefox-theme/chrome/global/media/error.png
new file mode 100644
index 0000000..58e3728
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/error.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/fullscreenButton.png b/arc-firefox-theme/chrome/global/media/fullscreenButton.png
new file mode 100644
index 0000000..ffbc3d5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/fullscreenButton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png
new file mode 100644
index 0000000..5c33e24
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/imagedoc-darknoise.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png
new file mode 100644
index 0000000..3467cf4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/imagedoc-lightnoise.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/muteButton.png b/arc-firefox-theme/chrome/global/media/muteButton.png
new file mode 100644
index 0000000..8944807
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/muteButton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/noAudio.png b/arc-firefox-theme/chrome/global/media/noAudio.png
new file mode 100644
index 0000000..3db8c97
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/noAudio.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/pauseButton.png b/arc-firefox-theme/chrome/global/media/pauseButton.png
new file mode 100644
index 0000000..944098c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/pauseButton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/playButton.png b/arc-firefox-theme/chrome/global/media/playButton.png
new file mode 100644
index 0000000..11e2731
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/playButton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumb.png b/arc-firefox-theme/chrome/global/media/scrubberThumb.png
new file mode 100644
index 0000000..f159627
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/scrubberThumb.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png
new file mode 100644
index 0000000..96d2ed7
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/scrubberThumbWide.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/stalled.png b/arc-firefox-theme/chrome/global/media/stalled.png
new file mode 100644
index 0000000..5253758
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/stalled.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/throbber.png b/arc-firefox-theme/chrome/global/media/throbber.png
new file mode 100644
index 0000000..8e49fe5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/throbber.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/unmuteButton.png b/arc-firefox-theme/chrome/global/media/unmuteButton.png
new file mode 100644
index 0000000..5b76e2f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/unmuteButton.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg
new file mode 100644
index 0000000..f118afb
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/videoClickToPlayButton.svg
@@ -0,0 +1,79 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ version="1.1"
+ id="videoPlayButtonOverlay"
+ preserveAspectRatio="xMinYMin meet"
+ viewBox="0 0 64 64">
+ <defs>
+ <linearGradient id="whiteGradientStops">
+ <stop id="whiteGradientStop01" style="stop-color:#ffffff;stop-opacity:.95" offset="0" />
+ <stop id="whiteGradientStop02" style="stop-color:#ffffff;stop-opacity:.75" offset=".45" />
+ <stop id="whiteGradientStop03" style="stop-color:#ffffff;stop-opacity:.72" offset=".55" />
+ <stop id="whiteGradientStop04" style="stop-color:#ffffff;stop-opacity:.65" offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="32"
+ y1="0"
+ x2="32"
+ y2="62"
+ id="whiteGradient"
+ xlink:href="#whiteGradientStops"
+ gradientUnits="userSpaceOnUse" />
+ <linearGradient id="arrowGradientStops">
+ <stop id="arrowGradientStop01" style="stop-color:#333333;stop-opacity:.5" offset="0" />
+ <stop id="arrowGradientStop02" style="stop-color:#666666;stop-opacity:.5" offset="1" />
+ </linearGradient>
+ <linearGradient
+ x1="32"
+ y1="16"
+ x2="32"
+ y2="48"
+ id="arrowGradient"
+ xlink:href="#arrowGradientStops"
+ gradientUnits="userSpaceOnUse" />
+ <filter
+ x="-0.15"
+ y="-0.15"
+ width="1.25"
+ height="1.25"
+ color-interpolation-filters="sRGB"
+ id="dropShadow">
+ <feDropShadow dx="0" dy="1" flood-opacity="0.5"/>
+ </filter>
+ <mask id="dropShadowMask">
+ <path
+ d="M47.285,30.991L23.75,17.24c-0.357-0.208-0.692-0.278-0.969-0.221 C22.32,17.115,22,17.555,22,18.252v27.499c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748C48.238,32.458,48.238,31.547,47.285,30.991 z M0,0v64h64V0H0z M32,60C16.536,60,4,47.464,4,32S16.536,4,32,4s28,12.536,28,28S47.464,60,32,60z"
+ id="dropShadowMaskPath"
+ style="fill:#ffffff;" />
+ </mask>
+ </defs>
+ <path
+ d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+ mask="url(#dropShadowMask)"
+ id="playButtonShadow"
+ style="filter:url(#dropShadow);" />
+ <path
+ d="M22.781,17.019C22.32,17.114,22,17.555,22,18.251v27.5c0,1.112,0.797,1.568,1.75,1.011 l23.535-13.748c0.953-0.556,0.953-1.467,0-2.023L23.75,17.24C23.393,17.031,23.058,16.961,22.781,17.019z"
+ id="playButtonArrow"
+ style="fill:url(#arrowGradient);" />
+ <path
+ d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M47.285,33.014 L23.75,46.762C22.797,47.319,22,46.863,22,45.751v-27.5c0-0.697,0.32-1.137,0.781-1.232c0.277-0.058,0.612,0.012,0.969,0.221 l23.535,13.751C48.238,31.546,48.238,32.458,47.285,33.014z"
+ id="playButton"
+ style="fill:url(#whiteGradient);" />
+ <path
+ d="M32,4C16.536,4,4,16.536,4,32s12.536,28,28,28s28-12.536,28-28S47.464,4,32,4z M32,59C17.112,59,5,46.888,5,32S17.112,5,32,5s27,12.112,27,27S46.888,59,32,59z M47.789,30.127l-23.534-13.75 C23.826,16.126,23.396,16,22.976,16c-0.135,0-0.27,0.014-0.398,0.041C21.62,16.238,21,17.106,21,18.251v27.5 C21,47.075,21.812,48,22.977,48c0.423,0,0.854-0.126,1.279-0.375L47.79,33.877c0.769-0.449,1.21-1.132,1.21-1.875 S48.559,30.576,47.789,30.127z M47.285,33.014L23.75,46.762C23.474,46.924,23.211,47,22.977,47C22.402,47,22,46.541,22,45.751v-27.5 c0-0.697,0.32-1.137,0.781-1.232L22.976,17c0.233,0,0.498,0.079,0.775,0.24l23.535,13.751 C48.238,31.546,48.238,32.458,47.285,33.014z"
+ id="playButtonEdgeHighlights"
+ style="fill:white;fill-opacity:.3;" />
+ <path
+ d="M32,4C16.536,4,4,16.536,4,32c0,0.167,0.01,0.333,0.013,0.5 C4.28,17.268,16.704,5,32,5c15.296,0,27.72,12.268,27.987,27.5C59.99,32.333,60,32.167,60,32C60,16.536,47.464,4,32,4z M47.285,33.014L23.75,46.762C22.797,47.319,22,46.863,22,45.751v1c0,1.112,0.797,1.568,1.75,1.011l23.535-13.748 c0.697-0.406,0.879-1.003,0.556-1.512C47.723,32.688,47.541,32.864,47.285,33.014z"
+ id="playButtonTopEdgeHighlights"
+ style="fill:white;fill-opacity:.8;" />
+</svg>
diff --git a/arc-firefox-theme/chrome/global/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css
new file mode 100644
index 0000000..17101ad
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/videocontrols.css
@@ -0,0 +1,319 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+.controlBar {
+ height: 28px;
+ background-color: rgba(35,31,32,.74);
+}
+
+.playButton,
+.muteButton,
+.fullscreenButton {
+ background-color: transparent;
+ background-repeat: no-repeat;
+ background-position: center;
+ -moz-appearance: none; /* Remove the native button appearance and styling */
+ margin: 0;
+ padding: 0;
+ min-height: 28px;
+ min-width: 28px;
+ border: none;
+ opacity: 0.7;
+}
+
+.playButton:hover,
+.muteButton:hover,
+.fullscreenButton:hover {
+ opacity: 1;
+}
+
+.playButton:hover:active,
+.muteButton:hover:active,
+.fullscreenButton:hover:active {
+ opacity: 0.4;
+}
+
+.playButton {
+ background-image: url(chrome://global/skin/media/pauseButton.png);
+ margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+ position: relative; /* Trick to work around negative margin interfering with clicking on the button. */
+}
+
+.playButton[paused] {
+ background-image: url(chrome://global/skin/media/playButton.png);
+}
+
+.muteButton {
+ background-image: url(chrome://global/skin/media/muteButton.png);
+ min-width: 33px;
+}
+.muteButton[muted] {
+ background-image: url(chrome://global/skin/media/unmuteButton.png);
+}
+
+.muteButton[noAudio] {
+ background-image: url(chrome://global/skin/media/noAudio.png);
+}
+
+.muteButton[noAudio] + .volumeStack {
+ display: none;
+}
+
+.fullscreenButton {
+ background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0);
+}
+
+.fullscreenButton[fullscreened] {
+ background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 32, 16, 16);
+}
+
+.volumeControl {
+ width: 32px;
+ opacity: 0;
+}
+
+.volumeBackground,
+.volumeForeground {
+ background-repeat: no-repeat;
+ background-position: center;
+ width: 32px;
+}
+
+.volumeBackground {
+ background-image: url(chrome://global/skin/media/volume-empty.png);
+}
+
+.volumeForeground {
+ background-image: url(chrome://global/skin/media/volume-full.png);
+ background-clip: content-box;
+}
+
+.controlBar[fullscreen-unavailable] > .volumeStack {
+ /* This value is duplicated in the videocontrols.xml adjustControlSize function. */
+ -moz-margin-end: 8px;
+}
+
+.volumeControl .scale-thumb {
+ min-width: 0;
+ opacity: 0;
+}
+
+.durationBox {
+ -moz-box-pack: center;
+}
+
+.durationLabel {
+ margin-left: -22px; /* 1/2 of scrubber thumb width, for overhang. */
+ padding-left: 8px; /* don't bump into the scrubber bar */
+ padding-top: 0; /* center vertically with scrubber bar */
+ color: rgba(255,255,255,.75);
+ font-size: 11px;
+ font-family: Arial, sans-serif;
+}
+
+.positionLabel {
+ display: none;
+}
+
+.backgroundBar {
+ /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+ /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+ margin: 10px 22px;
+ background-color: rgba(255,255,255,.5);
+ border-radius: 2.5px;
+}
+
+.bufferBar,
+.progressBar {
+ /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */
+ /* margin left/right: 1/2 of scrubber thumb width, for overhang. */
+ margin: 10px 22px;
+ -moz-appearance: none;
+ border: none;
+ background-color: transparent;
+ min-width: 0;
+ min-height: 0;
+}
+
+/* .progress-bar is an element inside the <progressmeter> implementation. */
+.bufferBar .progress-bar {
+ /*
+ * Note that this is drawn on top of the .backgroundBar. So although this
+ * has the same background-color specified, the semitransparent
+ * compositing gives it a different visual appearance.
+ */
+ background-color: rgba(255,255,255,.5);
+ border-radius: 2.5px;
+ -moz-appearance: none;
+}
+
+.progressBar .progress-bar {
+ background-color: white;
+ border-radius: 2.5px;
+ -moz-appearance: none;
+}
+
+/* .scale-slider is an element inside the <scale> implementation. */
+.scrubber .scale-slider,
+.volumeControl .scale-slider {
+ /* Hide the default horizontal bar. */
+ -moz-appearance: none;
+ background: none;
+ margin: 0;
+}
+
+.scrubber .scale-slider {
+ /* abs(margin-top) + margin-bottom + bar height == timeThumb height */
+ margin-top: -10px;
+ margin-bottom: 10px;
+}
+
+/* .scale-thumb is an element inside the <scale> implementation. */
+.scrubber .scale-thumb,
+.volumeControl .scale-thumb {
+ /* Override the default thumb appearance with a custom image. */
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+}
+
+.timeThumb {
+ background: url(chrome://global/skin/media/scrubberThumb.png) no-repeat center;
+ min-width: 45px;
+ min-height: 28px;
+ -moz-box-pack: center;
+}
+
+.timeThumb[showhours="true"] {
+ background-image: url(chrome://global/skin/media/scrubberThumbWide.png);
+}
+
+.timeLabel {
+ color: rgba(255,255,255,.75);
+ font-size: 10px;
+ font-family: Arial, sans-serif;
+ text-shadow: rgba(0,0,0,.3) 0 1px;
+ padding-top: 5px;
+}
+
+.statusOverlay {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ background-color: rgba(0,0,0,.55);
+}
+
+.statusIcon {
+ margin-bottom: 28px; /* same height as .controlBar, to keep icon centered above it */
+ width: 36px;
+ height: 36px;
+}
+
+.statusIcon[type="throbber"] {
+ background: url(chrome://global/skin/media/throbber.png) no-repeat center;
+}
+
+.statusIcon[type="throbber"][stalled] {
+ background: url(chrome://global/skin/media/stalled.png) no-repeat center;
+}
+
+.statusIcon[type="error"] {
+ background: url(chrome://global/skin/media/error.png) no-repeat center;
+}
+
+/* Overlay Play button */
+.clickToPlay {
+ width: 64px;
+ height: 64px;
+ -moz-box-pack: center;
+ -moz-box-align: center;
+ opacity: 0.7;
+ background-image: url(chrome://global/skin/media/clicktoplay-bgtexture.png),
+ url(chrome://global/skin/media/videoClickToPlayButton.svg);
+ background-repeat: repeat, no-repeat;
+ background-position: center, center;
+ background-size: auto, 64px 64px;
+ background-color: hsla(0,0%,10%,.5);
+}
+.clickToPlay:hover {
+ opacity: 1;
+}
+
+/* Statistics formatting */
+html|*.statsDiv {
+ position: relative;
+}
+html|td {
+ height: 1em;
+ max-height: 1em;
+ padding: 0 2px;
+}
+html|table {
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 11px;
+ color: white;
+ text-shadow:
+ -1px -1px 0 #000,
+ 1px -1px 0 #000,
+ -1px 1px 0 #000,
+ 1px 1px 0 #000;
+ min-width: 100%;
+ background: rgba(68,68,68,.7);
+ table-layout: fixed;
+ border-collapse: collapse;
+ position: absolute;
+}
+
+/* CSS Transitions */
+.clickToPlay {
+ transition-property: opacity, background-size;
+ transition-duration: 400ms, 400ms;
+}
+.clickToPlay[fadeout] {
+ background-size: auto, 192px 192px;
+ opacity: 0;
+}
+.clickToPlay[fadeout][immediate] {
+ transition-property: opacity, background-size;
+ transition-duration: 0s, 0s;
+}
+.controlBar:not([immediate]) {
+ transition-property: opacity;
+ transition-duration: 200ms;
+}
+.controlBar[fadeout] {
+ opacity: 0;
+}
+.volumeStack:not([immediate]) {
+ transition-property: opacity, margin-top;
+ transition-duration: 200ms, 200ms;
+}
+.volumeStack[fadeout] {
+ opacity: 0;
+ margin-top: 0;
+}
+.statusOverlay:not([immediate]) {
+ transition-property: opacity;
+ transition-duration: 300ms;
+ transition-delay: 750ms;
+}
+.statusOverlay[fadeout] {
+ opacity: 0;
+}
+
+/* Error description formatting */
+.errorLabel {
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 11px;
+ color: #bbb;
+ text-shadow:
+ -1px -1px 0 #000,
+ 1px -1px 0 #000,
+ -1px 1px 0 #000,
+ 1px 1px 0 #000;
+ padding: 0 10px;
+ text-align: center;
+}
diff --git a/arc-firefox-theme/chrome/global/media/volume-empty.png b/arc-firefox-theme/chrome/global/media/volume-empty.png
new file mode 100644
index 0000000..589abfb
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/volume-empty.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/media/volume-full.png b/arc-firefox-theme/chrome/global/media/volume-full.png
new file mode 100644
index 0000000..4398a56
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/media/volume-full.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css
new file mode 100644
index 0000000..a49b781
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menu.css
@@ -0,0 +1,199 @@
+/* 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/. */
+
+/* ===== menu.css =======================================================
+ == Styles used by XUL menu-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: menu/menuitem ::::: */
+
+menu,
+menuitem,
+.splitmenu-menuitem {
+ -moz-appearance: menuitem;
+ -moz-box-align: center;
+ max-width: 42em;
+ color: MenuText;
+ font: menu;
+ list-style-image: none;
+ -moz-image-region: auto;
+}
+
+menuitem[default="true"] {
+ font-weight: bold;
+}
+
+menu[_moz-menuactive="true"],
+menuitem[_moz-menuactive="true"],
+.splitmenu-menuitem[_moz-menuactive="true"] {
+ color: -moz-menuhovertext;
+ background-color: -moz-menuhover;
+}
+
+menu[disabled="true"],
+menuitem[disabled="true"],
+.splitmenu-menuitem[disabled="true"] {
+ color: GrayText;
+}
+
+menubar > menu {
+ padding: 0px 4px;
+ color: -moz-menubartext;
+}
+
+menubar:-moz-lwtheme > menu {
+ text-shadow: none;
+}
+
+menubar:-moz-lwtheme > menu:not([open="true"]) {
+ color: inherit;
+ text-shadow: inherit;
+}
+
+menubar > menu[_moz-menuactive="true"]:not([open]):not([disabled="true"]):not(:-moz-lwtheme) {
+ color: -moz-menubartext;
+}
+
+menubar > menu[open] {
+ color: -moz-menubarhovertext;
+ background-color: -moz-menuhover;
+}
+menuitem.spell-suggestion {
+ font-weight:bold;
+}
+
+/* ::::: menu/menuitems in menulist popups ::::: */
+
+menulist > menupopup > menuitem,
+menulist > menupopup > menu {
+ padding: 1px 5px;
+ max-width: none;
+ font: message-box;
+}
+
+/* ..... internal content .... */
+
+.menu-text,
+.menu-iconic-left,
+.menu-iconic-text {
+ margin-top: 0px !important;
+ margin-bottom: 0px !important;
+ -moz-margin-start: 0px !important;
+ -moz-margin-end: 2px !important;
+ color: inherit;
+}
+
+.menu-text {
+ /* This is (18 + the size of end-padding on .menu-iconic-left)px */
+ -moz-margin-start: 21px !important;
+ font-weight: inherit;
+}
+
+.menu-description {
+ font-style: italic;
+ color: GrayText;
+ -moz-margin-start: 1ex !important;
+}
+
+.menu-accel,
+.menu-iconic-accel {
+ margin-top: 0px !important;
+ margin-bottom: 0px !important;
+ -moz-margin-start: 7px !important;
+ color: inherit;
+}
+
+.menu-accel-container {
+ -moz-box-pack: end;
+}
+
+.menu-iconic-left {
+ width: 16px;
+ /* We can only hardcode this, to make the default GTK icon<->label spacing */
+ -moz-padding-end: 3px !important;
+}
+
+.menu-iconic-icon {
+ width: 16px;
+ height: 16px;
+}
+
+.menu-right {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ -moz-margin-start: 6px;
+ -moz-margin-end: 0px;
+ width: 1ex;
+ height: 1ex;
+ /* These next two rules are needed to prevent inheritance and thus ugliness */
+ list-style-image: none;
+ -moz-image-region: auto;
+ -moz-appearance: menuarrow;
+}
+
+.menubar-left {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ -moz-margin-start: 0px;
+ -moz-margin-end: 2px;
+ color: inherit;
+}
+
+.menubar-text {
+ margin: 0 1px !important;
+ color: inherit;
+}
+
+
+menulist > menupopup > menuitem > .menu-iconic-left,
+menulist > menupopup > menu > .menu-iconic-left {
+ display: none;
+}
+
+/* ::::: checkbox menuitem ::::: */
+
+menuitem[checked="true"] {
+ -moz-appearance: checkmenuitem !important;
+}
+
+menuitem[type="checkbox"] {
+ -moz-appearance: checkmenuitem !important;
+}
+
+/* ::::: radio menuitem ::::: */
+
+menuitem[type="radio"] {
+ -moz-appearance: radiomenuitem !important;
+}
+
+/* ::::: menuseparator ::::: */
+
+menuseparator {
+ -moz-appearance: menuseparator !important;
+ margin: 2px 0;
+ border-top: 1px solid ThreeDShadow;
+ border-bottom: 1px solid ThreeDHighlight;
+}
+
+menulist > menupopup > menuseparator {
+ border-top: 1px solid #000000;
+ border-bottom: none;
+}
+
+/* ::::: autocomplete ::::: */
+
+.autocomplete-history-popup > menuitem {
+ max-width: none !important;
+ font: message-box;
+}
+
+/* ::::: tree column picker ::::: */
+
+.treecell-popupcell-menu {
+ -moz-margin-start: -2px;
+ list-style-image: url("chrome://global/skin/columnselect.gif");
+ -moz-image-region: auto;
+}
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg
new file mode 100644
index 0000000..8ef2c40
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-active.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<polygon fill="#4A90E2" points="7.1,15.5 0.5,10.8 2.2,8.3 6.3,11.2 13,0.5 15.5,2.2 "/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg
new file mode 100644
index 0000000..74ee2c8
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-black.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 9 9" enable-background="new 0 0 9 9" xml:space="preserve">
+<polygon points="4,9 0,6.2 1,4.7 3.5,6.4 7.5,0 9,1 "/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg
new file mode 100644
index 0000000..d52d3d6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check-hover.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 9 9" enable-background="new 0 0 9 9" xml:space="preserve">
+<polygon fill="#CCCCCC" points="4,9 0,6.2 1,4.7 3.5,6.4 7.5,0 9,1 "/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/menu/shared-menu-check.png b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png
new file mode 100644
index 0000000..d82635a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menu/shared-menu-check.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/menulist.css b/arc-firefox-theme/chrome/global/menulist.css
new file mode 100644
index 0000000..d33c4d2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/menulist.css
@@ -0,0 +1,83 @@
+/* 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/. */
+
+/* ===== menulist.css ===================================================
+ == Styles used by the XUL menulist element.
+ ====================================================================== */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* :::::::::: menulist :::::::::: */
+
+menulist {
+ -moz-appearance: menulist;
+ margin: 2px 4px;
+ color: -moz-DialogText;
+ font: menu;
+ text-shadow: none;
+}
+
+.menulist-label-box {
+ -moz-appearance: menulist-text;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ color: inherit;
+}
+
+.menulist-label {
+ margin: 1px 3px !important;
+}
+
+.menulist-dropmarker {
+ display: none;
+}
+
+menulist:hover {
+ color: -moz-buttonhovertext;
+}
+
+menulist:hover:active,
+menulist[open="true"] {
+ color: ButtonText;
+}
+
+menulist[disabled="true"],
+menulist[disabled="true"]:hover,
+menulist[disabled="true"]:hover:active {
+ color: GrayText;
+}
+
+.menulist-description {
+ font-style: italic;
+ color: GrayText;
+ -moz-margin-start: 1ex !important;
+}
+
+/* ::::: editable menulists ::::: */
+
+menulist[editable="true"] {
+ -moz-appearance: none;
+ color: -moz-FieldText;
+}
+
+.menulist-editable-box {
+ -moz-appearance: menulist-textfield;
+ padding-top: 3px;
+ padding-bottom: 3px;
+ -moz-padding-start: 2px;
+ -moz-padding-end: 0px;
+}
+
+menulist[editable="true"] > .menulist-dropmarker {
+ display: -moz-box;
+ -moz-appearance: menulist-button;
+}
+
+html|*.menulist-editable-input {
+ margin: 0px !important;
+ border: none !important;
+ padding: 0px !important;
+ font: inherit;
+}
diff --git a/arc-firefox-theme/chrome/global/netError.css b/arc-firefox-theme/chrome/global/netError.css
new file mode 100644
index 0000000..77e3cea
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/netError.css
@@ -0,0 +1,145 @@
+/* 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/. */
+
+/*
+ * This defines the look-and-feel styling of the error pages.
+ * (see: netError.xhtml)
+ *
+ * Original styling by William Price <bugzilla@mob.rice.edu>
+ * Updated by: Michael Ventnor <m.ventnor@gmail.com>
+ */
+
+html {
+ background: -moz-Dialog;
+}
+
+body {
+ margin: 0;
+ padding: 0 1em;
+ color: -moz-FieldText;
+ font: message-box;
+}
+
+h1 {
+ margin: 0 0 .6em 0;
+ border-bottom: 1px solid ThreeDLightShadow;
+ font-size: 160%;
+}
+
+ul, ol {
+ margin: 0;
+ -moz-margin-start: 1.5em;
+ padding: 0;
+}
+
+ul > li, ol > li {
+ margin-bottom: .5em;
+}
+
+ul {
+ list-style: square;
+}
+
+#errorPageContainer {
+ position: relative;
+ min-width: 13em;
+ max-width: 52em;
+ margin: 4em auto;
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field;
+ background-origin: content-box;
+}
+
+#errorPageContainer.certerror {
+ background-image: url("chrome://global/skin/icons/sslWarning.png");
+}
+
+#errorPageContainer:-moz-dir(rtl) {
+ background-position: right 0;
+}
+
+#errorTitle {
+ -moz-margin-start: 80px;
+}
+
+#errorLongContent {
+ -moz-margin-start: 80px;
+}
+
+#errorShortDesc > p {
+ overflow: auto;
+ border-bottom: 1px solid ThreeDLightShadow;
+ padding-bottom: 1em;
+ font-size: 130%;
+ white-space: pre-wrap;
+}
+
+#errorLongDesc {
+ -moz-padding-end: 3em;
+ font-size: 110%;
+}
+
+#errorLongDesc > p {
+}
+
+#errorTryAgain {
+ margin-top: 2em;
+ -moz-margin-start: 80px;
+}
+
+#brand {
+ position: absolute;
+ right: 0;
+ bottom: -1.5em;
+ -moz-margin-end: 10px;
+ opacity: .4;
+}
+
+#brand:-moz-dir(rtl) {
+ right: auto;
+ left: 0;
+}
+
+#brand > p {
+ margin: 0;
+}
+
+#errorContainer {
+ display: none;
+}
+
+#securityOverrideDiv {
+ padding-top: 10px;
+}
+
+#securityOverrideContent {
+ background-color: InfoBackground;
+ color: InfoText;
+ padding: 10px;
+ border-radius: 10px;
+}
+
+/* Custom styling for 'blacklist' error class */
+:root.blacklist #errorTitle, :root.blacklist #errorLongContent,
+:root.blacklist #errorShortDesc, :root.blacklist #errorLongDesc,
+:root.blacklist a {
+ background-color: #722; /* Dark red */
+ color: white;
+}
+
+:root.blacklist #errorPageContainer {
+ background-image: url("chrome://global/skin/icons/blacklist_large.png");
+ background-color: #722;
+}
+
+:root.blacklist {
+ background: #333;
+}
+
+:root.blacklist #errorTryAgain {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css
new file mode 100644
index 0000000..2eb2abf
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/notification.css
@@ -0,0 +1,89 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+notification {
+ color: InfoText;
+ background-color: InfoBackground;
+ text-shadow: none;
+}
+
+notification[type="info"] {
+ color: -moz-DialogText;
+ background-color: -moz-Dialog;
+}
+
+notification[type="critical"] {
+ color: white;
+ background-image: linear-gradient(rgb(212,0,0), rgb(152,0,0));
+}
+
+.notification-inner {
+ padding-top: 1px;
+ padding-bottom: 1px;
+}
+
+.messageText {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.messageText > .text-link {
+ color: inherit !important;
+ text-decoration: underline;
+}
+
+.messageImage {
+ width: 16px;
+ height: 16px;
+ -moz-margin-start: 6px;
+ -moz-margin-end: 1px;
+}
+
+/* Default icons for notifications */
+
+.messageImage[type="info"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
+}
+
+.messageImage[type="warning"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
+}
+
+.messageImage[type="critical"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
+}
+
+.messageCloseButton {
+ padding-left: 11px;
+ padding-right: 11px;
+}
+
+/* Popup notification */
+
+.popup-notification-body {
+ max-width: 25em;
+}
+
+.popup-notification-origin:not([value]),
+.popup-notification-learnmore-link:not([href]) {
+ display: none;
+}
+
+.popup-notification-origin {
+ margin-bottom: .3em !important;
+}
+
+.popup-notification-learnmore-link {
+ margin-top: .5em !important;
+}
+
+.popup-notification-button-container {
+ margin-top: 17px;
+}
+
+.popup-notification-menubutton > .button-menubutton-button[disabled] {
+ opacity: 0.5;
+}
diff --git a/arc-firefox-theme/chrome/global/numberbox.css b/arc-firefox-theme/chrome/global/numberbox.css
new file mode 100644
index 0000000..867e0a6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/numberbox.css
@@ -0,0 +1,38 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== numberbox.css ==================================================
+ == Styles used by the XUL textbox type="number" element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+textbox[type="number"] {
+ -moz-appearance: none;
+ padding: 0 !important;
+ border: none;
+ cursor: default;
+ background-color: transparent;
+}
+
+html|*.numberbox-input {
+ text-align: right;
+}
+
+.numberbox-input-box {
+ -moz-box-align: center;
+ -moz-appearance: spinner-textfield;
+ margin-right: -1px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ padding: 3px;
+}
+
+textbox[hidespinbuttons="true"] > .numberbox-input-box {
+ -moz-appearance: textfield;
+}
diff --git a/arc-firefox-theme/chrome/global/passwordmgr.css b/arc-firefox-theme/chrome/global/passwordmgr.css
new file mode 100644
index 0000000..b3c7b59
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/passwordmgr.css
@@ -0,0 +1,13 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.contentPane {
+ margin: 9px 8px 5px 8px;
+}
+
+.actionButtons {
+ margin: 0px 3px 6px 3px !important;
+}
diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css
new file mode 100644
index 0000000..1c5bc50
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/popup.css
@@ -0,0 +1,100 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: menupopup ::::: */
+
+menupopup,
+panel {
+ -moz-appearance: menupopup;
+ min-width: 1px;
+ color: MenuText;
+}
+
+/* ::::: arrow panel ::::: */
+
+panel[type="arrow"] {
+ -moz-appearance: none;
+}
+
+panel[type="arrow"][side="top"],
+panel[type="arrow"][side="bottom"] {
+ margin-left: -16px;
+ margin-right: -16px;
+}
+
+panel[type="arrow"][side="left"],
+panel[type="arrow"][side="right"] {
+ margin-top: -16px;
+ margin-bottom: -16px;
+}
+
+.panel-arrowcontent {
+ padding: 10px;
+ color: -moz-DialogText;
+ background: -moz-Dialog;
+ border: 1px solid ThreeDShadow;
+}
+
+.panel-arrow[side="top"],
+.panel-arrow[side="bottom"] {
+ list-style-image: url("chrome://global/skin/icons/panelarrow-vertical.svg");
+ position: relative;
+ margin-left: 6px;
+ margin-right: 6px;
+}
+
+.panel-arrow[side="top"] {
+ margin-bottom: -1px;
+}
+
+.panel-arrow[side="bottom"] {
+ transform: scaleY(-1);
+ margin-top: -1px;
+}
+
+.panel-arrow[side="left"],
+.panel-arrow[side="right"] {
+ list-style-image: url("chrome://global/skin/icons/panelarrow-horizontal.svg");
+ position: relative;
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.panel-arrow[side="left"] {
+ margin-right: -1px;
+}
+
+.panel-arrow[side="right"] {
+ transform: scaleX(-1);
+ margin-left: -1px;
+}
+
+/* ::::: tooltip ::::: */
+
+tooltip {
+ -moz-appearance: tooltip;
+ margin-top: 21px;
+ /* GTK hardcodes this to 4px */
+ padding: 4px;
+ max-width: 40em;
+ color: InfoText;
+ font: message-box;
+}
+
+tooltip[titletip="true"] {
+ /* See bug 32157 comment 128
+ * margin: -2px 0px 0px -3px;
+ */
+ max-width: none;
+}
+
+/* rules for popups associated with menulists */
+
+menulist > menupopup {
+ padding: 0px;
+ min-width: 0px;
+}
+
diff --git a/arc-firefox-theme/chrome/global/preferences.css b/arc-firefox-theme/chrome/global/preferences.css
new file mode 100644
index 0000000..d71627c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/preferences.css
@@ -0,0 +1,62 @@
+/* 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/. */
+
+/* ===== preferences.css =====================================================
+ == Styles used by the XUL prefwindow element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: dialog ::::: */
+
+prefwindow {
+ padding: 0px;
+}
+
+prefpane {
+ padding: 8px;
+}
+
+prefwindow[type="child"] {
+ padding: 8px;
+}
+
+prefwindow[type="child"] > prefpane {
+ padding: 0px;
+}
+
+.prefWindow-dlgbuttons {
+ padding-bottom: 8px;
+ -moz-padding-start: 8px;
+ -moz-padding-end: 8px;
+}
+
+prefwindow[type="child"] .prefWindow-dlgbuttons {
+ padding: 0px;
+}
+
+radio[pane] {
+ -moz-appearance: none;
+ min-width: 4.5em;
+ margin: 0;
+ padding: 3px;
+ color: -moz-FieldText;
+}
+
+.paneSelector {
+ -moz-appearance: listbox;
+ margin: 8px 8px 0 8px;
+ padding: 0;
+}
+
+.paneButtonIcon {
+ width: 32px;
+ height: 32px;
+}
+
+radio[pane][selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
diff --git a/arc-firefox-theme/chrome/global/printPageSetup.css b/arc-firefox-theme/chrome/global/printPageSetup.css
new file mode 100644
index 0000000..d9b17c1
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printPageSetup.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+.portrait-page {
+ list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button");
+}
+
+.landscape-page {
+ list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button");
+}
diff --git a/arc-firefox-theme/chrome/global/printPreview.css b/arc-firefox-theme/chrome/global/printPreview.css
new file mode 100644
index 0000000..81149c9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printPreview.css
@@ -0,0 +1,47 @@
+/* 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/. */
+
+/* ..... page navigation ..... */
+
+.home-arrow {
+ list-style-image: url("moz-icon://stock/gtk-goto-first-ltr?size=menu");
+}
+
+.home-arrow:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-goto-first-rtl?size=menu");
+}
+
+.end-arrow {
+ list-style-image: url("moz-icon://stock/gtk-goto-last-ltr?size=menu");
+}
+
+.end-arrow:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-goto-last-rtl?size=menu");
+}
+
+.previous-arrow {
+ list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu");
+}
+
+.previous-arrow:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu");
+}
+
+.next-arrow {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu");
+}
+
+.next-arrow:-moz-locale-dir(rtl) {
+ list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu");
+}
+
+/* ..... orientation ..... */
+
+.toolbar-portrait-page {
+ list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button");
+}
+
+.toolbar-landscape-page {
+ list-style-image: url("moz-icon://stock/gtk-orientation-landscape?size=button");
+}
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png
new file mode 100644
index 0000000..e4e60a0
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
new file mode 100644
index 0000000..02fc98d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
new file mode 100644
index 0000000..5efbe3a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
new file mode 100644
index 0000000..e9d68e8
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/progressmeter.css b/arc-firefox-theme/chrome/global/progressmeter.css
new file mode 100644
index 0000000..623fa7a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/progressmeter.css
@@ -0,0 +1,43 @@
+/* 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/. */
+
+/* ===== progressmeter.css ==============================================
+ == Styles used by the XUL progressmeter element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: progressmeter ::::: */
+
+progressmeter {
+ -moz-appearance: progressbar;
+ margin: 2px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-right-colors: ThreeDHighlight -moz-Dialog;
+ -moz-border-bottom-colors: ThreeDHighlight -moz-Dialog;
+ -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+ background-color: -moz-Dialog;
+ min-width: 128px;
+ min-height: 15px;
+}
+
+.progress-bar
+{
+ -moz-appearance: progresschunk;
+ min-width: 0px;
+ background-color: ThreeDShadow;
+}
+
+/* ::::: statusbar progressmeter ::::: */
+
+.progressmeter-statusbar {
+ margin: 0;
+ border: 0px;
+ -moz-border-top-colors: ThreeDHighlight -moz-Dialog;
+ -moz-border-right-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-left-colors: ThreeDHighlight -moz-Dialog;
+ min-width: 96px;
+}
diff --git a/arc-firefox-theme/chrome/global/radio.css b/arc-firefox-theme/chrome/global/radio.css
new file mode 100644
index 0000000..23c53b5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/radio.css
@@ -0,0 +1,110 @@
+/* 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/. */
+
+/* ===== radio.css ===================================================
+ == Styles used by the XUL radio element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: radio ::::: */
+
+radio {
+ -moz-appearance: radio-container;
+ margin: 2px 4px;
+ border-left: 2px transparent;
+ border-right: 2px transparent;
+}
+
+/* With native theming on, the spacer-box paints the radio mark and includes
+ the spacing to the right, so that oversized radio images can slop over
+ into the space.
+
+ If we need to disable radio button theming, the spacer box no longer paints
+ the radio mark, but its fallback CSS border supplies the padding between
+ the mark and the label. The xul:image then takes over painting the radio
+ mark. */
+
+.radio-spacer-box {
+ -moz-appearance: radio;
+ -moz-box-align: center;
+ margin: 2px;
+ border-right: 2px solid transparent;
+}
+
+.radio-label-center-box {
+ -moz-box-align: center;
+}
+
+.radio-label-box {
+ -moz-appearance: radio-label;
+}
+
+.radio-icon[src] {
+ -moz-margin-end: 2px;
+}
+
+.radio-label {
+ margin: 0 !important;
+}
+
+/* ..... focused state ..... */
+
+radio[focused="true"] > .radio-label-center-box > .radio-label-box {
+ border: 1px dotted ThreeDDarkShadow;
+}
+
+/* ..... disabled state ..... */
+
+radio[disabled="true"] > .radio-spacer-box > .radio-check-box1 {
+ background-color: -moz-Dialog;
+}
+
+radio[disabled="true"] {
+ color: GrayText;
+}
+
+/* ::::: checkmark image ::::: */
+
+.radio-check-box1 {
+ border-top: 1px solid ThreeDShadow;
+ border-right: 1px solid ThreeDHighlight;
+ border-bottom: 1px solid ThreeDHighlight;
+ border-left: 1px solid ThreeDShadow;
+ border-radius: 50%;
+ min-width: 12px;
+ min-height: 12px;
+ background-color: -moz-Field;
+}
+
+.radio-check-box2 {
+ border-top: 1px solid ThreeDDarkShadow;
+ border-right: 1px solid ThreeDLightShadow;
+ border-bottom: 1px solid ThreeDLightShadow;
+ border-left: 1px solid ThreeDDarkShadow;
+ border-radius: 50%;
+ padding: 2px;
+ width: 4px;
+ height: 4px;
+ list-style-image: none;
+}
+
+radio:not([disabled="true"]):hover {
+ color: -moz-buttonhovertext;
+ text-shadow: none;
+}
+
+radio:hover:active > .radio-spacer-box > .radio-check-box1 {
+ background-color: -moz-Dialog;
+}
+
+/* ..... selected state ..... */
+
+radio[selected="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
+ list-style-image: url("chrome://global/skin/radio/radio-check.gif");
+}
+
+radio[selected="true"][disabled="true"] > .radio-spacer-box > .radio-check-box1 > .radio-check-box2 {
+ list-style-image: url("chrome://global/skin/radio/radio-check-dis.gif") !important
+}
diff --git a/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif
new file mode 100644
index 0000000..5e9a1cb
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/radio/radio-check-dis.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/radio/radio-check.gif b/arc-firefox-theme/chrome/global/radio/radio-check.gif
new file mode 100644
index 0000000..26aa140
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/radio/radio-check.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg
new file mode 100644
index 0000000..66551ef
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Add-24x24.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10
+ C22,6.477,17.523,2,12,2z M17.714,12.714h-5v5h-1.429v-5h-5v-1.429h5v-5h1.429v5h5V12.714z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg
new file mode 100644
index 0000000..b0674b2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg viewBox="0 0 24 24"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink">
+ <defs>
+ <style type="text/css">
+ use:not(:target) {
+ display: none;
+ }
+
+ #close {
+ fill: #808080;
+ }
+ #close-hover {
+ fill: #FFFFFF;
+ }
+ </style>
+
+ <g id="close-shape">
+ <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/>
+ <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/>
+ </g>
+ </defs>
+
+ <use id="close" xlink:href="#close-shape"/>
+ <use id="close-hover" xlink:href="#close-shape"/>
+
+</svg> \ No newline at end of file
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg
new file mode 100644
index 0000000..6010fbe
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Delete-24x24.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10s10-4.477,10-10
+ C22,6.477,17.523,2,12,2z M11.286,6.286 M6.286,12.714v-1.429h11.429v1.429H6.286z"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg
new file mode 100644
index 0000000..9da7e03
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Minus-24x24.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M0,13.5v-3h24v3H0z"/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-269.917" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-365.917" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg
new file mode 100644
index 0000000..249912a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Plus-24x24.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<path fill-rule="evenodd" clip-rule="evenodd" fill="#808080" d="M24,13.5H13.5V24h-3V13.5H0v-3h10.5V0h3v10.5H24V13.5z"/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-233.667" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-329.667" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg
new file mode 100644
index 0000000..1f21efd
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Reading-List-24x24.svg
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g>
+ <rect x="8" y="10" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <rect x="8" y="16" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <rect x="8" y="4" fill-rule="evenodd" clip-rule="evenodd" fill="#808080" width="14" height="4"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="6" r="2"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="12" r="2"/>
+ <circle fill-rule="evenodd" clip-rule="evenodd" fill="#808080" cx="4" cy="18" r="2"/>
+</g>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-197" y="-1054" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-293" y="-1459" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg
new file mode 100644
index 0000000..a25429a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g>
+ <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07
+ H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166
+ L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z
+ M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>
+ <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425
+ c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815
+ S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581
+ s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273
+ c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181
+ c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061
+ c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459
+ c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474
+ c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03
+ s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592
+ c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786
+ c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117
+ c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>
+</g>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg
new file mode 100644
index 0000000..9094d8a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-Arrow.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<polygon opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" points="16.583,0.015 16.569,0 4.583,12 16.569,24 16.583,23.985
+ "/>
+<g enable-background="new ">
+ <g>
+ <defs>
+ <rect id="SVGID_2_" x="-125" y="-1086.667" width="22" height="34"/>
+ </defs>
+ <clipPath id="SVGID_1_">
+ <use xlink:href="#SVGID_2_" overflow="visible"/>
+ </clipPath>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_6_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_3_">
+ <use xlink:href="#SVGID_6_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_10_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_5_">
+ <use xlink:href="#SVGID_10_" overflow="visible"/>
+ </clipPath>
+ </g>
+ <g clip-path="url(#SVGID_1_)">
+ <defs>
+ <rect id="SVGID_16_" x="-221" y="-1491.667" width="1080" height="2896"/>
+ </defs>
+ <clipPath id="SVGID_7_">
+ <use xlink:href="#SVGID_16_" overflow="visible"/>
+ </clipPath>
+ </g>
+ </g>
+</g>
+<polygon fill-rule="evenodd" clip-rule="evenodd" fill="#FBFBFB" points="16.575,1.021 16.561,1.008 5.583,12 16.577,23.008
+ 16.591,22.994 "/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/reader/pocket.svg b/arc-firefox-theme/chrome/global/reader/pocket.svg
new file mode 100644
index 0000000..63b22fa
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/reader/pocket.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ viewBox="0 0 24 24">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #808080;
+ }
+ use[id$="-added"] {
+ fill: #EE4056;
+ }
+ </style>
+ <defs style="display: none;">
+ <path id="pocket-mark-shape" d="M21.901,4.204C21.642,3.484,20.956,3,20.196,3h-0.01h-1.721H3.814C3.067,3,2.385,3.474,2.119,4.179
+ C2.04,4.388,2,4.606,2,4.828v6.082l0.069,1.21c0.29,2.751,1.707,5.155,3.899,6.832c0.039,0.03,0.079,0.06,0.119,0.089l0.025,0.018
+ c1.175,0.866,2.491,1.452,3.91,1.741C10.677,20.932,11.347,21,12.013,21c0.615,0,1.232-0.057,1.839-0.171
+ c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.299,2.621-0.87,3.753-1.704l0.025-0.018
+ c0.04-0.029,0.08-0.059,0.119-0.089c2.192-1.677,3.609-4.08,3.898-6.832L22,10.91V4.828C22,4.618,21.975,4.409,21.901,4.204z
+ M17.667,10.539l-4.704,4.547c-0.266,0.256-0.608,0.385-0.949,0.385c-0.342,0-0.684-0.129-0.949-0.385l-4.705-4.547
+ c-0.547-0.528-0.565-1.403-0.04-1.954c0.524-0.551,1.392-0.569,1.939-0.041l3.756,3.63l3.755-3.63
+ c0.547-0.528,1.415-0.51,1.939,0.04C18.231,9.136,18.213,10.011,17.667,10.539z"/>
+ </defs>
+ <use id="pocket-mark" xlink:href="#pocket-mark-shape"/>
+ <use id="pocket-mark-added" xlink:href="#pocket-mark-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/global/resizer.css b/arc-firefox-theme/chrome/global/resizer.css
new file mode 100644
index 0000000..8108d7e
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/resizer.css
@@ -0,0 +1,49 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+resizer {
+ -moz-appearance: resizer;
+ background: url("chrome://global/skin/icons/resizer.png") no-repeat;
+ background-size: 100% 100%;
+ cursor: se-resize;
+ width: 15px;
+ height: 15px;
+}
+
+resizer[rtl="true"],
+resizer[dir="bottomend"]:-moz-locale-dir(rtl) {
+ background: url("chrome://global/skin/icons/resizer-rtl.png") no-repeat;
+}
+
+resizer[dir="left"],
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"] {
+ transform: scaleX(-1);
+}
+
+resizer[dir="bottomleft"],
+resizer[dir="bottomstart"]:not([rtl="true"]):not(:-moz-locale-dir(rtl)),
+resizer[dir="bottomend"][rtl="true"] {
+ cursor: sw-resize;
+}
+
+resizer[dir="top"],
+resizer[dir="bottom"] {
+ cursor: ns-resize;
+}
+
+resizer[dir="left"],
+resizer[dir="right"] {
+ cursor: ew-resize;
+}
+
+resizer[dir="topleft"] {
+ cursor: nw-resize;
+}
+
+resizer[dir="topright"] {
+ cursor: ne-resize;
+}
diff --git a/arc-firefox-theme/chrome/global/richlistbox.css b/arc-firefox-theme/chrome/global/richlistbox.css
new file mode 100644
index 0000000..90c6e67
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/richlistbox.css
@@ -0,0 +1,36 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+richlistbox {
+ -moz-appearance: listbox;
+ margin: 2px 4px;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+richlistbox[disabled="true"] {
+ color: GrayText;
+}
+
+richlistitem[selected="true"] {
+ background-color: -moz-cellhighlight;
+ color: -moz-cellhighlighttext;
+}
+
+richlistbox:focus > richlistitem[selected="true"] {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+richlistbox[seltype="multiple"]:focus > richlistitem[current="true"] {
+ outline: 1px dotted Highlight;
+ outline-offset: -1px;
+}
+
+richlistbox[seltype="multiple"]:focus > richlistitem[current="true"][selected="true"] {
+ outline: 1px dotted #F3D982; /* TODO: find a suitable system color */
+}
+
diff --git a/arc-firefox-theme/chrome/global/scale.css b/arc-firefox-theme/chrome/global/scale.css
new file mode 100644
index 0000000..4812546
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scale.css
@@ -0,0 +1,50 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: scale ::::: */
+
+.scale-slider {
+ -moz-appearance: scale-horizontal;
+ background: url("chrome://global/skin/scale/scale-tray-horiz.gif") 0% 50% repeat-x;
+ margin: 2px 4px;
+ width: 100px;
+}
+
+.scale-slider[orient="vertical"]
+{
+ -moz-appearance: scale-vertical;
+ background: url("chrome://global/skin/scale/scale-tray-vert.gif") 50% 0% repeat-y;
+ margin: 4px 2px;
+ width: auto;
+ height: 100px;
+}
+
+/* ::::: scale thumb ::::: */
+
+.scale-thumb {
+ -moz-appearance: scalethumb-horizontal;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
+ background-color: -moz-Dialog;
+ min-width: 30px;
+ min-height: 15px;
+}
+
+.scale-thumb[orient="vertical"] {
+ -moz-appearance: scalethumb-vertical;
+ min-width: 15px;
+ min-height: 30px;
+}
+
+.scale-thumb[disabled="true"] {
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important;
+}
diff --git a/arc-firefox-theme/chrome/global/scrollbar/slider.gif b/arc-firefox-theme/chrome/global/scrollbar/slider.gif
new file mode 100644
index 0000000..355fcb2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scrollbar/slider.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/scrollbars.css b/arc-firefox-theme/chrome/global/scrollbars.css
new file mode 100644
index 0000000..5eba1e3
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scrollbars.css
@@ -0,0 +1,227 @@
+/* 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/. */
+
+/* ===== xulscrollbars.css ==============================================
+ == Styles used by XUL scrollbar-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
+
+/* ::::: scrollbar ::::: */
+
+scrollbar {
+ -moz-appearance: scrollbartrack-horizontal;
+ -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+ cursor: default;
+ background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
+ pointer-events: auto;
+}
+
+@media all and (-moz-overlay-scrollbars) {
+ scrollbar[root="true"] {
+ position: relative;
+ z-index: 2147483647; /* largest positive value of a signed 32-bit integer */
+ }
+
+ scrollbar:not([active="true"]),
+ scrollbar[disabled="true"] {
+ visibility: hidden;
+ }
+}
+
+scrollbar[orient="vertical"]
+{
+ -moz-appearance: scrollbartrack-vertical;
+}
+
+/* ::::: borders for thumb and buttons ::::: */
+
+thumb,
+scrollbarbutton {
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
+ background-color: -moz-Dialog;
+}
+
+/* ::::: thumb (horizontal) ::::: */
+
+thumb {
+ -moz-appearance: scrollbarthumb-vertical;
+ min-height: 8px;
+}
+
+thumb[orient="horizontal"] {
+ -moz-appearance: scrollbarthumb-horizontal;
+ min-width: 8px;
+}
+
+/* ::::: scrollbar button ::::: */
+
+scrollbarbutton {
+ background: -moz-Dialog no-repeat 50% 50%;
+ min-width: 16px;
+ min-height: 16px;
+}
+
+scrollbarbutton:hover:active, scrollbarbutton[active="true"] {
+ -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-right-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+ background-position: 60% 60%;
+}
+
+/* ::::: square at the corner of two scrollbars ::::: */
+
+scrollcorner {
+ /* XXX -moz-appearance: scrollcorner; */
+ -moz-binding: url(chrome://global/content/bindings/scrollbar.xml#scrollbar-base);
+ width: 16px;
+ cursor: default;
+ background-color: -moz-Dialog;
+}
+
+/* ..... increment .... */
+
+scrollbarbutton[type="increment"] {
+ -moz-appearance: scrollbarbutton-right;
+ background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
+}
+
+scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+ -moz-appearance: scrollbarbutton-down;
+ background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
+}
+
+/* ..... decrement .... */
+
+scrollbarbutton[type="decrement"] {
+ -moz-appearance: scrollbarbutton-left;
+ background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
+}
+
+scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+ -moz-appearance: scrollbarbutton-up;
+ background-image: url("chrome://global/skin/arrow/arrow-up.gif")
+}
+
+scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
+}
+
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+/* ::::::::::::::::::::: MEDIA PRINT :::::::::::::::::::::: */
+/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
+@media print {
+ /* ::::: scrollbar ::::: */
+
+ html|div scrollbar {
+ -moz-appearance: scrollbartrack-horizontal;
+ -moz-binding: url("chrome://global/content/bindings/scrollbar.xml#scrollbar");
+ cursor: default;
+ background: url("chrome://global/skin/scrollbar/slider.gif") scrollbar;
+ }
+
+ html|div scrollbar[orient="vertical"]
+ {
+ -moz-appearance: scrollbartrack-vertical;
+ }
+
+ /* ::::: borders for thumb and buttons ::::: */
+
+ html|div thumb,
+ html|div scrollbarbutton {
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
+ background-color: -moz-Dialog;
+ }
+
+ /* ::::: thumb (horizontal) ::::: */
+
+ html|div thumb {
+ -moz-appearance: scrollbarthumb-vertical;
+ min-height: 8px;
+ }
+
+ html|div thumb[orient="horizontal"] {
+ -moz-appearance: scrollbarthumb-horizontal;
+ min-width: 8px;
+ }
+
+ /* ::::: scrollbar button ::::: */
+
+ html|div scrollbarbutton {
+ background: -moz-Dialog no-repeat 50% 50%;
+ min-width: 16px;
+ min-height: 16px;
+ }
+
+ html|div scrollbarbutton:hover:active, html|div scrollbarbutton[active="true"] {
+ -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-right-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-bottom-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+ background-position: 60% 60%;
+ }
+
+ /* ..... increment .... */
+
+ html|div scrollbarbutton[type="increment"] {
+ -moz-appearance: scrollbarbutton-right;
+ background-image: url("chrome://global/skin/arrow/arrow-rit.gif")
+ }
+
+ html|div scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-rit-dis.gif")
+ }
+
+ html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
+ -moz-appearance: scrollbarbutton-down;
+ background-image: url("chrome://global/skin/arrow/arrow-dn.gif")
+ }
+
+ html|div scrollbar[orient="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif")
+ }
+
+ /* ..... decrement .... */
+
+ html|div scrollbarbutton[type="decrement"] {
+ -moz-appearance: scrollbarbutton-left;
+ background-image: url("chrome://global/skin/arrow/arrow-lft.gif")
+ }
+
+ html|div scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-lft-dis.gif")
+ }
+
+ html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
+ -moz-appearance: scrollbarbutton-up;
+ background-image: url("chrome://global/skin/arrow/arrow-up.gif")
+ }
+
+ html|div scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif")
+ }
+
+}
diff --git a/arc-firefox-theme/chrome/global/scrollbox.css b/arc-firefox-theme/chrome/global/scrollbox.css
new file mode 100644
index 0000000..90cbc86
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/scrollbox.css
@@ -0,0 +1,33 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.autorepeatbutton-up > .autorepeatbutton-icon,
+.scrollbutton-up > .toolbarbutton-icon {
+ -moz-appearance: button-arrow-up;
+}
+
+.autorepeatbutton-down > .autorepeatbutton-icon,
+.scrollbutton-down > .toolbarbutton-icon {
+ -moz-appearance: button-arrow-down;
+}
+
+.autorepeatbutton-up[orient="horizontal"] > .autorepeatbutton-icon,
+.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon {
+ -moz-appearance: button-arrow-previous;
+}
+
+.autorepeatbutton-down[orient="horizontal"] > .autorepeatbutton-icon,
+.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon {
+ -moz-appearance: button-arrow-next;
+}
+
+:-moz-any(.scrollbutton-up, .scrollbutton-down) > .toolbarbutton-text {
+ display: none;
+}
+
+autorepeatbutton {
+ border: 1px solid ThreeDShadow;
+}
diff --git a/arc-firefox-theme/chrome/global/spinbuttons.css b/arc-firefox-theme/chrome/global/spinbuttons.css
new file mode 100644
index 0000000..a2f2ebf
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/spinbuttons.css
@@ -0,0 +1,65 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+spinbuttons {
+ -moz-appearance: spinner;
+ cursor: default;
+}
+
+.spinbuttons-button {
+ min-width: 13px;
+ min-height: 11px;
+ margin: 0 !important;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+ background-color: ThreeDFace;
+}
+
+.spinbuttons-button > .button-box {
+ border: 0;
+}
+
+.spinbuttons-button:hover:active
+{
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
+}
+
+.spinbuttons-button[disabled="true"] {
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important;
+}
+
+.spinbuttons-up {
+ -moz-appearance: spinner-upbutton;
+ background-image: url("chrome://global/skin/arrow/arrow-up.gif");
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.spinbuttons-up[disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-up-dis.gif");
+}
+
+.spinbuttons-down {
+ -moz-appearance: spinner-downbutton;
+ background-image: url("chrome://global/skin/arrow/arrow-dn.gif");
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+
+.spinbuttons-down[disabled="true"] {
+ background-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
+}
diff --git a/arc-firefox-theme/chrome/global/splitter.css b/arc-firefox-theme/chrome/global/splitter.css
new file mode 100644
index 0000000..193539d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/splitter.css
@@ -0,0 +1,65 @@
+/* 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/. */
+
+/* ===== splitter.css ===================================================
+ == Styles used by the XUL splitter element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: splitter (vertical) ::::: */
+
+splitter {
+ -moz-appearance: splitter;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ cursor: ew-resize;
+}
+
+splitter[state="collapsed"][collapse="before"],
+splitter[state="collapsed"][substate="before"],
+splitter[state="collapsed"][collapse="after"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="after"]:-moz-locale-dir(rtl) {
+ cursor: e-resize;
+}
+
+splitter[state="collapsed"][collapse="after"],
+splitter[state="collapsed"][substate="after"],
+splitter[state="collapsed"][collapse="before"]:-moz-locale-dir(rtl),
+splitter[state="collapsed"][substate="before"]:-moz-locale-dir(rtl) {
+ cursor: w-resize;
+}
+
+/* ::::: splitter (horizontal) ::::: */
+
+splitter[orient="vertical"] {
+ cursor: ns-resize;
+}
+
+splitter[orient="vertical"][state="collapsed"][collapse="before"],
+splitter[orient="vertical"][state="collapsed"][substate="before"] {
+ cursor: s-resize;
+}
+
+splitter[orient="vertical"][state="collapsed"][collapse="after"],
+splitter[orient="vertical"][state="collapsed"][substate="after"] {
+ cursor: n-resize;
+}
+
+splitter[disabled="true"] {
+ cursor: default !important;
+}
+
+/* ::::: splitter grippy ::::: */
+
+grippy {
+ cursor: pointer;
+ min-width: 4px;
+ min-height: 115px;
+}
+
+splitter[orient="vertical"] > grippy {
+ min-width: 115px;
+ min-height: 4px;
+}
diff --git a/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif
new file mode 100644
index 0000000..af6290f
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/splitter/grip-bottom.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/splitter/grip-left.gif b/arc-firefox-theme/chrome/global/splitter/grip-left.gif
new file mode 100644
index 0000000..6be9bc4
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/splitter/grip-left.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/splitter/grip-right.gif b/arc-firefox-theme/chrome/global/splitter/grip-right.gif
new file mode 100644
index 0000000..71be690
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/splitter/grip-right.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/splitter/grip-top.gif b/arc-firefox-theme/chrome/global/splitter/grip-top.gif
new file mode 100644
index 0000000..3cba005
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/splitter/grip-top.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css
new file mode 100644
index 0000000..f575996
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tabbox.css
@@ -0,0 +1,91 @@
+/* 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/. */
+
+/* ===== tabbox.css =================================================
+ == Styles used by XUL tab-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+
+/* ::::: tabs ::::: */
+
+tabs {
+ position: relative;
+ z-index: 0;
+}
+
+/* ::::: tabpanels ::::: */
+
+tabpanels {
+ -moz-appearance: tabpanels;
+ border: 2px solid;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+ padding: 8px;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+/* ::::: tab ::::: */
+
+tab {
+ position: relative;
+ -moz-appearance: tab;
+ margin-top: 2px;
+ border: 2px solid;
+ border-bottom: none;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ padding: 3px 4px;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+tab[visuallyselected="true"] {
+ z-index: 1;
+ margin-top: 0;
+ margin-bottom: -2px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ padding-top: 4px;
+ padding-bottom: 6px;
+}
+
+tab + tab {
+ -moz-margin-start: -2px;
+}
+
+.tab-text {
+ margin: 0 !important;
+}
+
+/* ::::: tab-bottom ::::::::::
+ :: Tabs that are attached to the bottom of a panel, but not necessarily
+ :: a tabpanels.
+ ::::: */
+
+.tab-bottom {
+ margin-top: 0;
+ margin-bottom: 2px;
+ border-top: none;
+ border-bottom: 2px solid;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+}
+
+.tab-bottom[visuallyselected="true"] {
+ margin-bottom: 0;
+ margin-top: -2px;
+ padding-top: 6px;
+ padding-bottom: 4px;
+}
diff --git a/arc-firefox-theme/chrome/global/tabprompts.css b/arc-firefox-theme/chrome/global/tabprompts.css
new file mode 100644
index 0000000..e9461d6
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tabprompts.css
@@ -0,0 +1,27 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* Tab Modal Prompt boxes */
+tabmodalprompt {
+ background-image: url(chrome://global/skin/icons/tabprompts-bgtexture.png);
+ background-color: hsla(0,0%,10%,.5);
+ font-family: sans-serif; /* use content font not system UI font */
+}
+
+.mainContainer {
+ color: -moz-fieldText;
+ background-color: -moz-field;
+ border-radius: 2px;
+ border: 1px solid threeDDarkShadow;
+}
+
+.topContainer {
+ padding: 20px;
+}
+
+.buttonContainer {
+ padding: 12px 20px 15px;
+ background-color: hsla(0,0%,0%,.05);
+ border-top: 1px solid hsla(0,0%,0%,.05);
+}
diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css
new file mode 100644
index 0000000..d0ce11a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/textbox.css
@@ -0,0 +1,147 @@
+/* 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/. */
+
+/* ===== textbox.css ==================================================
+ == Styles used by the XUL textbox element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+/* ::::: textbox ::::: */
+
+textbox {
+ -moz-appearance: textfield;
+ cursor: text;
+ margin: 2px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ padding: 2px 2px 3px;
+ -moz-padding-start: 4px;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+html|*.textbox-input,
+html|*.textbox-textarea {
+ margin: 0px !important;
+ border: none !important;
+ padding: 0px 1px !important;
+ background-color: inherit;
+ color: inherit;
+ font: inherit;
+}
+
+.textbox-contextmenu {
+ cursor: default;
+}
+
+/* ..... readonly state ..... */
+
+textbox[readonly="true"] {
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+/* ..... disabled state ..... */
+
+textbox[disabled="true"] {
+ cursor: default;
+ background-color: -moz-Dialog;
+ color: GrayText;
+}
+
+/* ::::: plain textbox ::::: */
+
+textbox.plain {
+ -moz-appearance: none !important;
+ background-color: transparent;
+ padding: 0px !important;
+ margin: 0px !important;
+ border: none !important;
+}
+
+textbox.plain html|*.textbox-input,
+textbox.plain html|*.textbox-textarea {
+ padding: 0px !important;
+}
+
+/* ::::: search textbox ::::: */
+
+.textbox-search-icon {
+ list-style-image: url(moz-icon://stock/gtk-find?size=menu);
+}
+
+.textbox-search-clear {
+ list-style-image: url(moz-icon://stock/gtk-clear?size=menu);
+}
+
+.textbox-search-icon[searchbutton]:not([disabled]) ,
+.textbox-search-clear:not([disabled]) {
+ cursor: pointer;
+}
+
+/* ::::: textboxes inside toolbarpaletteitems ::::: */
+
+toolbarpaletteitem > toolbaritem > textbox > .textbox-input-box > html|*.textbox-input {
+ visibility: hidden;
+}
+
+/* ::::: context menu ::::: */
+
+menuitem:not([type]) {
+ -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
+}
+
+menuitem[cmd="cmd_undo"] {
+ list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
+}
+
+menuitem[cmd="cmd_undo"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-undo?size=menu&state=disabled");
+}
+
+menuitem[cmd="cmd_cut"] {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
+}
+
+menuitem[cmd="cmd_cut"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
+}
+
+menuitem[cmd="cmd_copy"] {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
+}
+
+menuitem[cmd="cmd_copy"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
+}
+
+menuitem[cmd="cmd_paste"] {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
+}
+
+menuitem[cmd="cmd_paste"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
+}
+
+menuitem[cmd="cmd_delete"] {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
+}
+
+menuitem[cmd="cmd_delete"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
+}
+
+menuitem[cmd="cmd_selectAll"] {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
+}
+
+menuitem[cmd="cmd_selectAll"][disabled] {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu&state=disabled");
+}
+
diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css
new file mode 100644
index 0000000..05a6c2d
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/toolbar.css
@@ -0,0 +1,113 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== toolbar.css ====================================================
+ == Styles used by XUL toolbar-related elements.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: toolbox ::::: */
+
+toolbox {
+ -moz-appearance: toolbox;
+}
+
+/* ::::: menubar & toolbar ::::: */
+
+toolbar {
+ -moz-appearance: toolbar;
+ min-width: 1px;
+ min-height: 20px;
+ padding: 2px 0px;
+}
+
+menubar, toolbar[type="menubar"] {
+ -moz-appearance: menubar;
+ color: -moz-menubartext;
+ min-width: 1px;
+ min-height: 20px;
+ padding: 1px 0px;
+}
+
+menubar:-moz-lwtheme,
+toolbar:-moz-lwtheme {
+ -moz-appearance: none;
+ color: inherit;
+}
+
+/* in browser.xul, the menubar is inside a toolbar... */
+toolbaritem > menubar {
+ -moz-appearance: none;
+}
+
+/* ::::: toolbar decorations ::::: */
+
+toolbarseparator {
+ -moz-appearance: separator !important;
+ margin : 0;
+ border: 0;
+ min-width: 2px;
+}
+
+toolbarspacer {
+ width: 15px;
+}
+
+/* ::::: toolbarpaletteitem ::::: */
+
+toolbarpaletteitem {
+ cursor: grab;
+}
+
+.toolbarpaletteitem-box[type="spacer"],
+.toolbarpaletteitem-box[type="spring"] {
+ border: 1px solid #808080;
+ background-color: #FFF !important;
+}
+
+toolbarpaletteitem[place="toolbar"] > toolbarspacer {
+ width: 11px;
+}
+
+.toolbarpaletteitem-box[type="spacer"][place="toolbar"],
+.toolbarpaletteitem-box[type="spring"][place="toolbar"] {
+ margin-top: 2px;
+ margin-bottom: 2px;
+ -moz-margin-start: 0px;
+ -moz-margin-end: 2px;
+}
+
+.toolbarpaletteitem-box[type="separator"][place="palette"] {
+ width: 2px;
+ height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spacer"][place="palette"],
+.toolbarpaletteitem-box[type="spring"][place="palette"] {
+ margin-bottom: 2px;
+ width: 50px;
+ height: 50px;
+}
+
+.toolbarpaletteitem-box[type="spring"][place="palette"] {
+ background: url("chrome://global/skin/toolbar/spring.png") no-repeat center;
+}
+
+/* ..... drag and drop feedback ..... */
+
+toolbarpaletteitem[place="toolbar"] {
+ margin-left: -2px;
+ margin-right: -2px;
+ border-left: 2px solid transparent;
+ border-right: 2px solid transparent;
+}
+
+toolbarpaletteitem[dragover="left"] {
+ border-left-color: #000000;
+}
+
+toolbarpaletteitem[dragover="right"] {
+ border-right-color: #000000;
+}
diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png
new file mode 100644
index 0000000..861e41a
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/toolbar/chevron-inverted.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/toolbar/chevron.gif b/arc-firefox-theme/chrome/global/toolbar/chevron.gif
new file mode 100644
index 0000000..cccba6e
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/toolbar/chevron.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/toolbar/spring.png b/arc-firefox-theme/chrome/global/toolbar/spring.png
new file mode 100644
index 0000000..3340f47
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/toolbar/spring.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css
new file mode 100644
index 0000000..4a11f72
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/toolbarbutton.css
@@ -0,0 +1,149 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/* ===== toolbarbutton.css =====================================================
+ == Styles used by the XUL button element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: toolbarbutton ::::: */
+
+toolbarbutton {
+ -moz-appearance: toolbarbutton;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ margin: 0;
+ padding: 3px;
+ color: -moz-DialogText;
+}
+
+toolbarbutton:-moz-lwtheme {
+ text-shadow: none;
+}
+
+.toolbarbutton-icon[label]:not([label=""]),
+.toolbarbutton-icon[type="menu"] {
+ -moz-margin-end: 2px;
+}
+
+.toolbarbutton-text {
+ margin: 0 !important; /* !important for overriding global.css */
+ text-align: center;
+}
+
+toolbarbutton.tabbable {
+ -moz-user-focus: normal !important;
+}
+
+toolbarbutton:hover {
+ color: -moz-buttonhovertext;
+}
+
+toolbarbutton:hover:active,
+toolbarbutton[open="true"] {
+ padding-top: 4px;
+ padding-bottom: 2px;
+ -moz-padding-start: 4px;
+ -moz-padding-end: 2px;
+ color: ButtonText;
+}
+
+toolbarbutton[disabled="true"],
+toolbarbutton[disabled="true"]:hover,
+toolbarbutton[disabled="true"]:hover:active,
+toolbarbutton[disabled="true"][open="true"] {
+ padding: 3px;
+ color: GrayText;
+}
+
+toolbarbutton[checked="true"]:not(:hover) {
+ color: ButtonText;
+}
+
+toolbarbutton:-moz-lwtheme:not(:hover):not([checked="true"]):not([open="true"]):not([disabled="true"]) {
+ color: inherit;
+ text-shadow: inherit;
+}
+
+/* ::::: toolbarbutton menu ::::: */
+
+.toolbarbutton-menu-dropmarker {
+ -moz-appearance: toolbarbutton-dropdown !important;
+ list-style-image: none;
+ -moz-image-region: auto;
+ padding: 0;
+ margin: 0;
+}
+
+.toolbarbutton-menu-dropmarker[disabled="true"] {
+ padding: 0 !important;
+}
+
+/* ::::: toolbarbutton menu-button ::::: */
+
+toolbarbutton[type="menu-button"] {
+ -moz-box-align: stretch;
+ -moz-appearance: dualbutton;
+ -moz-box-orient: horizontal !important;
+}
+
+toolbarbutton[type="menu-button"],
+toolbarbutton[type="menu-button"]:hover,
+toolbarbutton[type="menu-button"]:hover:active,
+toolbarbutton[type="menu-button"][open="true"],
+toolbarbutton[type="menu-button"][disabled="true"],
+toolbarbutton[type="menu-button"][disabled="true"]:hover,
+toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
+ padding: 0 !important;
+}
+
+.toolbarbutton-menubutton-button {
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ -moz-box-orient: vertical;
+}
+
+/* ::::: toolbarbutton badged ::::: */
+
+.toolbarbutton-badge {
+ background-color: #d90000;
+}
+
+.toolbarbutton-badge::after {
+ /* The |content| property is set in the content stylesheet. */
+ font-size: 10px;
+ font-weight: bold;
+ padding: 1px 2px 2px;
+ color: #fff;
+ background-color: inherit;
+ border-radius: 2px;
+ box-shadow: 0 1px 0 hsla(0, 100%, 100%, .2) inset,
+ 0 -1px 0 hsla(0, 0%, 0%, .1) inset,
+ 0 1px 0 hsla(206, 50%, 10%, .2);
+ position: absolute;
+ top: -4px;
+ right: -2px;
+ min-width: 10px;
+ line-height: 10px;
+ text-align: center;
+}
+
+.toolbarbutton-badge:-moz-locale-dir(rtl)::after {
+ left: -2px;
+ right: auto;
+}
+
+.toolbarbutton-badge-container {
+ position: relative;
+}
+
+/* .......... dropmarker .......... */
+
+.toolbarbutton-menubutton-dropmarker {
+ margin: 0 3px;
+ -moz-appearance: toolbarbutton-dropdown !important;
+ list-style-image: none;
+ -moz-image-region: auto;
+}
diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css
new file mode 100644
index 0000000..24bba1b
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree.css
@@ -0,0 +1,358 @@
+/* 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/. */
+
+/* ===== tree.css ===================================================
+ == Styles used by the XUL outline element.
+ ======================================================================= */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+/* ::::: tree ::::: */
+
+tree {
+ margin: 0px 4px;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ -moz-appearance: listbox;
+}
+
+/* ::::: tree focusring ::::: */
+
+.focusring > .tree-stack > .tree-rows > .tree-bodybox {
+ border: 1px solid transparent;
+}
+
+.focusring:focus > .tree-stack > .tree-rows > .tree-bodybox {
+ border: 1px solid #000000;
+}
+
+
+/* ::::: tree rows ::::: */
+
+treechildren::-moz-tree-row {
+ border: 1px solid transparent;
+ min-height: 18px;
+ height: 1.3em;
+}
+
+treechildren:not(.autocomplete-treebody)::-moz-tree-row(multicol, odd) {
+ background-color: -moz-oddtreerow;
+}
+
+treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected) {
+ background-color: -moz-cellhighlight;
+}
+
+treechildren:not(.autocomplete-treebody)::-moz-tree-row(selected, focus) {
+ background-color: Highlight;
+}
+
+treechildren::-moz-tree-row(current, focus) {
+ border: 1px dotted Highlight;
+}
+
+treechildren::-moz-tree-row(selected, current, focus) {
+ border: 1px dotted #F3D982;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-row,
+tree[seltype="text"] > treechildren::-moz-tree-row {
+ border: none;
+ background-color: transparent;
+}
+
+/* ::::: tree cells ::::: */
+
+treechildren::-moz-tree-cell {
+ padding: 0px 2px 0px 2px;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
+tree[seltype="text"] > treechildren::-moz-tree-cell-text,
+treechildren::-moz-tree-cell-text {
+ color: inherit;
+}
+
+treechildren::-moz-tree-cell-text(selected) {
+ color: -moz-cellhighlighttext;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell {
+ border: 1px solid transparent;
+ padding: 0px 1px 0px 1px;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text {
+ border: 1px solid transparent;
+ padding: 0px 1px 1px 1px;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected) {
+ background-color: -moz-cellhighlight;
+}
+tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected) {
+ color: -moz-cellhighlighttext;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected) {
+ background-color: -moz-cellhighlight;
+ color: -moz-cellhighlighttext;
+}
+
+treechildren::-moz-tree-cell-text(selected, focus) {
+ color: HighlightText;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, focus) {
+ background-color: Highlight;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
+ background-color: Highlight;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
+ color: HighlightText;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, focus) {
+ color: HighlightText;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, current, focus) {
+ border: 1px dotted #000000;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, current, focus) {
+ border: 1px dotted #000000;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell(active, selected, current, focus) {
+ border: 1px dotted #C0C0C0;
+}
+
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(active, selected, current, focus) {
+ border: 1px dotted #C0C0C0;
+}
+
+/* ::::: lines connecting cells ::::: */
+
+tree[seltype="cell"] > treechildren::-moz-tree-line,
+tree[seltype="text"] > treechildren::-moz-tree-line,
+treechildren::-moz-tree-line {
+ border: 1px dotted ThreeDShadow;
+}
+
+tree[seltype="cell"] > treechildren::-moz-tree-line(active, selected, focus),
+treechildren::-moz-tree-line(selected, focus) {
+ border: 1px dotted HighlightText;
+}
+
+
+/* ::::: tree separator ::::: */
+
+treechildren::-moz-tree-separator {
+ border-top: 1px solid ThreeDShadow;
+ border-bottom: 1px solid ThreeDHighlight;
+}
+
+
+/* ::::: drop feedback ::::: */
+
+tree[seltype="cell"] > treechildren::-moz-tree-cell-text(primary, dropOn),
+tree[seltype="text"] > treechildren::-moz-tree-cell-text(primary, dropOn),
+treechildren::-moz-tree-cell-text(primary, dropOn) {
+ background-color: Highlight;
+ color: HighlightText;
+}
+
+treechildren::-moz-tree-drop-feedback {
+ background-color: Highlight;
+ width: 50px;
+ height: 2px;
+ -moz-margin-start: 5px;
+}
+
+/* ::::: tree progress meter ::::: */
+
+treechildren::-moz-tree-progressmeter {
+ margin: 2px 4px;
+ padding: 1px;
+ border: 1px solid;
+ border-top-color: ThreeDShadow;
+ border-right-color: ThreeDHighlight;
+ border-bottom-color: ThreeDHighlight;
+ border-left-color: ThreeDShadow;
+ background-color: -moz-Dialog;
+ color: ThreeDShadow;
+}
+
+treechildren::-moz-tree-progressmeter(progressUndetermined) {
+ list-style-image: url("chrome://global/skin/progressmeter/progressmeter-busy.gif");
+}
+
+treechildren::-moz-tree-cell-text(progressmeter) {
+ margin: 2px 4px;
+}
+
+/* ::::: tree columns ::::: */
+
+treecol,
+treecolpicker {
+ -moz-appearance: treeheadercell;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
+ -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+ padding: 0px 2px;
+}
+
+treecol:hover,
+treecolpicker:hover {
+ color: -moz-buttonhovertext;
+}
+
+.treecol-image {
+ padding: 0px 1px;
+}
+
+.treecol-text {
+ margin: 0px !important;
+}
+
+treecol[hideheader="true"] {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+}
+
+/* ..... internal box ..... */
+
+treecol:hover:active,
+treecolpicker:hover:active {
+ color: ButtonText;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow -moz-Dialog;
+ -moz-border-right-colors: ThreeDShadow transparent;
+ -moz-border-bottom-colors: ThreeDShadow transparent;
+ -moz-border-left-colors: ThreeDShadow -moz-Dialog;
+ padding-top: 0px;
+ padding-bottom: 0px;
+ -moz-padding-start: 3px;
+ -moz-padding-end: 1px;
+}
+
+.treecol-image:hover:active {
+ padding: 0px;
+ -moz-padding-start: 2px;
+}
+
+treecol:hover:active .treecol-text {
+ margin: 1px 0px -1px 0px !important;
+}
+
+/* ::::: column drag and drop styles ::::: */
+
+treecol[dragging="true"] {
+ -moz-border-top-colors: ThreeDDarkShadow transparent !important;
+ -moz-border-right-colors: ThreeDDarkShadow transparent!important;
+ -moz-border-bottom-colors: ThreeDDarkShadow transparent !important;
+ -moz-border-left-colors: ThreeDDarkShadow transparent !important;
+ background-color: ThreeDShadow !important;
+ color: ThreeDHighlight !important;
+}
+
+treecol[insertafter="true"]:-moz-locale-dir(ltr),
+treecol[insertbefore="true"]:-moz-locale-dir(rtl) {
+ -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
+}
+
+treecol[insertafter="true"]:-moz-locale-dir(rtl),
+treecol[insertbefore="true"]:-moz-locale-dir(ltr) {
+ -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
+}
+
+treechildren::-moz-tree-column(insertbefore) {
+ -moz-border-start: 1px solid ThreeDShadow;
+}
+
+treechildren::-moz-tree-column(insertafter) {
+ -moz-border-end: 1px solid ThreeDShadow;
+}
+
+/* ::::: sort direction indicator ::::: */
+
+.treecol-sortdirection {
+ -moz-appearance: treeheadersortarrow;
+}
+
+/* ::::: column picker ::::: */
+
+.tree-columnpicker-icon {
+ list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
+}
+
+/* ::::: twisty ::::: */
+
+treechildren::-moz-tree-twisty {
+ -moz-appearance: treetwisty;
+ -moz-padding-end: 4px;
+ padding-top: 1px;
+ width: 9px; /* The image's width is 9 pixels */
+ list-style-image: url("chrome://global/skin/tree/twisty-clsd.png");
+}
+
+treechildren::-moz-tree-twisty(open) {
+ -moz-appearance: treetwistyopen;
+ width: 9px; /* The image's width is 9 pixels */
+ list-style-image: url("chrome://global/skin/tree/twisty-open.png");
+}
+
+treechildren::-moz-tree-indentation {
+ width: 18px;
+}
+
+/* ::::: gridline style ::::: */
+
+treechildren.gridlines::-moz-tree-cell {
+ border-right: 1px solid transparent !important;
+ border-bottom: 1px solid transparent !important;
+}
+
+treechildren.gridlines::-moz-tree-row {
+ border: none;
+}
+
+/* ::::: editable tree ::::: */
+
+treechildren::-moz-tree-row(selected, editing) {
+ background-color: transparent;
+ border: none;
+}
+
+treechildren::-moz-tree-cell-text(selected, editing) {
+ color: inherit;
+}
+
+.tree-input {
+ -moz-appearance: none;
+ border: 1px solid Highlight;
+ -moz-border-top-colors: Highlight;
+ -moz-border-bottom-colors: Highlight;
+ -moz-border-left-colors: Highlight;
+ -moz-border-right-colors: Highlight;
+ margin: 0;
+ -moz-margin-start: -4px;
+ padding: 1px;
+}
diff --git a/arc-firefox-theme/chrome/global/tree/columnpicker.gif b/arc-firefox-theme/chrome/global/tree/columnpicker.gif
new file mode 100644
index 0000000..88c13a0
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/columnpicker.gif
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png
new file mode 100644
index 0000000..60892b9
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/sort-asc-classic.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/sort-asc.png b/arc-firefox-theme/chrome/global/tree/sort-asc.png
new file mode 100644
index 0000000..4e335c5
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/sort-asc.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png
new file mode 100644
index 0000000..b2f04ec
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/sort-dsc-classic.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/sort-dsc.png b/arc-firefox-theme/chrome/global/tree/sort-dsc.png
new file mode 100644
index 0000000..d5bb668
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/sort-dsc.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png
new file mode 100644
index 0000000..1b65197
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png
new file mode 100644
index 0000000..763c1da
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-hover.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png
new file mode 100644
index 0000000..02f4e32
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-clsd.png b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png
new file mode 100644
index 0000000..f67f60c
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-clsd.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png
new file mode 100644
index 0000000..a0157cc
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-open-hover-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png
new file mode 100644
index 0000000..31c9478
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-open-hover.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png
new file mode 100644
index 0000000..4e606d2
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-open-rtl.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/tree/twisty-open.png b/arc-firefox-theme/chrome/global/tree/twisty-open.png
new file mode 100644
index 0000000..b8b7583
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/tree/twisty-open.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/wizard.css b/arc-firefox-theme/chrome/global/wizard.css
new file mode 100644
index 0000000..4bf7d51
--- /dev/null
+++ b/arc-firefox-theme/chrome/global/wizard.css
@@ -0,0 +1,54 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+.wizard-header {
+ border-bottom: 2px groove ThreeDFace;
+ background-color: Window;
+ color: WindowText;
+}
+
+.wizard-header-box-1 {
+ padding: 5px 0px 5px 0px;
+}
+
+wizard[description=""] .wizard-header-description {
+ display: none;
+}
+
+.wizard-header-label {
+ -moz-margin-start: 23px;
+ font-weight: bold;
+}
+
+.wizard-header-description {
+ -moz-margin-start: 44px;
+}
+
+wizard[branded="true"] .wizard-header-icon {
+ list-style-image: url("chrome://branding/content/icon48.png");
+ -moz-margin-end: 5px;
+}
+
+.wizard-page-box {
+ margin: 10px 44px;
+}
+
+.wizard-buttons-separator {
+ margin-bottom: 0px !important;
+}
+
+.wizard-buttons-box-2 {
+ margin: 10px;
+}
+
+.wizard-button[dlgtype="finish"],
+.wizard-button[dlgtype="next"] {
+ -moz-margin-start: 0px !important;
+}
+
+.wizard-button[dlgtype="back"] {
+ -moz-margin-end: 0px !important;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/aboutNetworking.css b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css
new file mode 100644
index 0000000..517c2a7
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/aboutNetworking.css
@@ -0,0 +1,60 @@
+/* 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/. */
+
+body {
+ min-width: 330px;
+ max-width: 100%;
+ min-height: 330px;
+ max-height: 100%;
+}
+
+#menu {
+ position: absolute;
+ top: 5px;
+ color: gray;
+}
+
+.warningBackground {
+ display: none;
+ background: -moz-Dialog;
+ width:100%;
+ height:100%;
+ z-index:10;
+ top:0;
+ left:0;
+ position:fixed;
+}
+
+.warningMessage {
+ color: -moz-FieldText;
+ position: relative;
+ min-width: 330px;
+ max-width: 50em;
+ margin: 4em auto;
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ background: -moz-Field;
+ margin-left: auto;
+ text-align: center;
+}
+
+.tab {
+ display: none;
+}
+
+.active {
+ display: block;
+}
+
+#menu .selected {
+ color: blue;
+}
+
+#refreshdiv {
+ top: 5px;
+ position: absolute;
+ right: 30px;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css b/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css
new file mode 100644
index 0000000..1158622
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/aboutServiceWorkers.css
@@ -0,0 +1,44 @@
+/* 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/. */
+
+body {
+ min-width: 330px;
+ max-width: 100%;
+ min-height: 330px;
+ max-height: 100%;
+}
+
+.warningBackground {
+ display: none;
+ background: -moz-Dialog;
+ width:100%;
+ height:100%;
+ z-index:10;
+ top:0;
+ left:0;
+ position:fixed;
+}
+
+.warningMessage {
+ color: -moz-FieldText;
+ position: relative;
+ min-width: 330px;
+ max-width: 50em;
+ margin: 4em auto;
+ border: 1px solid ThreeDShadow;
+ border-radius: 10px;
+ padding: 3em;
+ -moz-padding-start: 30px;
+ background: -moz-Field;
+ margin-left: auto;
+ text-align: center;
+}
+
+.active {
+ display: block;
+}
+
+.inactive {
+ display: none;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png b/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png
new file mode 100644
index 0000000..a5d0944
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/downloads/downloadButtons.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png b/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png
new file mode 100644
index 0000000..39eeb7b
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/downloads/downloadIcon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/downloads/downloads.css b/arc-firefox-theme/chrome/mozapps/downloads/downloads.css
new file mode 100644
index 0000000..bb441f4
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/downloads/downloads.css
@@ -0,0 +1,112 @@
+/* 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/. */
+
+#downloadManager {
+ background-color: ThreeDFace;
+}
+
+/* Download View */
+#downloadView {
+ -moz-appearance: none !important;
+ margin: 0;
+ border-bottom: 2px solid;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+}
+
+/* Download View Items */
+richlistitem[type="download"] {
+ padding: 4px 8px 4px 4px;
+ min-height: 46px;
+}
+
+richlistitem[type="download"]:not([selected="true"]):nth-child(odd) {
+ background-color: -moz-oddtreerow;
+}
+
+richlistitem[type="download"] .name {
+ font-size: larger;
+}
+
+richlistitem[type="download"] .dateTime {
+ font-size: smaller;
+}
+
+.mini-button {
+ -moz-appearance: none;
+ background-color: transparent;
+ border: none;
+ padding: 0;
+ margin: 0;
+ min-width: 0;
+ min-height: 0;
+}
+
+.mini-button > .button-box {
+ padding: 0 !important;
+}
+
+menuitem:not([type]) {
+ -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
+}
+
+.cancel,
+#menuitem_cancel {
+ list-style-image: url("moz-icon://stock/gtk-cancel?size=menu");
+}
+
+#menuitem_open {
+ list-style-image: url("moz-icon://stock/gtk-open?size=menu");
+}
+#menuitem_open[disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-open?size=menu&state=disabled");
+}
+
+.pause,
+#menuitem_pause {
+ list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu");
+}
+
+.pause[disabled="true"],
+#menuitem_pause[disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu&state=disabled");
+}
+
+.resume,
+#menuitem_resume {
+ list-style-image: url("moz-icon://stock/gtk-media-play?size=menu");
+}
+
+.retry,
+#menuitem_retry {
+ list-style-image: url("moz-icon://stock/gtk-redo?size=menu");
+}
+
+#menuitem_removeFromList {
+ list-style-image: url("moz-icon://stock/gtk-remove?size=menu");
+}
+
+#menuitem_copyLocation {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
+}
+
+.blockedIcon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=dialog");
+ width: 32px;
+ height: 32px;
+}
+
+/* prevent flickering when changing states */
+.downloadTypeIcon {
+ min-height: 32px;
+ min-width: 32px;
+}
+
+#clearListButton {
+ list-style-image: url(moz-icon://stock/gtk-clear?size=button);
+ margin-top: 3px;
+}
+
+#clearListButton[disabled="true"] {
+ list-style-image: url(moz-icon://stock/gtk-clear?size=button&state=disabled);
+}
diff --git a/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css b/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css
new file mode 100644
index 0000000..c6dba24
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/downloads/unknownContentType.css
@@ -0,0 +1,31 @@
+/* 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/. */
+
+
+#from {
+ margin-top: 1px;
+}
+
+#location {
+ font-weight: bold;
+}
+
+#contentTypeImage {
+ height: 16px;
+ width: 16px;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ -moz-margin-start: 0px;
+ -moz-margin-end: 5px;
+}
+
+.small-indent {
+ -moz-margin-start: 15px;
+ -moz-margin-end: 15px;
+}
+
+.small-indent label {
+ -moz-margin-start: 0px;
+}
+
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/about.css b/arc-firefox-theme/chrome/mozapps/extensions/about.css
new file mode 100644
index 0000000..7188c11
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/about.css
@@ -0,0 +1,91 @@
+/* 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/. */
+
+#genericAbout {
+ padding: 0px;
+ min-height: 200px;
+ max-height: 400px;
+ width: 30em;
+}
+
+#clientBox {
+ background-color: -moz-Dialog;
+ color: -moz-DialogText;
+}
+
+@media (-moz-windows-compositor) {
+ #genericAbout {
+ -moz-appearance: -moz-win-glass;
+ background: transparent;
+ }
+
+ #clientBox {
+ -moz-appearance: -moz-win-exclude-glass;
+ }
+}
+
+
+.basic-info {
+ padding: 10px;
+}
+
+#extensionIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+ max-width: 64px;
+ max-height: 64px;
+ -moz-margin-end: 6px;
+}
+
+#genericAbout[addontype="theme"] #extensionIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+#genericAbout[addontype="locale"] #extensionIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+#genericAbout[addontype="plugin"] #extensionIcon {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+#genericAbout[addontype="dictionary"] #extensionIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
+
+#extensionName {
+ font-size: 200%;
+ font-weight: bolder;
+}
+
+#extensionVersion {
+ font-weight: bold;
+}
+
+#extensionDescription {
+ margin-top: 4px;
+}
+
+#groove {
+ margin-top: 8px;
+}
+
+#extensionDetailsBox {
+ overflow: auto;
+ min-height: 100px;
+}
+
+.boxIndent {
+ -moz-margin-start: 18px;
+}
+
+#extensionCreator, .contributor {
+ margin: 0px;
+}
+
+.sectionTitle {
+ padding: 2px 0px 3px 0px;
+ margin-top: 3px;
+ font-weight: bold;
+}
+
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png
new file mode 100644
index 0000000..8740e49
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-error.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png
new file mode 100644
index 0000000..2c5f628
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-negative.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png
new file mode 100644
index 0000000..a186c6b
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-info-positive.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png
new file mode 100644
index 0000000..75ea826
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/alerticon-warning.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css b/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css
new file mode 100644
index 0000000..da92102
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/blocklist.css
@@ -0,0 +1,20 @@
+/* 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/. */
+
+richlistitem {
+ padding-top: 6px;
+ padding-bottom: 6px;
+ -moz-padding-start: 7px;
+ -moz-padding-end: 7px;
+ border-bottom: 1px solid #C0C0C0;
+}
+
+.addonName {
+ font-weight: bold;
+}
+
+.blockedLabel {
+ font-weight: bold;
+ font-style: italic;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/cancel.png b/arc-firefox-theme/chrome/mozapps/extensions/cancel.png
new file mode 100644
index 0000000..0d98ab2
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/cancel.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-available.png b/arc-firefox-theme/chrome/mozapps/extensions/category-available.png
new file mode 100644
index 0000000..689d526
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-available.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png b/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png
new file mode 100644
index 0000000..ccea275
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-discover.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png b/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png
new file mode 100644
index 0000000..2ae95a5
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-extensions.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png b/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png
new file mode 100644
index 0000000..b253dd0
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-plugins.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png b/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png
new file mode 100644
index 0000000..9039b27
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-recent.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-search.png b/arc-firefox-theme/chrome/mozapps/extensions/category-search.png
new file mode 100644
index 0000000..52e91a7
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-search.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png b/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png
new file mode 100644
index 0000000..b893cb4
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-searchengines.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-service.png b/arc-firefox-theme/chrome/mozapps/extensions/category-service.png
new file mode 100644
index 0000000..997c854
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-service.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png b/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png
new file mode 100644
index 0000000..cde1c78
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/category-themes.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png
new file mode 100644
index 0000000..08a0447
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png
new file mode 100644
index 0000000..a1e0d53
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/dictionaryGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png b/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png
new file mode 100644
index 0000000..cd50735
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/discover-logo.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/eula.css b/arc-firefox-theme/chrome/mozapps/extensions/eula.css
new file mode 100644
index 0000000..5fb2c52
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/eula.css
@@ -0,0 +1,47 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+ max-width: 48px;
+ max-height: 48px;
+ -moz-margin-end: 6px;
+}
+
+#eula-dialog[addontype="theme"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+#eula-dialog[addontype="locale"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+#eula-dialog[addontype="plugin"] #icon {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+#eula-dialog[addontype="dictionary"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
+
+#heading-container {
+ -moz-box-align: center;
+}
+
+#heading {
+ font-size: 120%;
+}
+
+#eula {
+ -moz-appearance: none;
+ color: -moz-FieldText;
+ background-color: -moz-Field;
+ margin: 1em;
+ border: 1px solid;
+ -moz-border-top-colors: ActiveBorder;
+ -moz-border-right-colors: ActiveBorder;
+ -moz-border-bottom-colors: ActiveBorder;
+ -moz-border-left-colors: ActiveBorder;
+}
+
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png
new file mode 100644
index 0000000..a9d0054
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/experimentGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png
new file mode 100644
index 0000000..b1a2f36
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png
new file mode 100644
index 0000000..2ae95a5
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensionGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/extensions.css b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
new file mode 100644
index 0000000..c91607c
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/extensions.css
@@ -0,0 +1,1092 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/common.css");
+
+.main-content {
+ padding-top: 0;
+ -moz-padding-end: 0;
+}
+
+#nav-header {
+ min-height: 39px;
+ background-color: #424f5a;
+}
+
+.view-pane > .list > scrollbox {
+ -moz-padding-end: 48px;
+}
+
+
+/*** global warnings ***/
+
+.global-warning-container {
+ overflow-x: hidden;
+}
+
+.global-warning {
+ -moz-box-align: center;
+ padding: 0 8px;
+ color: #916D15;
+ font-weight: bold;
+}
+
+#addons-page[warning] .global-warning-container {
+ background-color: rgba(255, 255, 0, 0.1);
+ background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png");
+ background-repeat: repeat-x;
+}
+
+#detail-view .global-warning {
+ padding: 4px 12px;
+ border-bottom: 1px solid #c1c1c1;
+}
+
+@media (max-width: 600px) {
+ .global-warning-text {
+ display: none;
+ }
+
+ .global-warning .warning-icon {
+ background-color: #fff;
+ box-shadow: 0 0 2px 5px #fff;
+ border-radius: 10px;
+ }
+}
+
+/*** global informations ***/
+
+/* Plugins aren't yet disabled by safemode (bug 342333),
+ so don't show that warning when viewing plugins. */
+#addons-page[warning="safemode"] .view-pane[type="plugin"] .global-warning-container,
+#addons-page[warning="safemode"] #detail-view[loading="true"] .global-warning-container {
+ background-color: inherit;
+ background-image: none;
+}
+
+
+/*** notification icons ***/
+
+.warning-icon,
+.error-icon,
+.pending-icon,
+.info-icon {
+ width: 16px;
+ margin: 3px 0;
+}
+
+
+/*** view alert boxes ***/
+
+.alert-container {
+ -moz-box-align: center;
+ -moz-margin-end: 48px;
+}
+
+.alert-spacer-before {
+ -moz-box-flex: 1;
+}
+
+.alert-spacer-after {
+ -moz-box-flex: 3;
+}
+
+.alert {
+ -moz-box-align: center;
+ padding: 10px;
+ color: #333;
+ border: 1px solid #c1c1c1;
+ border-radius: 2px;
+ background-color: #ebebeb;
+}
+
+.alert .alert-title {
+ font-weight: bold;
+ font-size: 200%;
+ margin-bottom: 15px;
+}
+
+.alert button {
+ margin: 1em 2em;
+}
+
+.loading {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+
+/*** category selector ***/
+
+#categories {
+ padding-top: 0;
+}
+
+.category[disabled] {
+ overflow: hidden;
+ height: 0;
+ min-height: 0;
+ opacity: 0;
+ transition-property: min-height, opacity;
+ transition-duration: 1s, 0.8s;
+}
+
+.category:not([disabled]) {
+ min-height: 40px;
+ transition-property: min-height, opacity;
+ transition-duration: 1s, 0.8s;
+}
+
+/* Maximize the size of the viewport when the window is small */
+@media (max-width: 800px) {
+ .category-name {
+ display: none;
+ }
+}
+
+.category-badge {
+ background-color: #55D4FF;
+ padding: 2px 8px;
+ margin: 6px 0;
+ -moz-margin-start: 6px;
+ border-radius: 100%;
+ color: #FFF;
+ font-weight: bold;
+ text-align: center;
+}
+
+.category-badge[value="0"] {
+ display: none;
+}
+
+#category-search > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-search.png");
+}
+#category-discover > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-discover.png");
+}
+#category-locale > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-languages.png");
+}
+#category-searchengine > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-searchengines.png");
+}
+#category-extension > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-extensions.png");
+}
+#category-service > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-service.png");
+}
+#category-theme > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-themes.png");
+}
+#category-plugin > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-plugins.png");
+}
+#category-dictionary > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-dictionaries.png");
+}
+#category-experiment > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-experiments.png");
+}
+#category-availableUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-available.png");
+}
+#category-recentUpdates > .category-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/category-recent.png");
+}
+
+
+/*** header ***/
+
+#header {
+ margin-top: 20px;
+ margin-bottom: 20px;
+ -moz-margin-end: 48px;
+}
+
+@media (max-width: 600px) {
+ #header-search {
+ width: 12em;
+ }
+}
+
+.view-header {
+ margin: 0;
+ -moz-margin-end: 48px;
+ border-bottom: 1px solid #c1c1c1;
+}
+
+#header-utils-btn {
+ height: 30px;
+ line-height: 20px;
+ border-color: #c1c1c1;
+ background-color: #fbfbfb;
+ padding-right: 10px;
+ padding-left: 10px;
+}
+
+#header-utils-btn:not([disabled="true"]):active:hover,
+#header-utils-btn[open="true"] {
+ background-color: #dadada;
+}
+
+.header-button {
+ -moz-appearance: none;
+ border: 1px solid;
+ border-radius: 2px;
+}
+
+.header-button[disabled="true"] > .toolbarbutton-icon {
+ opacity: 0.4;
+}
+
+.header-button:not([disabled="true"]):hover,
+#header-utils-btn:not([disabled="true"]):hover {
+ background-color: #ebebeb;
+ cursor: pointer;
+}
+
+.header-button > .toolbarbutton-text {
+ display: none;
+}
+
+.nav-button {
+ list-style-image: url(chrome://mozapps/skin/extensions/navigation.png);
+ margin-top: 15px;
+ margin-bottom: 15px;
+ border-color: transparent;
+}
+
+.nav-button:not([disabled="true"]):hover {
+ border-color: #ebebeb;
+}
+
+#back-btn:-moz-locale-dir(ltr),
+#forward-btn:-moz-locale-dir(rtl) {
+ -moz-image-region: rect(0, 18px, 18px, 0);
+}
+
+#back-btn:-moz-locale-dir(rtl),
+#forward-btn:-moz-locale-dir(ltr) {
+ -moz-image-region: rect(0, 36px, 18px, 18px);
+}
+
+
+/*** sorters ***/
+
+.sort-controls {
+ -moz-appearance: none;
+}
+
+.sorter {
+ height: 35px;
+ border: none;
+ border-radius: 0;
+ background-color: transparent;
+ color: #536680;
+ margin: 0;
+ min-width: 12px !important;
+ -moz-box-direction: reverse;
+}
+
+.sorter .button-box {
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.sorter[checkState="1"],
+.sorter[checkState="2"] {
+ background-color: #ebebeb;
+ box-shadow: 0 -4px 0 0 #ff9500 inset;
+}
+
+.sorter .button-icon {
+ -moz-margin-start: 6px;
+}
+
+
+/*** discover view ***/
+
+.discover-spacer-before,
+.discover-spacer-after {
+ -moz-box-flex: 1;
+}
+
+#discover-error .alert {
+ max-width: 45em;
+ -moz-box-flex: 1;
+}
+
+.discover-logo {
+ list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
+ -moz-margin-end: 15px;
+}
+
+.discover-title {
+ font-weight: bold;
+ font-size: 24px;
+ font-family: MetaWebPro-Book, "Trebuchet MS", sans-serif;
+ margin: 0 0 15px 0;
+}
+
+.discover-description {
+ text-align: justify;
+ margin: 0 0 15px 0;
+}
+
+.discover-footer {
+ text-align: justify;
+}
+
+
+/*** list ***/
+
+.list {
+ -moz-appearance: none;
+ margin: 0;
+ border-color: transparent;
+ background-color: transparent;
+}
+
+.addon {
+ color: #444;
+ border-bottom: 1px solid #c1c1c1;
+ padding: 5px;
+ background-origin: border-box;
+}
+
+.addon:not(:only-child):last-child {
+ border-bottom-width: 0;
+}
+
+.details {
+ cursor: pointer;
+ margin: 0;
+ -moz-margin-start: 10px;
+}
+
+.icon-container {
+ width: 48px;
+ height: 48px;
+ margin: 3px 7px;
+ -moz-box-align: center;
+ -moz-box-pack: center;
+}
+
+.icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+ max-width: 48px;
+ max-height: 48px;
+}
+
+.content-inner-container {
+ -moz-margin-end: 5px;
+}
+
+.addon[active="false"] .icon {
+ filter: grayscale(1);
+}
+
+.addon-view[type="theme"] .icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+.addon-view[type="locale"] .icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+.addon-view[type="plugin"] .icon {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+.addon-view[type="dictionary"] .icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
+
+.addon-view[type="experiment"] .icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/experimentGeneric.png");
+}
+
+.name-container {
+ font-size: 150%;
+ font-weight: bold;
+ -moz-box-align: end;
+ -moz-box-flex: 1;
+}
+
+.creator {
+ font-weight: bold;
+}
+
+.description-container {
+ -moz-margin-start: 6px;
+ -moz-box-align: center;
+}
+
+.description {
+ margin: 0;
+}
+
+.warning,
+.pending,
+.error {
+ -moz-margin-start: 48px;
+ font-weight: bold;
+ -moz-box-align: center;
+}
+
+.content-container,
+.basicinfo-container {
+ -moz-box-align: start;
+}
+
+.addon[status="installing"] > .content-container {
+ -moz-box-align: stretch;
+}
+
+.update-info-container {
+ -moz-box-align: center;
+}
+
+.update-available {
+ -moz-box-align: end;
+}
+
+.install-status-container {
+ -moz-box-pack: end;
+ -moz-box-align: end;
+}
+
+.name-outer-container {
+ -moz-box-pack: center;
+}
+
+.relnotes-toggle-container,
+.icon-outer-container {
+ -moz-box-pack: start;
+}
+
+.status-container,
+.control-container {
+ -moz-box-pack: end;
+}
+
+.addon-view .warning {
+ color: #916d15;
+}
+
+.addon-view .error {
+ color: #d74345;
+}
+
+.addon-view .pending {
+ color: #1b7123;
+}
+
+.addon-view[pending="disable"] .pending,
+.addon-view[pending="uninstall"] .pending {
+ color: #62666e;
+}
+
+.addon .relnotes-container {
+ -moz-box-align: start;
+ -moz-margin-start: 6px;
+ height: 0;
+ overflow: hidden;
+ opacity: 0;
+ transition-property: height, opacity;
+ transition-duration: 0.5s, 0.5s;
+}
+
+.addon[show-relnotes] .relnotes-container {
+ opacity: 1;
+ transition-property: height, opacity;
+ transition-duration: 0.5s, 0.5s;
+}
+
+.addon .relnotes-header {
+ font-weight: bold;
+ margin: 10px 0;
+}
+
+.addon .relnotes-toggle {
+ -moz-appearance: none;
+ border: none;
+ background: transparent;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.addon .relnotes-toggle > .button-box > .button-icon {
+ -moz-padding-start: 4px;
+}
+
+.addon-view[notification="warning"] {
+ background-image: url("chrome://mozapps/skin/extensions/stripes-warning.png"),
+ linear-gradient(rgba(255, 255, 0, 0.04),
+ rgba(255, 255, 0, 0));
+ background-repeat: repeat-x;
+}
+
+.addon-view[notification="error"] {
+ background-image: url("chrome://mozapps/skin/extensions/stripes-error.png"),
+ linear-gradient(rgba(255, 0, 0, 0.04),
+ rgba(255, 0, 0, 0));
+ background-repeat: repeat-x;
+}
+
+.addon-view[pending="enable"],
+.addon-view[pending="upgrade"],
+.addon-view[pending="install"] {
+ background-image: url("chrome://mozapps/skin/extensions/stripes-info-positive.png"),
+ linear-gradient(rgba(0, 255, 0, 0.04),
+ rgba(0, 255, 0, 0));
+ background-repeat: repeat-x;
+}
+
+.addon-view[pending="disable"],
+.addon-view[pending="uninstall"] {
+ background-image: url("chrome://mozapps/skin/extensions/stripes-info-negative.png"),
+ linear-gradient(rgba(128, 128, 128, 0.04),
+ rgba(128, 128, 128, 0));
+ background-repeat: repeat-x;
+}
+
+.addon[selected] {
+ background-color: #fafafa;
+ color: #333;
+ -moz-padding-start: 1px; /* compensate the 4px border */
+ -moz-border-start: solid 4px #ff9500;
+}
+
+.addon[active="false"] > .content-container > .content-inner-container {
+ color: #999;
+}
+
+.addon[active="false"][selected] > .content-container > .content-inner-container {
+ color: #777;
+}
+
+
+/*** item - uninstalled ***/
+
+.addon[status="uninstalled"] {
+ border: none;
+}
+
+.addon[status="uninstalled"] > .container {
+ -moz-box-align: center;
+ padding: 4px 20px;
+ background-color: #FDFFA8;
+ border-radius: 8px;
+ font-size: 120%;
+}
+
+.addon[status="uninstalled"][selected] {
+ background-color: transparent;
+}
+
+
+/*** search view ***/
+
+#search-filter {
+ padding: 5px 20px;
+ -moz-margin-end: 48px;
+ font-size: 120%;
+ border-bottom: 1px solid #c1c1c1;
+ overflow-x: hidden;
+}
+
+#search-filter-label {
+ font-weight: bold;
+ color: grey;
+ -moz-margin-end: 10px;
+}
+
+#search-allresults-link {
+ margin-top: 1em;
+ margin-bottom: 2em;
+}
+
+
+/*** detail view ***/
+
+#detail-view {
+ -moz-margin-end: 48px;
+}
+
+#detail-view .loading {
+ opacity: 0;
+}
+
+#detail-view[loading-extended] .loading {
+ opacity: 1;
+ transition-property: opacity;
+ transition-duration: 1s;
+}
+
+.detail-view-container {
+ -moz-padding-end: 2em;
+ padding-bottom: 2em;
+ font-size: 110%;
+ color: #333;
+}
+
+#detail-notifications {
+ margin-top: 1em;
+ margin-bottom: 2em;
+}
+
+#detail-notifications .warning,
+#detail-notifications .pending,
+#detail-notifications .error {
+ -moz-margin-start: 0;
+}
+
+#detail-icon-container {
+ width: 64px;
+ -moz-margin-end: 10px;
+ margin-top: 6px;
+}
+
+#detail-icon {
+ max-width: 64px;
+ max-height: 64px;
+}
+
+#detail-summary {
+ margin-bottom: 2em;
+}
+
+#detail-name-container {
+ font-size: 200%;
+}
+
+#detail-screenshot-box {
+ -moz-margin-end: 2em;
+ padding: 10px;
+ background-color: white;
+ box-shadow: 0 1px 2px #666;
+}
+
+#detail-screenshot {
+ max-width: 300px;
+ max-height: 300px;
+}
+
+#detail-screenshot[loading] {
+ background-image: url("chrome://global/skin/icons/loading_16.png"),
+ linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+ background-position: 50% 50%;
+ background-repeat: no-repeat;
+ border-radius: 2px;
+}
+
+#detail-screenshot[loading="error"] {
+ background-image: url("chrome://global/skin/media/error.png"),
+ linear-gradient(rgba(255, 255, 255, 0.5), transparent);
+}
+
+#detail-desc-container {
+ margin-bottom: 2em;
+}
+
+#detail-desc, #detail-fulldesc {
+ -moz-margin-start: 6px;
+ /* This is necessary to fix layout issues with multi-line descriptions, see
+ bug 592712*/
+ outline: solid transparent;
+ white-space: pre-wrap;
+ min-width: 10em;
+}
+
+#detail-fulldesc {
+ margin-top: 1em;
+}
+
+#detail-contributions {
+ border-radius: 2px;
+ border: 1px solid #D2DBE8;
+ margin-bottom: 2em;
+ padding: 1em;
+ background-color: #F3F7FB;
+}
+
+#detail-contrib-description {
+ font-style: italic;
+ margin-bottom: 1em;
+ color: #373D48;
+}
+
+#detail-contrib-suggested {
+ color: grey;
+ font-weight: bold;
+}
+
+#detail-contrib-btn {
+ color: #FFF;
+ text-shadow: none;
+ border: 1px solid #0095dd;
+ list-style-image: url("chrome://mozapps/skin/extensions/heart.png");
+ background-color: #0095dd;
+}
+
+#detail-contrib-btn .button-icon {
+ -moz-margin-end: 5px;
+}
+
+#detail-contrib-btn:not(:active):hover {
+ border-color: #008acb;
+ background-color: #008acb;
+}
+
+#detail-contrib-btn:active:hover {
+ background-color: #006b9d;
+ border-color: #006b9d;
+}
+
+#detail-grid {
+ margin-bottom: 2em;
+}
+
+#detail-grid > columns > column:first-child {
+ min-width: 15em;
+ max-width: 25em;
+}
+
+.detail-row[first-row="true"],
+.detail-row-complex[first-row="true"],
+setting[first-row="true"] {
+ border-top: none;
+}
+
+.detail-row,
+.detail-row-complex,
+setting {
+ border-top: 1px solid #c1c1c1;
+ -moz-box-align: center;
+ min-height: 35px;
+ font-size: 1.25rem;
+ line-height: 20px;
+ text-shadow: 0 1px 1px #fefffe;
+}
+
+#detail-controls {
+ margin-bottom: 1em;
+}
+
+setting[first-row="true"] {
+ margin-top: 2em;
+}
+
+setting {
+ -moz-box-align: start;
+}
+
+.preferences-alignment {
+ min-height: 30px;
+ -moz-box-align: center;
+}
+
+.preferences-description {
+ font-size: 90.9%;
+ color: graytext;
+ margin-top: -2px;
+ -moz-margin-start: 2em;
+ white-space: pre-wrap;
+}
+
+.preferences-description:empty {
+ display: none;
+}
+
+setting[type="radio"] > radiogroup {
+ -moz-box-orient: horizontal;
+}
+
+
+/*** creator ***/
+
+.creator > label {
+ -moz-margin-start: 0;
+ -moz-margin-end: 0;
+}
+
+.creator > .text-link {
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+
+/*** rating ***/
+
+.meta-rating {
+ -moz-margin-end: 0;
+ padding-top: 2px;
+}
+
+
+/*** download progress ***/
+
+.download-progress {
+ border: 1px solid #c1c1c1;
+ border-radius: 2px;
+ background-color: #fbfbfb;
+ width: 200px;
+ height: 30px;
+ margin: 2px 4px;
+}
+
+.download-progress[mode="undetermined"] {
+ border-color: #0095dd;
+}
+
+.download-progress .start-cap,
+.download-progress[complete] .end-cap,
+.download-progress[mode="undetermined"] .end-cap,
+.download-progress .progress .progress-bar {
+ -moz-appearance: none;
+ background-color: #0095dd;
+}
+
+.download-progress .progress .progress-bar {
+ min-height: 28px;
+}
+
+.download-progress .progress {
+ -moz-appearance: none;
+ background-color: transparent;
+ padding: 0;
+ margin: 0;
+ border: none;
+}
+
+.download-progress .start-cap,
+.download-progress .end-cap {
+ width: 4px;
+}
+
+.download-progress .start-cap:-moz-locale-dir(ltr),
+.download-progress .end-cap:-moz-locale-dir(rtl) {
+ border-radius: 1px 0 0 1px;
+}
+
+.download-progress .end-cap:-moz-locale-dir(ltr),
+.download-progress .start-cap:-moz-locale-dir(rtl) {
+ border-radius: 0 1px 1px 0;
+}
+
+.download-progress .cancel {
+ -moz-appearance: none;
+ padding: 3px;
+ min-width: 0;
+ width: 20px;
+ height: 20px;
+ margin: 3px;
+}
+
+.download-progress .cancel .button-box {
+ /* override in-content/common.css !important rule */
+ padding: 0 !important;
+ border: none;
+}
+
+.download-progress .cancel .button-text {
+ display: none;
+}
+
+.download-progress .cancel .button-icon {
+ margin: 0;
+}
+
+.download-progress .cancel {
+ list-style-image: url('chrome://mozapps/skin/extensions/cancel.png');
+}
+
+.download-progress .status-container {
+ -moz-box-align: center;
+}
+
+.download-progress .status {
+ color: #333;
+ text-shadow: #fff 0 0 2px;
+}
+
+
+/*** install status ***/
+
+.install-status {
+ -moz-box-align: center;
+}
+
+
+/*** check for updates ***/
+
+#updates-container {
+ -moz-box-align: center;
+}
+
+#updates-container .button-link {
+ font-weight: bold;
+}
+
+#updates-installed,
+#updates-downloaded {
+ color: #00BB00;
+ font-weight: bold;
+}
+
+#update-selected {
+ margin: 12px;
+}
+
+
+/*** buttons ***/
+
+.addon-control[disabled="true"]:not(.no-auto-hide) {
+ display: none;
+}
+
+.no-auto-hide .addon-control {
+ display: block !important;
+}
+
+button.button-link {
+ -moz-appearance: none;
+ background: transparent;
+ border: none;
+ box-shadow: none;
+ color: #0095dd;
+ cursor: pointer;
+ min-width: 0;
+ height: 20px;
+ margin: 0 6px;
+}
+
+button.button-link:not(:-moz-focusring) > .button-box {
+ border-width: 0;
+ margin: 1px;
+}
+
+button.button-link:hover {
+ background-color: transparent;
+ color: #178ce5;
+ text-decoration: underline;
+}
+
+/* Needed to override normal button style from inContent.css */
+button.button-link:not([disabled="true"]):active:hover {
+ background-color: transparent;
+ color: #ff9500;
+ text-decoration: none;
+}
+
+
+/*** telemetry experiments ***/
+
+#detail-experiment-container {
+ font-size: 80%;
+ margin-bottom: 1em;
+}
+
+#detail-experiment-bullet-container,
+#detail-experiment-state,
+#detail-experiment-time,
+.experiment-bullet-container,
+.experiment-state,
+.experiment-time {
+ vertical-align: middle;
+ display: inline-block;
+}
+
+.addon .experiment-bullet,
+#detail-experiment-bullet {
+ fill: rgb(158, 158, 158);
+}
+
+.addon[active="true"] .experiment-bullet,
+#detail-view[active="true"] #detail-experiment-bullet {
+ fill: rgb(106, 201, 20);
+}
+
+/*** info UI for add-ons that have been disabled for being unsigned ***/
+
+#show-disabled-unsigned-extensions:not(:hover) {
+ background-color: #fcf8ed;
+}
+
+#disabled-unsigned-addons-info {
+ margin-bottom: 2em;
+ -moz-margin-end: 48px;
+}
+
+#disabled-unsigned-addons-heading {
+ font-size: 1.4em;
+ font-weight: bold;
+ margin-bottom: .5em;
+}
+
+#signing-dev-info {
+ font-style: italic;
+}
+
+#header-utils-btn .toolbarbutton-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities-native");
+}
+
+.warning-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
+ height: 16px;
+}
+
+.error-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
+ height: 16px;
+}
+
+.pending-icon,
+.info-icon {
+ list-style-image: url("moz-icon://stock/gtk-dialog-info?size=menu");
+ height: 16px;
+}
+
+.sorter[checkState="1"] .button-icon {
+ display: -moz-box;
+ list-style-image: url("moz-icon://stock/gtk-sort-descending?size=16");
+}
+
+.sorter[checkState="2"] .button-icon {
+ display: -moz-box;
+ list-style-image: url("moz-icon://stock/gtk-sort-ascending?size=16");
+}
+
+.addon .relnotes-toggle {
+ list-style-image: url("moz-icon://stock/gtk-go-down?size=16");
+}
+
+.addon .relnotes-toggle > .button-box > .button-icon {
+ display: -moz-box;
+}
+
+.addon[show-relnotes] .relnotes-toggle {
+ list-style-image: url("moz-icon://stock/gtk-go-up?size=16");
+}
+
+.meta-rating[showrating="average"] > .star {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-not-won.png");
+ padding: 0 1px;
+}
+
+.meta-rating[showrating="user"] > .star {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-unrated.png");
+ padding: 2px 3px;
+}
+
+.meta-rating > .star[on="true"],
+.meta-rating[showrating="user"] > .star[hover] {
+ list-style-image: url("chrome://mozapps/skin/extensions/rating-won.png");
+ padding: 0 1px;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/heart.png b/arc-firefox-theme/chrome/mozapps/extensions/heart.png
new file mode 100644
index 0000000..655f4c4
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/heart.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png
new file mode 100644
index 0000000..c721159
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/localeGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/navigation.png b/arc-firefox-theme/chrome/mozapps/extensions/navigation.png
new file mode 100644
index 0000000..67ff3d9
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/navigation.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css
new file mode 100644
index 0000000..5801a24
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/newaddon.css
@@ -0,0 +1,112 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/common.css");
+
+#addon-page {
+ font-size: 1.1em;
+}
+
+#addon-scrollbox {
+ overflow: auto;
+ -moz-box-orient: vertical;
+ -moz-box-flex: 1;
+}
+
+#spacer-start {
+ -moz-box-flex: 1;
+}
+
+#spacer-end {
+ -moz-box-flex: 3;
+}
+
+#addon-container {
+ overflow: visible;
+ max-width: 800px;
+ margin: 20px;
+ padding: 30px 90px;
+}
+
+#addon-info {
+ -moz-box-align: start;
+ margin: 25px 10px;
+}
+
+#icon {
+ margin-top: 8px;
+ -moz-margin-end: 10px;
+ max-width: 64px;
+ max-height: 64px;
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+}
+
+.addon-info[type="theme"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+.addon-info[type="locale"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+.addon-info[type="plugin"] #icon {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+.addon-info[type="dictionary"] #icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
+
+#name {
+ font-size: 130%;
+}
+
+#author {
+ color: GrayText;
+}
+
+#location {
+ color: GrayText;
+}
+
+#warning {
+ margin-bottom: 25px;
+ -moz-box-align: start;
+}
+
+#warning-icon {
+ list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png");
+ width: 16px;
+ height: 15px;
+ margin-top: 5px;
+ -moz-margin-end: 5px;
+}
+
+#allow {
+ -moz-margin-start: 84px;
+ margin-bottom: 20px;
+}
+
+#continuePanel,
+#restartPanel {
+ margin-top: 25px;
+ -moz-box-pack: end;
+ -moz-box-align: center;
+}
+
+#continuePanel {
+ -moz-box-pack: end;
+}
+
+#restartMessage {
+ text-align: right;
+}
+
+#restartSpacer {
+ -moz-box-flex: 1;
+}
+
+#later {
+ color: GrayText;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png b/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png
new file mode 100644
index 0000000..2761f19
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/rating-not-won.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png b/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png
new file mode 100644
index 0000000..336dd8f
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/rating-won.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css b/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css
new file mode 100644
index 0000000..8a94a6c
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/selectAddons.css
@@ -0,0 +1,162 @@
+/* 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/. */
+
+#view-deck {
+ background: Window;
+}
+
+.heading {
+ font-size: 270%;
+ text-align: center;
+ margin: 0 100px;
+}
+
+.progress {
+ margin: 10px 128px;
+}
+
+.progress-label,
+#errors-description {
+ text-align: center;
+ margin: 0 10px;
+}
+
+#checking-heading,
+#update-heading,
+#errors-heading {
+ margin-top: 90px;
+}
+
+#select-heading,
+#confirm-heading {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ text-align: center;
+}
+
+#select-description,
+#confirm-description {
+ margin: 10px;
+}
+
+#select-list {
+ border-top: 1px solid WindowFrame;
+ background-color: Window;
+}
+
+#select-grid column {
+ -moz-box-align: center;
+}
+
+#select-grid row {
+ -moz-box-align: stretch;
+}
+
+#select-grid row:nth-of-type(odd) {
+ background-color: -moz-oddtreerow;
+}
+
+#select-grid label,
+#select-grid checkbox {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.select-cell {
+ -moz-box-align: center;
+ -moz-box-pack: start;
+}
+
+#select-header .select-cell {
+ -moz-appearance: treeheadercell;
+ box-sizing: border-box;
+}
+
+.select-keep {
+ -moz-box-pack: center;
+}
+
+.select-keep .checkbox-label-box {
+ display: none;
+}
+
+.select-keep .addon-keep-checkbox:-moz-focusring {
+ outline: 1px dotted ThreeDDarkShadow;
+}
+
+.select-icon {
+ width: 20px;
+}
+
+#select-grid separator {
+ display: none;
+}
+
+.addon-name,
+.addon-action-message,
+.addon-action-update {
+ box-sizing: border-box;
+ margin: 0;
+ padding-top: 1px;
+ padding-bottom: 2px;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 5px;
+}
+
+.addon:not([active]) .addon-name,
+.addon:not([active]) .addon-action-message,
+.addon:not([active]) .addon-action-update {
+ color: GrayText;
+}
+
+.addon-icon {
+ height: 16px;
+ width: 16px;
+ margin: 2px;
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric-16.png");
+}
+
+.addon-icon[type="theme"] {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric-16.png");
+}
+
+.addon-icon[type="plugin"] {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric-16.png");
+}
+
+.addon-icon[type="dictionary"] {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric-16.png");
+}
+
+.action-list {
+ margin-top: 10px;
+ -moz-margin-start: 5em;
+}
+
+.action-header {
+ margin-bottom: 10px;
+}
+
+#confirm .addon {
+ -moz-margin-start: 3em;
+ -moz-box-align: center;
+}
+
+.addon:not([active]) .addon-icon,
+#disable-list .addon-icon,
+#incompatible-list .addon-icon {
+ filter: grayscale(1);
+}
+
+#footer {
+ padding: 15px 12px;
+ border-top: 2px solid;
+ -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
+}
+
+.progress-label,
+#footer-label {
+ font-style: italic;
+ color: GrayText;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png
new file mode 100644
index 0000000..1dc2d85
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-error.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png
new file mode 100644
index 0000000..901ab1e
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-negative.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png
new file mode 100644
index 0000000..370ceec
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-info-positive.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png b/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png
new file mode 100644
index 0000000..69463fb
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/stripes-warning.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png
new file mode 100644
index 0000000..019886f
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png
new file mode 100644
index 0000000..cde1c78
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/themeGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/update.css b/arc-firefox-theme/chrome/mozapps/extensions/update.css
new file mode 100644
index 0000000..d35438a
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/update.css
@@ -0,0 +1,26 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+#alert {
+ list-style-image: url("chrome://mozapps/skin/update/update.png");
+}
+
+.throbber {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+ width: 16px;
+ height: 16px;
+ margin-top: 5px;
+ margin-bottom: 5px;
+ -moz-margin-start: 5px;
+ -moz-margin-end: 2px;
+}
+
+.alertBox {
+ background-color: InfoBackground;
+ color: InfoText;
+ border: 1px outset InfoBackground;
+ margin-left: 3px;
+ margin-right: 3px;
+ padding: 5px;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg b/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg
new file mode 100644
index 0000000..fd91100
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/extensions/utilities.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ x="0"
+ y="0"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16">
+ <style>
+ use:not(:target) {
+ display: none;
+ }
+ use {
+ fill: #424f5a;
+ }
+ use[id$="-native"] {
+ fill: GrayText;
+ }
+ </style>
+ <defs style="display: none;">
+ <path id="utilities-shape" d="m11.5,13.9l-.6-1.5c.3-.2 .5-.4 .8-.6 .2-.2 .4-.5 .6-.7l1.5,.6c.3,.1 .6,0 .7-.3l.4-1c.1-.3 0-.6-.3-.7l-1.5-.6c.1-.6 .1-1.3 0-2l1.5-.6c.3-.1 .4-.4 .3-.7l-.4-1c-.1-.3-.4-.4-.7-.3l-1.5,.6c-.2-.3-.4-.5-.6-.8-.2-.1-.5-.3-.7-.5l.6-1.5c.1-.3 0-.6-.3-.7l-.9-.4c-.3-.1-.6,0-.7,.3l-.6,1.5c-.6-.1-1.3-.1-2,0l-.6-1.5c-.1-.3-.4-.4-.7-.3l-1,.4c-.2,.1-.3,.4-.2,.6l.6,1.5c-.3,.3-.5,.5-.8,.7-.2,.3-.4,.5-.6,.8l-1.5-.7c-.3-.1-.6,0-.7,.3l-.4,.9c-.1,.3 0,.6 .3,.7l1.5,.7c-.1,.6-.1,1.3 0,1.9l-1.5,.6c-.3,.1-.4,.4-.3,.7l.4,1c.1,.3 .4,.4 .7,.3l1.5-.6c.2,.3 .4,.5 .6,.8 .2,.2 .5,.4 .7,.6l-.6,1.5c-.1,.3 0,.6 .3,.7l1,.4c.3,.1 .6,0 .7-.3l.6-1.5c.6,.1 1.3,.1 2,0l.6,1.5c.1,.3 .4,.4 .7,.3l1-.4c.1-.1 .3-.4 .1-.7zm-5.1-4.2c-.9-.9-.9-2.4 0-3.3 .9-.9 2.4-.9 3.3,0 .9,.9 .9,2.4 0,3.3-.9,.9-2.4,.9-3.3,0z"/>
+ </defs>
+ <use id="utilities" xlink:href="#utilities-shape"/>
+ <use id="utilities-native" xlink:href="#utilities-shape"/>
+</svg>
diff --git a/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css b/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css
new file mode 100644
index 0000000..7ddd77c
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/formautofill/requestAutocomplete.css
@@ -0,0 +1,11 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@import url("chrome://global/skin/in-content/common.css");
+
+:root {
+ height: 100%;
+ width: 100%;
+ padding: 0;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/handling/handling.css b/arc-firefox-theme/chrome/mozapps/handling/handling.css
new file mode 100644
index 0000000..d07bdc9
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/handling/handling.css
@@ -0,0 +1,30 @@
+/* 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/. */
+
+#description-image:not([src]) {
+ height: 32px;
+ width: 32px;
+}
+
+richlistitem[type] {
+ min-height: 36px; /* Don't forget to update the richlistbox height! */
+ -moz-padding-start: 2px;
+ }
+
+richlistitem {
+ -moz-box-align: center;
+}
+
+richlistbox {
+ /* 3 items high, plus 4px for top and bottom margins, less 2px for border */
+ min-height: 110px;
+}
+
+.name {
+ font-weight: bold;
+}
+
+.description {
+ color: GrayText;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png
new file mode 100644
index 0000000..9472be0
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png
new file mode 100644
index 0000000..c300a26
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png b/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png
new file mode 100644
index 0000000..b5e8afe
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/passwordmgr/key.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png
new file mode 100644
index 0000000..b559061
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png
new file mode 100644
index 0000000..052bfd3
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/places/defaultFavicon@2x.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png
new file mode 100644
index 0000000..31351dc
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginActivate.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png
new file mode 100644
index 0000000..1e092bf
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginBlocked.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png
new file mode 100644
index 0000000..61eb558
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginClose.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png
new file mode 100644
index 0000000..89d3e91
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginCrashed.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png
new file mode 100644
index 0000000..b8b6a10
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDisabled.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png
new file mode 100644
index 0000000..714302d
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginDownload.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png
new file mode 100644
index 0000000..9fb2eac
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginMissing.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png
new file mode 100644
index 0000000..6035ee1
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/contentPluginStripe.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png
new file mode 100644
index 0000000..3263cc1
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked-64.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png
new file mode 100644
index 0000000..7238c8d
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginBlocked.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png
new file mode 100644
index 0000000..34cabf8
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png
new file mode 100644
index 0000000..d9aef96
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginGeneric.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png b/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png
new file mode 100644
index 0000000..9a577c0
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginHelp-16.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css
new file mode 100644
index 0000000..100c5fc
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/plugins/pluginProblem.css
@@ -0,0 +1,206 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace html url(http://www.w3.org/1999/xhtml);
+
+/* These styles affect only the bound element, not other page content. */
+/* Keep any changes to these styles in sync with plugin-doorhanger.inc.css */
+.mainBox {
+ font: message-box;
+ font-size: 12px;
+ text-align: center;
+ display: table;
+ width: 100%;
+ height: 100%;
+ background-color: rgb(72,72,72);
+ color: white;
+ -moz-user-select: none;
+}
+
+.hoverBox {
+ display: table-cell;
+ box-sizing: border-box;
+ padding: 5px;
+ vertical-align: middle;
+ width: 100%;
+ height: 100%;
+}
+:-moz-handler-vulnerable-updatable .hoverBox:active,
+:-moz-handler-vulnerable-no-update .hoverBox:active,
+:-moz-handler-clicktoplay .hoverBox:active {
+ background-color: rgb(65, 65, 65);
+}
+
+:-moz-handler-clicktoplay .hoverBox:active .msgTapToPlay,
+:-moz-handler-clicktoplay .hoverBox:active .msgClickToPlay,
+:-moz-handler-vulnerable-updatable .hoverBox:active .msgTapToPlay,
+:-moz-handler-vulnerable-updatable .hoverBox:active .msgClickToPlay,
+:-moz-handler-vulnerable-no-update .hoverBox:active .msgTapToPlay,
+:-moz-handler-vulnerable-no-update .hoverBox:active .msgClickToPlay {
+ color: red;
+}
+
+:-moz-handler-vulnerable-updatable .hoverBox,
+:-moz-handler-vulnerable-no-update .hoverBox,
+:-moz-handler-blocked .hoverBox,
+:-moz-handler-crashed .hoverBox {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginStripe.png);
+}
+
+html|a {
+ color: white;
+}
+
+.icon {
+ width: 48px;
+ height: 48px;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: none;
+ background-color: transparent;
+ -moz-user-focus: ignore;
+ margin-bottom: 6px;
+}
+
+:-moz-type-unsupported .icon,
+:-moz-type-unsupported-platform .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginMissing.png);
+}
+:-moz-type-unsupported .icon[installable] {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginDownload.png);
+}
+:-moz-handler-vulnerable-updatable .icon,
+:-moz-handler-vulnerable-no-update .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
+ -moz-user-focus: normal;
+}
+:-moz-handler-blocked .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginBlocked.png);
+}
+:-moz-handler-clicktoplay .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginActivate.png);
+ -moz-user-focus: normal;
+}
+:-moz-handler-disabled .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginDisabled.png);
+}
+:-moz-handler-crashed .icon {
+ background-image: url(chrome://mozapps/skin/plugins/contentPluginCrashed.png);
+}
+
+.throbber {
+ padding-left: 16px; /* width of the background image */
+ background: url(chrome://global/skin/icons/loading_16.png) no-repeat;
+ margin-left: 5px;
+}
+
+.msgTapToPlay,
+.msgClickToPlay {
+ text-decoration: underline;
+}
+
+@media not all and (-moz-touch-enabled) {
+ :-moz-handler-clicktoplay .msgTapToPlay {
+ display: none;
+ }
+}
+
+@media (-moz-touch-enabled) {
+ :-moz-handler-clicktoplay .msgClickToPlay {
+ display: none;
+ }
+}
+
+.submitStatus div {
+ min-height: 19px; /* height of biggest line (with throbber) */
+}
+
+.submitComment {
+ width: 340px;
+ height: 70px;
+ padding: 5px;
+ border: none;
+ border-radius: 5px;
+ resize: none;
+ font-family: inherit;
+ font-size: inherit;
+}
+
+.submitURLOptInBox {
+ text-align: start;
+}
+
+.submitURLOptIn {
+ margin-left: -1px;
+}
+
+.mainBox[chromedir="rtl"] .submitURLOptIn {
+ margin-left: 0;
+ margin-right: -1px;
+}
+
+.submitButtonBox {
+ margin-top: 7px;
+}
+
+.submitButton {
+ float: right;
+}
+
+.mainBox[chromedir="rtl"] .submitButton {
+ float: left;
+}
+
+.helpIcon {
+ display: inline-block;
+ min-width: 16px;
+ min-height: 16px;
+ background: url(chrome://mozapps/skin/plugins/pluginHelp-16.png) no-repeat;
+ cursor: pointer;
+ float: left;
+}
+
+.mainBox[chromedir="rtl"] .helpIcon {
+ float: right;
+}
+
+.closeIcon {
+ display: block;
+ width: 16px;
+ height: 16px;
+ margin-top: 4px;
+ -moz-margin-start: -20px;
+ -moz-margin-end: 4px;
+ border: none;
+ background-color: transparent;
+ background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png");
+ background-repeat: no-repeat;
+}
+
+.closeIcon:hover {
+ background-position: -16px 0;
+}
+
+.closeIcon:hover:active {
+ background-position: -32px 0;
+}
+
+.action-link {
+ display: inline-block;
+ border-radius: 10px;
+ background-color: rgb(35, 35, 35);
+ padding: 2px 8px;
+ margin-top: 7px;
+ text-decoration: none;
+}
+.action-link:active {
+ background-color: rgb(20, 20, 20);
+}
+
+:-moz-handler-vulnerable-updatable .action-link {
+ background-color: #a81b0c;
+}
+:-moz-handler-vulnerable-updatable .action-link:active {
+ background-color: #801409;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css b/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css
new file mode 100644
index 0000000..7e9495d
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/profile/profileSelection.css
@@ -0,0 +1,25 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+
+@import url("chrome://global/skin/global.css");
+
+@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
+
+#profiles > listitem {
+ list-style-image: url("chrome://mozapps/skin/profile/profileicon.png");
+}
+
+#profiles > listitem > listcell > image {
+ width: 16px;
+ height: 16px;
+}
+
+box#managebuttons > button {
+ min-width: 8em;
+}
+
+#managebuttons {
+ padding-top: 1em;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/profile/profileicon.png b/arc-firefox-theme/chrome/mozapps/profile/profileicon.png
new file mode 100644
index 0000000..6a56793
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/profile/profileicon.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png b/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png
new file mode 100644
index 0000000..a5d0944
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/update/downloadButtons.png
Binary files differ
diff --git a/arc-firefox-theme/chrome/mozapps/update/updates.css b/arc-firefox-theme/chrome/mozapps/update/updates.css
new file mode 100644
index 0000000..d376634
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/update/updates.css
@@ -0,0 +1,161 @@
+/* General */
+/* Specify the size for the wizardpage so the billboard has a fixed size. 3rd
+ party themes should typically specify the same values. */
+wizardpage {
+ height: 360px;
+ width: 700px;
+}
+
+/* Remove margin and padding so the billboard will extend to the edge of the
+ window. 3rd party themes should typically specify the same values. */
+#updates, .wizard-page-box {
+ margin: 0;
+ padding: 0;
+}
+
+.update-header {
+ padding: 0px 10px;
+}
+
+.update-content {
+ padding: 10px;
+}
+
+.loadingBox {
+ padding: 3px 5px 3px 5px;
+}
+
+.remoteLoadingThrobber {
+ margin-top: 3px;
+}
+
+.remoteLoadingThrobber[state="loading"] {
+ list-style-image: url("chrome://global/skin/icons/loading_16.png");
+}
+
+.remoteLoadingThrobber[state="error"] {
+ list-style-image: url("moz-icon://stock/gtk-dialog-error?size=menu");
+}
+
+.wizard-buttons-separator {
+ margin-top: 0 !important;
+}
+
+#licenseContent, #incompatibleListbox {
+ -moz-margin-start: 6px;
+ -moz-margin-end: 6px;
+}
+
+.inline-link {
+ color: -moz-nativehyperlinktext;
+ text-decoration: none;
+}
+
+.inline-link:hover {
+ text-decoration: underline;
+}
+
+/* Unsupported Page */
+#unsupportedLabel, #unsupportedLinkLabel {
+ -moz-margin-start: 0;
+ -moz-padding-start: 0;
+}
+
+/* Update Found Basic Page */
+#updateName, #updateFinishedName {
+ font-weight: bold;
+ font-size: larger;
+}
+
+/* License Page */
+#licenseContent {
+ -moz-appearance: listbox;
+}
+
+/* Incompatible List Page */
+#incompatibleListbox {
+ margin-bottom: 6px;
+}
+
+/* Downloading Page */
+#downloadStatusLine {
+ -moz-box-align: center;
+}
+
+#downloadStatus {
+ height: 3em !important;
+}
+
+#downloadStatusProgress {
+ padding-right: 5px;
+}
+
+#pauseButton {
+ list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu");
+ -moz-appearance: none;
+ background-color: transparent;
+ border: none;
+ min-width: 0;
+ min-height: 0;
+ margin: 0;
+ padding: 0;
+}
+
+/* !Important must be used otherwise this won't immediately take affect */
+#pauseButton > .button-box {
+ padding: 0 !important;
+}
+
+#pauseButton[disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-media-pause?size=menu&state=disabled");
+}
+
+#pauseButton[paused="true"] {
+ list-style-image: url("moz-icon://stock/gtk-media-play?size=menu");
+}
+
+#pauseButton[paused="true"][disabled="true"] {
+ list-style-image: url("moz-icon://stock/gtk-media-play?size=menu&state=disabled");
+}
+
+#verificationFailedIcon {
+ margin-left: 5px;
+ list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=menu");
+}
+
+/* Error Page */
+#errorReason {
+ margin-top: 1px;
+ margin-bottom: 2px;
+ -moz-margin-start: 6px !important;
+ -moz-margin-end: 5px;
+ font-weight: bold;
+}
+
+/* Update History Window */
+update {
+ border-bottom: 1px dotted #C0C0C0;
+}
+
+.update-name {
+ font-weight: bold;
+}
+
+.update-label-column {
+ -moz-box-align: end;
+}
+
+.update-type {
+ font-weight: bold;
+ color: #990000;
+}
+
+#historyItems {
+ -moz-appearance: listbox;
+ height: 200px;
+ margin: 1px 5px 4px 5px;
+}
+
+#historyItems > scrollbox {
+ margin-bottom: 1px;
+}
diff --git a/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css b/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css
new file mode 100644
index 0000000..5c33c73
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/viewsource/viewsource.css
@@ -0,0 +1,122 @@
+/* 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/. */
+
+/* Stock icons for the menu bar items */
+menuitem:not([type]) {
+ -moz-binding: url("chrome://global/content/bindings/menu.xml#menuitem-iconic");
+}
+
+#menu_savePage {
+ list-style-image: url("moz-icon://stock/gtk-save-as?size=menu");
+}
+
+#menu_printPreview {
+ list-style-image: url("moz-icon://stock/gtk-print-preview?size=menu");
+}
+
+#menu_print {
+ list-style-image: url("moz-icon://stock/gtk-print?size=menu");
+}
+
+#menu_close {
+ list-style-image: url("moz-icon://stock/gtk-close?size=menu");
+}
+
+#menu_undo {
+ list-style-image: url("moz-icon://stock/gtk-undo?size=menu");
+}
+
+#menu_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 {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu");
+}
+
+#menu_cut[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-cut?size=menu&state=disabled");
+}
+
+#cMenu_copy,
+#menu_copy {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu");
+}
+
+#menu_copy[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-copy?size=menu&state=disabled");
+}
+
+#menu_paste {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu");
+}
+
+#menu_paste[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-paste?size=menu&state=disabled");
+}
+
+#menu_delete {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu");
+}
+
+#menu_delete[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-delete?size=menu&state=disabled");
+}
+
+#cMenu_selectAll,
+#menu_selectAll {
+ list-style-image: url("moz-icon://stock/gtk-select-all?size=menu");
+}
+
+#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");
+}
+
+#menu_goToLine {
+ list-style-image: url("moz-icon://stock/gtk-jump-to?size=menu");
+}
+
+#menu_goToLine[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-jump-to?size=menu&state=disabled");
+}
+
+#menu_reload {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu");
+}
+
+#menu_reload[disabled] {
+ list-style-image: url("moz-icon://stock/gtk-refresh?size=menu&state=disabled");
+}
+
+#menu_textEnlarge {
+ list-style-image: url("moz-icon://stock/gtk-zoom-in?size=menu");
+}
+
+#menu_textReduce {
+ list-style-image: url("moz-icon://stock/gtk-zoom-out?size=menu");
+}
+
+#menu_textReset {
+ list-style-image: url("moz-icon://stock/gtk-zoom-100?size=menu");
+}
+
+#menu_openHelp {
+ list-style-image: url("moz-icon://stock/gtk-help?size=menu");
+}
+
+#aboutName {
+ list-style-image: url("moz-icon://stock/gtk-about?size=menu");
+}
diff --git a/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css b/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css
new file mode 100644
index 0000000..da6bae2
--- /dev/null
+++ b/arc-firefox-theme/chrome/mozapps/xpinstall/xpinstallConfirm.css
@@ -0,0 +1,96 @@
+/* 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/. */
+
+#xpinstallheader {
+ margin-bottom: 2em;
+}
+
+#itemList {
+ -moz-appearance: listbox;
+ margin: 3px 4px 10px 4px;
+ height: 14em;
+ border: 2px solid;
+ -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
+ -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
+ -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+}
+
+#itemWarningIntro {
+ -moz-margin-start: 8px;
+}
+
+#dialogContentBox {
+ padding: 5px;
+}
+
+installitem {
+ padding-top: 5px;
+ padding-bottom: 5px;
+ -moz-padding-start: 5px;
+ -moz-padding-end: 0;
+ border-bottom: 1px dotted #C0C0C0;
+ margin-bottom: 5px;
+}
+
+.alert-icon {
+ -moz-margin-end: 20px;
+}
+
+.warning {
+ font-weight: bold;
+ font-size: 1.25em;
+ margin-bottom: 1em;
+}
+
+.xpinstallIconContainer {
+ width: 32px;
+ height: 32px;
+ -moz-margin-end: 5px;
+}
+
+.xpinstallItemName {
+ font-weight: bold;
+}
+
+.xpinstallItemSigned {
+ font-style: italic;
+ font-size: 0.9em;
+}
+
+.xpinstallItemURL {
+ -moz-appearance: none;
+ border: none;
+ padding: 0;
+ background-color: -moz-Field;
+ color: -moz-FieldText;
+ margin-top: 1px;
+ margin-bottom: 1px;
+ -moz-margin-start: 6px;
+ -moz-margin-end: 5px;
+}
+
+.xpinstallItemIcon {
+ max-width: 32px;
+ max-height: 32px;
+ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.png");
+}
+
+installitem[type="theme"] .xpinstallItemIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/themeGeneric.png");
+}
+
+installitem[type="locale"] .xpinstallItemIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/localeGeneric.png");
+}
+
+installitem[type="plugin"] .xpinstallItemIcon {
+ list-style-image: url("chrome://mozapps/skin/plugins/pluginGeneric.png");
+}
+
+installitem[type="dictionary"] .xpinstallItemIcon {
+ list-style-image: url("chrome://mozapps/skin/extensions/dictionaryGeneric.png");
+}
diff --git a/arc-firefox-theme/install.rdf b/arc-firefox-theme/install.rdf
new file mode 100644
index 0000000..97cd22c
--- /dev/null
+++ b/arc-firefox-theme/install.rdf
@@ -0,0 +1,25 @@
+<?xml version="1.0"?>
+
+<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:em="http://www.mozilla.org/2004/em-rdf#">
+
+ <Description about="urn:mozilla:install-manifest">
+ <em:id>{52c2877e-44e1-11e5-8874-a62d1d5d46B0}</em:id>
+ <em:version>40.20150819</em:version>
+ <em:type>4</em:type>
+ <em:name>Arc Firefox Theme</em:name>
+ <em:description>Arc Theme for Firefox</em:description>
+ <em:creator>horst3180</em:creator>
+ <em:internalName>arc-firefox-theme</em:internalName>
+ <em:skinnable>false</em:skinnable>
+
+ <em:targetApplication>
+ <Description>
+ <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
+ <em:minVersion>40.0</em:minVersion>
+ <em:maxVersion>42.*</em:maxVersion>
+ </Description>
+ </em:targetApplication>
+
+ </Description>
+</RDF>