From eb7373f4831ffd6bbc5ab72036ae1c10ff453172 Mon Sep 17 00:00:00 2001 From: Aleksandr Seleznev Date: Sun, 17 May 2015 12:55:18 +0600 Subject: [PATCH] Rebase on Firefox 38.0.1 Conflicts: * theme/shared/browser/aboutSessionRestore.css * theme/shared/browser/aboutTabCrashed.css * theme/shared/browser/browser.css * theme/shared/browser/downloads/downloads.css * theme/shared/browser/preferences/in-content/preferences.css * theme/shared/global/config.css * theme/shared/global/in-content/common.css --- config.json | 4 +- theme/{chrome-37 => chrome-38}/.empty | 0 theme/shared/browser/aboutSessionRestore.css | 69 +-- theme/shared/browser/aboutTabCrashed.css | 109 +--- theme/shared/browser/aboutWelcomeBack.css | 43 +- theme/shared/browser/browser.css | 258 ++++---- .../browser/customizableui/panelUIOverlay.css | 6 + theme/shared/browser/devedition.css | 68 ++- .../browser/devtools/animationinspector.css | 78 ++- .../browser/devtools/canvasdebugger.css | 8 +- theme/shared/browser/devtools/dark-theme.css | 87 ++- theme/shared/browser/devtools/filters.svg | 11 + theme/shared/browser/devtools/light-theme.css | 87 ++- theme/shared/browser/devtools/netmonitor.css | 26 +- .../browser/devtools/performance-icons.svg | 18 +- theme/shared/browser/devtools/performance.css | 108 +++- theme/shared/browser/devtools/power.svg | 14 + theme/shared/browser/devtools/profiler.css | 13 +- .../shared/browser/devtools/shadereditor.css | 9 - theme/shared/browser/devtools/splitview.css | 11 +- .../browser/devtools/webaudioeditor.css | 92 ++- theme/shared/browser/devtools/webconsole.css | 11 + theme/shared/browser/dots.png | Bin 496 -> 0 bytes theme/shared/browser/dots@2x.png | Bin 519 -> 0 bytes .../downloads/allDownloadsViewOverlay.css | 8 + theme/shared/browser/downloads/downloads.css | 1 + theme/shared/browser/pageInfo.css | 26 +- theme/shared/browser/places/places.css | 5 + .../browser/preferences/in-content/icons.png | Bin 4749 -> 0 bytes .../browser/preferences/in-content/icons.svg | 129 ++++ .../preferences/in-content/icons@2x.png | Bin 11707 -> 0 bytes .../preferences/in-content/preferences.css | 92 ++- .../browser/preferences/in-content/search.css | 20 +- .../browser/preferences/preferences.css | 1 + theme/shared/browser/reader-tour.png | Bin 0 -> 12172 bytes theme/shared/browser/readerMode.svg | 34 ++ theme/shared/browser/readinglist/icons.svg | 56 ++ .../browser/readinglist/readinglist-icon.svg | 9 + theme/shared/browser/readinglist/sidebar.css | 148 +++++ theme/shared/browser/session-restore.svg | 12 + theme/shared/browser/tab-crashed.svg | 16 + theme/shared/browser/tabbrowser/crashed.svg | 11 + theme/shared/browser/update-badge.svg | 3 + theme/shared/browser/welcome-back.svg | 17 + theme/shared/global/aboutReader.css | 554 ++++++++++++++++++ theme/shared/global/aboutSupport.css | 13 +- theme/shared/global/config.css | 24 +- theme/shared/global/icons/warning.svg | 12 + .../global/in-content/check-partial.svg | 31 + theme/shared/global/in-content/common.css | 83 ++- theme/shared/global/in-content/info-pages.css | 89 +++ theme/shared/global/in-content/sorter.png | Bin 264 -> 0 bytes theme/shared/global/in-content/sorter@2x.png | Bin 523 -> 0 bytes .../global/media/videoClickToPlayButton.svg | 38 +- theme/shared/global/reader/RM-Add-24x24.svg | 6 + theme/shared/global/reader/RM-Close-24x24.svg | 31 + .../shared/global/reader/RM-Delete-24x24.svg | 6 + theme/shared/global/reader/RM-Minus-24x24.svg | 39 ++ theme/shared/global/reader/RM-Plus-24x24.svg | 39 ++ .../global/reader/RM-Reading-List-24x24.svg | 46 ++ .../global/reader/RM-Type-Controls-24x24.svg | 23 + .../global/reader/RM-Type-Controls-Arrow.svg | 42 ++ theme/shared/mozapps/extensions/utilities.svg | 25 + 63 files changed, 2278 insertions(+), 541 deletions(-) rename theme/{chrome-37 => chrome-38}/.empty (100%) create mode 100644 theme/shared/browser/devtools/power.svg delete mode 100644 theme/shared/browser/dots.png delete mode 100644 theme/shared/browser/dots@2x.png delete mode 100644 theme/shared/browser/preferences/in-content/icons.png create mode 100644 theme/shared/browser/preferences/in-content/icons.svg delete mode 100644 theme/shared/browser/preferences/in-content/icons@2x.png create mode 100644 theme/shared/browser/reader-tour.png create mode 100644 theme/shared/browser/readerMode.svg create mode 100644 theme/shared/browser/readinglist/icons.svg create mode 100644 theme/shared/browser/readinglist/readinglist-icon.svg create mode 100644 theme/shared/browser/readinglist/sidebar.css create mode 100644 theme/shared/browser/session-restore.svg create mode 100644 theme/shared/browser/tab-crashed.svg create mode 100644 theme/shared/browser/tabbrowser/crashed.svg create mode 100644 theme/shared/browser/update-badge.svg create mode 100644 theme/shared/browser/welcome-back.svg create mode 100644 theme/shared/global/icons/warning.svg create mode 100644 theme/shared/global/in-content/check-partial.svg create mode 100644 theme/shared/global/in-content/info-pages.css delete mode 100644 theme/shared/global/in-content/sorter.png delete mode 100644 theme/shared/global/in-content/sorter@2x.png create mode 100644 theme/shared/global/reader/RM-Add-24x24.svg create mode 100644 theme/shared/global/reader/RM-Close-24x24.svg create mode 100644 theme/shared/global/reader/RM-Delete-24x24.svg create mode 100644 theme/shared/global/reader/RM-Minus-24x24.svg create mode 100644 theme/shared/global/reader/RM-Plus-24x24.svg create mode 100644 theme/shared/global/reader/RM-Reading-List-24x24.svg create mode 100644 theme/shared/global/reader/RM-Type-Controls-24x24.svg create mode 100644 theme/shared/global/reader/RM-Type-Controls-Arrow.svg create mode 100644 theme/shared/mozapps/extensions/utilities.svg diff --git a/config.json b/config.json index 912848cc..02810452 100644 --- a/config.json +++ b/config.json @@ -1,7 +1,7 @@ { "version": "35.1", - "min-version": "37.0", - "max-version": "40.0a1", + "min-version": "38.0", + "max-version": "41.0a1", "theme": { "xpi": "gnome-firefox-theme.xpi" }, diff --git a/theme/chrome-37/.empty b/theme/chrome-38/.empty similarity index 100% rename from theme/chrome-37/.empty rename to theme/chrome-38/.empty diff --git a/theme/shared/browser/aboutSessionRestore.css b/theme/shared/browser/aboutSessionRestore.css index a23f50c1..6f4036fd 100644 --- a/theme/shared/browser/aboutSessionRestore.css +++ b/theme/shared/browser/aboutSessionRestore.css @@ -1,43 +1,12 @@ -html { - height: 100%; -} - -body { - height: 100%; - text-align: center; -} - -#errorPageContainer { -/* background-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog");*/ - display: -moz-box; - width: -moz-available; - height: 70%; - -moz-box-orient: vertical; - text-align: start; -} - -#errorShortDesc > p { - margin-top: 0.4em; - margin-bottom: 0; -} - -#errorLongContent, #errorTrailerDesc { - display: -moz-box; - -moz-box-flex: 1; - -moz-box-orient: vertical; -} - -#tabList { - margin-top: 2.5em; - width: 100%; - min-height: 12em; +.title { + background-image: url("chrome://browser/skin/session-restore.svg"); } treechildren::-moz-tree-image(icon), treechildren::-moz-tree-image(noicon) { padding-right: 2px; - margin: 0px 2px; + margin: 0 2px; width: 16px; height: 16px; } @@ -48,33 +17,17 @@ treechildren::-moz-tree-image(noicon) { treechildren::-moz-tree-image(container, noicon) { list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); } -treechildren::-moz-tree-image(checked) { - list-style-image: url("chrome://global/skin/checkbox/cbox-check.gif"); -} -treechildren::-moz-tree-image(partial) { - list-style-image: url("chrome://global/skin/checkbox/cbox-check-dis.gif"); -} -/* undo odd row highlighting from tree.css */ -treechildren::-moz-tree-row(odd) { - background-color: transparent; -} -treechildren::-moz-tree-row(odd, selected, focus) { - background-color: Highlight; -} - -/* highlight "windows" instead */ -treechildren::-moz-tree-row(alternate) { - background-color: -moz-oddtreerow; +treechildren::-moz-tree-image(checked) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check"); } -treechildren::-moz-tree-row(alternate, selected) { - background-color: Highlight; +treechildren::-moz-tree-image(checked, selected) { + list-style-image: url("chrome://global/skin/in-content/check.svg#check-inverted"); } -#buttons { - -moz-margin-start: 80px; /* same as #errorLongContent in netError.css */ +treechildren::-moz-tree-image(partial) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial"); } -#buttons > button { - margin-top: 2em; - -moz-margin-start: 5px; +treechildren::-moz-tree-image(partial, selected) { + list-style-image: url("chrome://global/skin/in-content/check-partial.svg#check-partial-inverted"); } diff --git a/theme/shared/browser/aboutTabCrashed.css b/theme/shared/browser/aboutTabCrashed.css index 09be985f..2ef767eb 100644 --- a/theme/shared/browser/aboutTabCrashed.css +++ b/theme/shared/browser/aboutTabCrashed.css @@ -1,108 +1,11 @@ -body { - background-color: rgb(241, 244, 248); - margin-top: 2em; - font: message-box; - font-size: 100%; -} - -p { - font-size: .8em; -} +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -#error-box { - background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; - -moz-padding-start: 30px; +.title { + background-image: url("chrome://browser/skin/tab-crashed.svg"); } -#error-box:-moz-locale-dir(rtl) { - background-position: right 4px; -} - -#main-error-msg { - color: #4b4b4b; +#reportSent { font-weight: bold; } - -#report-box { - text-align: center; - width: 75%; - margin: 0 auto; - display: none; -} - -.crashDumpAvailable #report-box { - display: block; -} - -#button-box { - text-align: center; - width: 75%; - margin: 0 auto; -} - -@media all and (min-width: 300px) { - #error-box { - max-width: 50%; - margin: 0 auto; - background-image: url('chrome://global/skin/icons/information-32.png'); - min-height: 36px; - -moz-padding-start: 38px; - } - - button { - width: auto !important; - min-width: 150px; - } -} - -@media all and (min-width: 780px) { - #error-box { - max-width: 30%; - } -} - -button { - font: message-box; - font-size: 0.6875em; - -moz-appearance: none; - -moz-user-select: none; - width: 100%; - margin: 2px 0; - padding: 2px 6px; - line-height: 1.2; - background-color: hsla(210,30%,95%,.1); - background-image: linear-gradient(hsla(0,0%,100%,.6), hsla(0,0%,100%,.1)); - background-clip: padding-box; - border: 1px solid hsla(210,15%,25%,.4); - border-color: hsla(210,15%,25%,.3) hsla(210,15%,25%,.35) hsla(210,15%,25%,.4); - border-radius: 3px; - box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, - 0 0 0 1px hsla(0,0%,100%,.3) inset, - 0 1px 0 hsla(0,0%,100%,.1); - - transition-property: background-color, border-color, box-shadow; - transition-duration: 150ms; - transition-timing-function: ease; - -} - -button:hover { - background-color: hsla(210,30%,95%,.8); - border-color: hsla(210,15%,25%,.45) hsla(210,15%,25%,.5) hsla(210,15%,25%,.55); - box-shadow: 0 1px 0 hsla(0,0%,100%,.3) inset, - 0 0 0 1px hsla(0,0%,100%,.3) inset, - 0 1px 0 hsla(0,0%,100%,.1), - 0 0 3px hsla(210,15%,25%,.1); - transition-property: background-color, border-color, box-shadow; - transition-duration: 150ms; - transition-timing-function: ease; -} - -button:hover:active { - background-color: hsla(210,15%,25%,.2); - box-shadow: 0 1px 1px hsla(210,15%,25%,.2) inset, - 0 0 2px hsla(210,15%,25%,.4) inset; - transition-property: background-color, border-color, box-shadow; - transition-duration: 10ms; - transition-timing-function: linear; -} diff --git a/theme/shared/browser/aboutWelcomeBack.css b/theme/shared/browser/aboutWelcomeBack.css index dd79400b..eb0b7a90 100644 --- a/theme/shared/browser/aboutWelcomeBack.css +++ b/theme/shared/browser/aboutWelcomeBack.css @@ -2,9 +2,12 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -#errorPageContainer { - background-image: url("chrome://global/skin/icons/information-64.png"); - height: auto; +.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 @@ -18,25 +21,31 @@ display: -moz-box; } -.radioRestoreContainer { - display: flex; +treechildren::-moz-tree-image(icon), +treechildren::-moz-tree-image(noicon) { + padding-right: 2px; + margin: 0 2px; + width: 16px; + height: 16px; } -.radioRestoreButton { - flex: 0 0 auto; +treechildren::-moz-tree-image(noicon) { + list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } - -.radioRestoreButton:-moz-focusring { - outline: 1px dotted black; +treechildren::-moz-tree-image(container, noicon) { + list-style-image: url("chrome://browser/skin/aboutSessionRestore-window-icon.png"); } -.radioChooseLabel { - flex: 1 1 auto; +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"); } -/* We want errorTrailerDesc to have the same padding-top as errorShortDesc - has padding-bottom -*/ -#errorTrailerDesc { - padding-top: 1em; +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"); +} \ No newline at end of file diff --git a/theme/shared/browser/browser.css b/theme/shared/browser/browser.css index 2ea508f0..ca3d26a4 100644 --- a/theme/shared/browser/browser.css +++ b/theme/shared/browser/browser.css @@ -581,6 +581,11 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { 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"); +} + #menu_openDownloads { list-style-image: url("chrome://browser/skin/Toolbar-small.png"); -moz-image-region: rect(0px 16px 16px 0px); @@ -596,6 +601,7 @@ menuitem:not([type]):not(.menuitem-tooltip):not(.menuitem-iconic-tooltip) { 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"); } @@ -1618,7 +1624,6 @@ toolbarpaletteitem[place="palette"] > :-moz-any(#edit-controls, #zoom-controls) } .popup-notification-icon[popupid="indexedDB-permissions-prompt"], -.popup-notification-icon[popupid="indexedDB-quota-prompt"], .popup-notification-icon[popupid*="offline-app-requested"], .popup-notification-icon[popupid="offline-app-usage"] { list-style-image: url(chrome://global/skin/icons/question-64.png); @@ -1964,6 +1969,16 @@ notification[value="translation"][state="translating"] .messageImage { /* */ +/* 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; } @@ -2137,6 +2152,58 @@ richlistitem[selected="true"][type~="action"][actiontype="switchtab"] > .ac-url- opacity: .5; } +/* 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 { @@ -2396,16 +2463,16 @@ richlistitem[selected="true"][type~="action"][actiontype="switchtab"] > .ac-url- } */ -#TabsToolbar toolbarbutton { - -moz-appearance: none; - margin-bottom: 2px; +/* +:root { + --tab-toolbar-navbar-overlap: 1px; + --tab-min-height: 31px; } -#TabsToolbar > toolbarbutton toolbarbutton { - background: transparent !important; - border: none !important; - box-shadow: none !important; +#tabbrowser-tabs { + min-height: var(--tab-min-height); } +*/ .tabbrowser-tabs { -moz-margin-start: 0; @@ -2417,6 +2484,17 @@ richlistitem[selected="true"][type~="action"][actiontype="switchtab"] > .ac-url- z-index: auto; } +#TabsToolbar toolbarbutton { + -moz-appearance: none; + margin-bottom: 2px; +} + +#TabsToolbar > toolbarbutton toolbarbutton { + background: transparent !important; + border: none !important; + box-shadow: none !important; +} + /* put some space between the newtab-button and regular tabs and align it vetically with the close button*/ .tabs-newtab-button { margin-top: 2px; @@ -2629,14 +2707,18 @@ richlistitem[selected="true"][type~="action"][actiontype="switchtab"] > .ac-url- list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); } -/* Handle a case where the last separator in a customized tab bar with a - separated new tab button causes the width of the tab to extend and causes - jittering with a small tab curve width (Bug 1111091). */ -/* -#TabsToolbar[currentset]:not([currentset*="tabbrowser-tabs,new-tab-button"]) #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { - -moz-margin-start: -3px; - -moz-margin-end: 0; -*/ +.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); @@ -2843,46 +2925,6 @@ richlistitem[selected="true"][type~="action"][actiontype="switchtab"] > .ac-url- filter: url(chrome://browser/skin/symbolic-icons-colors.svg#white); } -/* Tab Overflow */ - -/* -.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]), -.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) { - background-image: url(chrome://browser/skin/tabbrowser/tab-overflow-indicator.png); - background-size: 100% 100%; - width: 14px; - margin-bottom: 1px; - pointer-events: none; - position: relative; - z-index: 3; -} - -.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; -} -*/ - /* */ /* @@ -4210,6 +4252,17 @@ chatbox { 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); } +} + /* Customization mode */ #main-window[customizing] #navigator-toolbox { @@ -4891,61 +4944,17 @@ toolbarpaletteitem[place="toolbar"] { background-color: rgb(105,173,61); } -.SearchHighlight { - -moz-margin-end: 6px; - font-size: 110%; - width: 225px; -} - -.SearchHighlight label, -.SearchHighlight description { - color: #535353; - margin: 0 0 8px 0; - padding: 0; -} - -.SearchHighlightTitle { - font-weight: bold; -} - -.SearchHighlight .dot { - width: 7px; - height: 7px; - background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 100%, 100%, 9); - background-size: 7px; - background-position: center center; - background-repeat: no-repeat; - -moz-margin-end: 2px; -} - -.SearchHighlight .dot.filled { - background-image: -moz-image-rect(url("chrome://browser/skin/dots.png"), 0, 7, 100%, 0); -} - -.SearchHighlight button { - margin: 0; - /* On some platforms clicking the button will steal focus from the search box - causing the popup to close. */ - -moz-user-focus: ignore; -} - -@media not all and (max-resolution: 1dppx) { - .SearchHighlight .dot { - background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 100%, 100%, 18); - } - - .SearchHighlight .dot.filled { - background-image: -moz-image-rect(url("chrome://browser/skin/dots@2x.png"), 0, 14, 100%, 0); - } -} - /* Notification overrides for Heartbeat UI */ notification.heartbeat { background-color: #F1F1F1; - box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.35); + 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; @@ -4980,17 +4989,17 @@ notification.heartbeat { .messageText.heartbeat { color: #333333; - font-weight: normal; - font-family: "Lucida Grande", Segoe, Ubuntu; - font-size: 14px; - line-height: 16px; text-shadow: none; + -moz-margin-start: 0px; + /* The !important is required to override OSX default style. */ + -moz-margin-end: 12px !important; } .messageImage.heartbeat { - width: 36px; - height: 36px; - -moz-margin-end: 10px; + width: 24px; + height: 24px; + -moz-margin-start: 8px; + -moz-margin-end: 8px; } .messageImage.heartbeat.pulse-onshow { @@ -5007,9 +5016,25 @@ notification.heartbeat { 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 { @@ -5031,16 +5056,15 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - width: 24px; - height: 24px; + /* 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"); - cursor: pointer; - width: 24px; - height: 24px; } #UITourHighlight { diff --git a/theme/shared/browser/customizableui/panelUIOverlay.css b/theme/shared/browser/customizableui/panelUIOverlay.css index 52f7cec9..8c1e5e38 100644 --- a/theme/shared/browser/customizableui/panelUIOverlay.css +++ b/theme/shared/browser/customizableui/panelUIOverlay.css @@ -94,6 +94,12 @@ background-position: 100% 0, calc(100% - 1px) 0, calc(100% - 2px) 0; } +#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; diff --git a/theme/shared/browser/devedition.css b/theme/shared/browser/devedition.css index 23f4e92e..272118b5 100644 --- a/theme/shared/browser/devedition.css +++ b/theme/shared/browser/devedition.css @@ -5,7 +5,8 @@ there are overrides for each platform in their devedition.css files. */ :root { - --space-above-tabbar: 1px; + --tab-toolbar-navbar-overlap: 0px; + --space-above-tabbar: 0px; --toolbarbutton-text-shadow: none; --panel-ui-button-background-size: 1px calc(100% - 1px); --panel-ui-button-background-position: 1px 0px; @@ -30,9 +31,9 @@ --tab-separator-color: #474C50; --tab-selection-color: #f5f7fa; --tab-selection-background-color: #1a4666; - --tab-selection-box-shadow: 0 2px 0 #d7f1ff inset, - 0 8px 3px -5px #2b82bf inset, - 0 -1px 0 rgba(0,0,0,.2) inset; + --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 */ @@ -90,9 +91,9 @@ --tab-separator-color: #C6C6C7; --tab-selection-color: #f5f7fa; --tab-selection-background-color: #4c9ed9; - --tab-selection-box-shadow: 0 2px 0 #d7f1ff inset, - 0 8px 3px -5px #319BDB inset, - 0 -1px 0 #2A7CB1 inset; + --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%); @@ -154,7 +155,8 @@ /* End override @tabCurveHalfWidth@ and @tabCurveWidth@ */ #urlbar ::-moz-selection, -#navigator-toolbox .searchbar-textbox ::-moz-selection { +#navigator-toolbox .searchbar-textbox ::-moz-selection, +.browserContainer > findbar ::-moz-selection { background-color: var(--chrome-selection-background-color); color: var(--chrome-selection-color); } @@ -175,10 +177,20 @@ #navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar), .browserContainer > findbar, #browser-bottombox { - background: var(--chrome-secondary-background-color) !important; + background-color: var(--chrome-secondary-background-color) !important; color: var(--chrome-color); } +.browserContainer > findbar { + background-image: none; +} + +/* 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 { @@ -225,9 +237,10 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { /* Nav bar specific stuff */ #nav-bar { margin-top: 0 !important; - border: none !important; + border-top: none !important; + border-bottom: none !important; border-radius: 0 !important; - box-shadow: 0 1px var(--chrome-nav-bar-separator-color) inset !important; + box-shadow: 0 -1px var(--chrome-nav-bar-separator-color) !important; background-image: none !important; } @@ -238,11 +251,6 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper { padding-bottom: 0; } -/* No extra border when customizing since the nav bar doesn't have one */ -#main-window[customize-entered] #customization-container { - border: none; -} - /* Use smaller back button icon */ #back-button { -moz-image-region: rect(0, 54px, 18px, 36px); @@ -258,13 +266,23 @@ searchbar:not([oneoffui]) .search-go-button { 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([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before, #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after { - background-image: linear-gradient(to top, var(--tab-separator-color), var(--tab-separator-color)); - background-position: 1px 0; - background-repeat: no-repeat; - background-size: 1px 100%; + background: var(--tab-separator-color); + 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([selected]):not([beforehovered]):not(:hover)::after { + -moz-margin-start: -1px; + -moz-margin-end: 0; } .tabbrowser-arrowscrollbox > .scrollbutton-down, @@ -282,11 +300,9 @@ searchbar:not([oneoffui]) .search-go-button { /* 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; - background-color: var(--tab-background-color); } .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content { - /* The -2px in `calc` is the height of `tabToolbarNavbarOverlap` plus a 1px offset from the center */ background-image: var(--pinned-tab-glow); background-position: center; background-size: 100%; @@ -309,14 +325,6 @@ searchbar:not([oneoffui]) .search-go-button { width: 36px; } -/* Override @tabToolbarNavbarOverlap@ */ -#TabsToolbar .toolbarbutton-1, -.tabbrowser-arrowscrollbox > .scrollbutton-up, -.tabbrowser-arrowscrollbox > .scrollbutton-down { - margin-bottom: 0; -} - -#TabsToolbar > #new-tab-button:hover, .tabs-newtab-button:hover { /* Important needed because !important is used in browser.css */ background-color: var(--tab-hover-background-color) !important; diff --git a/theme/shared/browser/devtools/animationinspector.css b/theme/shared/browser/devtools/animationinspector.css index 395fb73c..c632d912 100644 --- a/theme/shared/browser/devtools/animationinspector.css +++ b/theme/shared/browser/devtools/animationinspector.css @@ -1,25 +1,65 @@ +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: 0px 1px; + min-height: 20px; } /* The error message, shown when an invalid/unanimated element is selected */ #error-message { - margin-top: 10%; + padding-top: 10%; text-align: center; + flex: 1; + overflow: auto; /* The error message is hidden by default */ display: none; } -/* Element picker button */ +/* The animation players container */ + +#players { + flex: 1; + overflow: auto; +} + +/* Element picker and toggle-all buttons */ -#element-picker { +#element-picker, +#toggle-all { position: relative; } -#element-picker::before { +#element-picker::before, +#toggle-all::before { content: ""; display: block; width: 16px; @@ -31,23 +71,45 @@ body { 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: 2dppx) { #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"); + } +} + +/* Disabled playerWidget when the animation has ended */ + +.finished { + pointer-events: none; + opacity: .5; } /* Animation title gutter, contains the name, duration, iteration */ .animation-title { background-color: var(--theme-toolbar-background); - color: var(--theme-content-color3); border-bottom: 1px solid var(--theme-splitter-color); padding: 1px 4px; word-wrap: break-word; @@ -91,7 +153,8 @@ body { background-image: url(debugger-pause.png); } -.paused .timeline .toggle::before { +.paused .timeline .toggle::before, +.finished .timeline .toggle::before { background-image: url(debugger-play.png); } @@ -100,7 +163,8 @@ body { background-image: url(debugger-pause@2x.png); } - .paused .timeline .toggle::before { + .paused .timeline .toggle::before, + .finished .timeline .toggle::before { background-image: url(debugger-play@2x.png); } } diff --git a/theme/shared/browser/devtools/canvasdebugger.css b/theme/shared/browser/devtools/canvasdebugger.css index d9f15b46..24b191c3 100644 --- a/theme/shared/browser/devtools/canvasdebugger.css +++ b/theme/shared/browser/devtools/canvasdebugger.css @@ -116,14 +116,8 @@ pointer-events: none; } -.snapshot-item-footer[saving]::before { - display: inline-block; - content: ""; - background: url("chrome://global/skin/icons/loading_16.png") center no-repeat; - width: 16px; - height: 16px; +.snapshot-item-footer.devtools-throbber::before { margin-top: -2px; - -moz-margin-end: 4px; } #snapshots-list .selected label { diff --git a/theme/shared/browser/devtools/dark-theme.css b/theme/shared/browser/devtools/dark-theme.css index 61fc3fb4..1f90b493 100644 --- a/theme/shared/browser/devtools/dark-theme.css +++ b/theme/shared/browser/devtools/dark-theme.css @@ -191,7 +191,8 @@ .theme-toolbar, .devtools-toolbar, -.devtools-sidebar-tabs > tabs, +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs, .CodeMirror-dialog { /* General toolbar styling */ color: var(--theme-body-color-alt); background-color: var(--theme-toolbar-background); @@ -405,7 +406,8 @@ div.CodeMirror span.eval-text { /* Toolbars */ .devtools-toolbar, -.devtools-sidebar-tabs > tabs { +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs { -moz-appearance: none; padding: 0; border-width: 0; @@ -806,19 +808,30 @@ div.CodeMirror span.eval-text { color: var(--theme-body-color); } -.devtools-sidebar-tabs > tabs { +.devtools-sidebar-tabs tabs { position: static; font: inherit; margin-bottom: 0; overflow: hidden; } -.devtools-sidebar-tabs > tabs > .tabs-right, -.devtools-sidebar-tabs > tabs > .tabs-left { +.devtools-sidebar-alltabs { + margin: 0; + border-width: 0 0 1px 0; + -moz-border-start-width: 1px; + border-style: solid; +} + +.devtools-sidebar-alltabs dropmarker { display: none; } -.devtools-sidebar-tabs > tabs > tab { +.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), @@ -839,70 +852,70 @@ div.CodeMirror span.eval-text { text-shadow: none; } -.devtools-sidebar-tabs > tabs > tab:first-child { +.devtools-sidebar-tabs tabs > tab:first-child { -moz-border-start-width: 0; } -.theme-dark .devtools-sidebar-tabs > tabs > tab { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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); @@ -1124,7 +1137,7 @@ div.CodeMirror span.eval-text { -moz-box-align: center; min-width: 32px; min-height: 24px; - max-width: 127px; + max-width: 110px; margin: 0; padding: 0; border-style: solid; @@ -1269,8 +1282,7 @@ div.CodeMirror span.eval-text { .theme-light .scrollbutton-up > .toolbarbutton-icon, .theme-light .scrollbutton-down > .toolbarbutton-icon, .theme-light #black-boxed-message-button .button-icon, -.theme-light #profiling-notice-button .button-icon, -.theme-light #canvas-debugging-empty-notice-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, @@ -1284,7 +1296,8 @@ div.CodeMirror span.eval-text { .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 #profiler-start[checked] > image, +.theme-light .notice-container button[checked] .button-icon { filter: none !important; } @@ -1315,3 +1328,25 @@ div.CodeMirror span.eval-text { 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/theme/shared/browser/devtools/filters.svg b/theme/shared/browser/devtools/filters.svg index 69c6bc3e..916028be 100644 --- a/theme/shared/browser/devtools/filters.svg +++ b/theme/shared/browser/devtools/filters.svg @@ -13,4 +13,15 @@ + + + + + + + + + + + diff --git a/theme/shared/browser/devtools/light-theme.css b/theme/shared/browser/devtools/light-theme.css index 87be9ea6..b13e6829 100644 --- a/theme/shared/browser/devtools/light-theme.css +++ b/theme/shared/browser/devtools/light-theme.css @@ -194,7 +194,8 @@ .theme-toolbar, .devtools-toolbar, -.devtools-sidebar-tabs > tabs, +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs, .CodeMirror-dialog { /* General toolbar styling */ color: var(--theme-body-color-alt); background-color: var(--theme-toolbar-background); @@ -403,7 +404,8 @@ div.CodeMirror span.eval-text { /* Toolbars */ .devtools-toolbar, -.devtools-sidebar-tabs > tabs { +.devtools-sidebar-tabs tabs, +.devtools-sidebar-alltabs { -moz-appearance: none; padding: 0; border-width: 0; @@ -804,19 +806,30 @@ div.CodeMirror span.eval-text { color: var(--theme-body-color); } -.devtools-sidebar-tabs > tabs { +.devtools-sidebar-tabs tabs { position: static; font: inherit; margin-bottom: 0; overflow: hidden; } -.devtools-sidebar-tabs > tabs > .tabs-right, -.devtools-sidebar-tabs > tabs > .tabs-left { +.devtools-sidebar-alltabs { + margin: 0; + border-width: 0 0 1px 0; + -moz-border-start-width: 1px; + border-style: solid; +} + +.devtools-sidebar-alltabs dropmarker { display: none; } -.devtools-sidebar-tabs > tabs > tab { +.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), @@ -837,70 +850,70 @@ div.CodeMirror span.eval-text { text-shadow: none; } -.devtools-sidebar-tabs > tabs > tab:first-child { +.devtools-sidebar-tabs tabs > tab:first-child { -moz-border-start-width: 0; } -.theme-dark .devtools-sidebar-tabs > tabs > tab { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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 { +.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); @@ -1122,7 +1135,7 @@ div.CodeMirror span.eval-text { -moz-box-align: center; min-width: 32px; min-height: 24px; - max-width: 127px; + max-width: 110px; margin: 0; padding: 0; border-style: solid; @@ -1267,8 +1280,7 @@ div.CodeMirror span.eval-text { .theme-light .scrollbutton-up > .toolbarbutton-icon, .theme-light .scrollbutton-down > .toolbarbutton-icon, .theme-light #black-boxed-message-button .button-icon, -.theme-light #profiling-notice-button .button-icon, -.theme-light #canvas-debugging-empty-notice-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, @@ -1282,7 +1294,8 @@ div.CodeMirror span.eval-text { .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 #profiler-start[checked] > image, +.theme-light .notice-container button[checked] .button-icon { filter: none !important; } @@ -1313,3 +1326,25 @@ div.CodeMirror span.eval-text { 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/theme/shared/browser/devtools/netmonitor.css b/theme/shared/browser/devtools/netmonitor.css index 508949db..1724759f 100644 --- a/theme/shared/browser/devtools/netmonitor.css +++ b/theme/shared/browser/devtools/netmonitor.css @@ -177,6 +177,11 @@ 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); @@ -192,6 +197,11 @@ width: 8em; } +.requests-menu-transferred { + text-align: center; + width: 8em; +} + /* Network requests table: status codes */ box.requests-menu-status { @@ -484,6 +494,7 @@ label.requests-menu-status-code { } .tabpanel-summary-value { + color: inherit; -moz-padding-start: 3px; } @@ -568,8 +579,19 @@ label.requests-menu-status-code { overflow: auto; } -#security-error-message { - white-space: pre-wrap; +.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: 2dppx) { + .security-warning-icon { + background-image: url(alerticon-warning@2x.png); + } } /* Custom request form */ diff --git a/theme/shared/browser/devtools/performance-icons.svg b/theme/shared/browser/devtools/performance-icons.svg index 2a9292d8..8bea9976 100644 --- a/theme/shared/browser/devtools/performance-icons.svg +++ b/theme/shared/browser/devtools/performance-icons.svg @@ -27,16 +27,16 @@ - - - - + + + + - - - - - + + + + + diff --git a/theme/shared/browser/devtools/performance.css b/theme/shared/browser/devtools/performance.css index 8ad74d20..198e56a1 100644 --- a/theme/shared/browser/devtools/performance.css +++ b/theme/shared/browser/devtools/performance.css @@ -29,31 +29,65 @@ -moz-border-end-color: var(--theme-splitter-color); } +#performance-toolbar-controls-detail-views > toolbarbutton { + min-width: 0; +} + +#performance-toolbar-controls-detail-views .toolbarbutton-text { + -moz-padding-start: 4px; + -moz-padding-end: 8px; +} + +/* 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; +} + /* Overview Panel */ -#record-button { +.record-button { list-style-image: url(profiler-stopwatch.svg); } -#record-button[checked] { +.record-button[checked] { list-style-image: url(profiler-stopwatch-checked.svg); } -#record-button[locked] { +.record-button[locked] { pointer-events: none; } +.record-button .button-icon { + margin: 0; +} + +.record-button .button-text { + display: none; +} + /* Details Panel */ #select-waterfall-view { list-style-image: url(performance-icons.svg#details-waterfall); } -#select-calltree-view { +#select-js-calltree-view, +#select-memory-calltree-view { list-style-image: url(performance-icons.svg#details-call-tree); } -#select-flamegraph-view { +#select-js-flamegraph-view, +#select-memory-flamegraph-view { list-style-image: url(performance-icons.svg#details-flamegraph); } @@ -65,27 +99,42 @@ overflow: auto; } +.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="allocations"], +.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="self-allocations"], .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: 9em; + 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: 6em; + width: 5vw; } .call-tree-header[type="samples"], .call-tree-cell[type="samples"] { - width: 5em; + 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: 7vw; } .call-tree-header[type="function"], @@ -146,7 +195,8 @@ .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-line, +.call-tree-item:not([origin="content"]) .call-tree-column { /* Style chrome and non-JS nodes differently. */ opacity: 0.6; } @@ -168,14 +218,21 @@ 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; } @@ -280,7 +337,8 @@ } .waterfall-header-name { - padding: 4px; + padding: 2px 4px; + font-size: 90%; } .waterfall-header-tick { @@ -365,3 +423,33 @@ .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; +} diff --git a/theme/shared/browser/devtools/power.svg b/theme/shared/browser/devtools/power.svg new file mode 100644 index 00000000..28889519 --- /dev/null +++ b/theme/shared/browser/devtools/power.svg @@ -0,0 +1,14 @@ + + + + diff --git a/theme/shared/browser/devtools/profiler.css b/theme/shared/browser/devtools/profiler.css index ebad7880..2e29fe83 100644 --- a/theme/shared/browser/devtools/profiler.css +++ b/theme/shared/browser/devtools/profiler.css @@ -224,6 +224,8 @@ overflow: auto; } +.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="allocations"], +.call-tree-cells-container[allocations-hidden] .call-tree-cell[type="self-allocations"], .call-tree-cells-container[categories-hidden] .call-tree-category { display: none; } @@ -309,7 +311,8 @@ .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-line, +.call-tree-item:not([origin="content"]) .call-tree-column { /* Style chrome and non-JS nodes differently. */ opacity: 0.6; } @@ -327,19 +330,25 @@ 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; } diff --git a/theme/shared/browser/devtools/shadereditor.css b/theme/shared/browser/devtools/shadereditor.css index 90441a0c..3d01e207 100644 --- a/theme/shared/browser/devtools/shadereditor.css +++ b/theme/shared/browser/devtools/shadereditor.css @@ -22,15 +22,6 @@ font-size: 110%; } -#waiting-notice::before { - display: inline-block; - content: ""; - background: url("chrome://global/skin/icons/loading_16.png") center no-repeat; - width: 16px; - height: 16px; - -moz-margin-end: 6px; -} - /* Shaders pane */ #shaders-pane { diff --git a/theme/shared/browser/devtools/splitview.css b/theme/shared/browser/devtools/splitview.css index 55f51f2c..9710c38b 100644 --- a/theme/shared/browser/devtools/splitview.css +++ b/theme/shared/browser/devtools/splitview.css @@ -4,10 +4,13 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -.loading .splitview-nav-container { - background-image: url(chrome://global/skin/icons/loading_16.png); - background-repeat: no-repeat; - background-position: center center; +.splitview-nav-container .devtools-throbber { + display: none; + text-align: center; +} + +.loading .splitview-nav-container .devtools-throbber { + display: block; } .theme-dark .splitview-nav-container { diff --git a/theme/shared/browser/devtools/webaudioeditor.css b/theme/shared/browser/devtools/webaudioeditor.css index 21f4d8dc..de0e21e0 100644 --- a/theme/shared/browser/devtools/webaudioeditor.css +++ b/theme/shared/browser/devtools/webaudioeditor.css @@ -21,15 +21,6 @@ font-size: 110%; } -#waiting-notice::before { - display: inline-block; - content: ""; - background: url("chrome://global/skin/icons/loading_16.png") center no-repeat; - width: 16px; - height: 16px; - -moz-margin-end: 6px; -} - /* Context Graph */ svg { overflow: hidden; @@ -85,13 +76,47 @@ g.edgePath.param-connection { .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 */ @@ -104,9 +129,6 @@ text { fill: var(--theme-body-color-alt); } -.theme-light g.selected text { - fill: var(--theme-toolbar-background); -} .nodes text { cursor: pointer; @@ -116,6 +138,12 @@ text { * 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; } @@ -149,6 +177,20 @@ text { -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: 2dppx) { #inspector-pane-toggle { list-style-image: url(debugger-collapse@2x.png); @@ -168,6 +210,32 @@ text { } } +/** + * 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 diff --git a/theme/shared/browser/devtools/webconsole.css b/theme/shared/browser/devtools/webconsole.css index 0b7a942a..ea875848 100644 --- a/theme/shared/browser/devtools/webconsole.css +++ b/theme/shared/browser/devtools/webconsole.css @@ -266,6 +266,17 @@ a { 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); diff --git a/theme/shared/browser/dots.png b/theme/shared/browser/dots.png deleted file mode 100644 index e856fd0ab2e7f4c36a846c678cd9e539a46c92cf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 496 zcmVfcWV6|YWHNb!Z&vWl zSG``(Rjbu+IueQa5pWrc#ZCl4SY%mtgQjVrR;xV{A;U1>@pvGU$=sn?O4oInQ1zhjXGRg3INC@puf9Btf^^-Elgd4+KI{)Gw!B{NKVWY#7?cs9V>%!+o|RFXVpLUqce~wd#F>c6 ztSAbg;8oK!_ygRN1lSXnBtUo8;c)DtwnD|@aX&WbA{veE697rkYPD{$v;&Oz3qS$n z^Z5!oiiTmlp*YO{l#XpF}OB5olY5l;Z&AoYdW36Y&Ij2Nm)Px$!AV3xR5%gERJ(2hF%Yy*JUf&w5*3swQqe~!pFx*L0TmSah!jw9MIK$0uZW`b zR4JgNLrNFXp#uqLXYpE=bB>6F5=(IQ%-rnSw`-;TdFUX%9*@VDTI&nKPb@bz#ys|V zy$4#GKp$J~?c)*{jYh}ia`}mZxAR;niPtR4I{kkCBaavCw>|~?qL$#5O2sr94PC3% zm|8BEYCfME3f_i>z;pV=PQv++X0hFFZ`SMe8_iXzR60wNWQ8njr;31E(~_Z7O6NB .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); } diff --git a/theme/shared/browser/downloads/downloads.css b/theme/shared/browser/downloads/downloads.css index 13dddcce..a8d01afd 100644 --- a/theme/shared/browser/downloads/downloads.css +++ b/theme/shared/browser/downloads/downloads.css @@ -197,6 +197,7 @@ richlistitem[type="download"][selected] { /*** Button icons ***/ +.downloadButton.downloadConfirmBlock, .downloadButton.downloadCancel { list-style-image: url("chrome://symbolic-icons/skin/close.svg"); } diff --git a/theme/shared/browser/pageInfo.css b/theme/shared/browser/pageInfo.css index 10e01641..a7822e83 100644 --- a/theme/shared/browser/pageInfo.css +++ b/theme/shared/browser/pageInfo.css @@ -15,7 +15,7 @@ #viewGroup > radio[selected="true"] { background-color: Highlight; - color: HighlightText; + color: HighlightText; } #topBar { @@ -92,7 +92,7 @@ textbox[disabled] { -moz-margin-start: 5px; } -groupbox.collapsable caption .caption-icon { +groupbox.collapsable caption .caption-icon { width: 9px; height: 9px; background-repeat: no-repeat; @@ -106,22 +106,22 @@ groupbox.collapsable[closed="true"] { border: none; } -groupbox.collapsable[closed="true"] caption .caption-icon { +groupbox.collapsable[closed="true"] caption .caption-icon { background-image: url("chrome://global/skin/tree/twisty-clsd.png"); } -groupbox tree { +groupbox tree { margin: 0; border: none; } -groupbox.treebox .groupbox-body { +groupbox.treebox .groupbox-body { -moz-margin-start: 5px; -moz-margin-end: 1px; padding-top: 0; } -#securityBox description { +#securityBox description { -moz-margin-start: 10px; } @@ -161,7 +161,7 @@ treechildren::-moz-tree-cell-text(broken) { #mediaPreviewBox .inset { -moz-appearance: listbox; - margin-bottom: 0; + margin-bottom: 0; } /* Feeds Tab */ @@ -198,7 +198,7 @@ treechildren::-moz-tree-cell-text(broken) { -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; } -.feedTitle { +.feedTitle { font-weight: bold; } @@ -247,14 +247,18 @@ treechildren::-moz-tree-cell-text(broken) { #securityPanel .header { font-size: 120%; } - + #securityPanel .fieldLabel { - margin: 2px 10px 3px 10px; + margin: 2px 10px 3px; } #securityPanel .fieldValue { font-weight: bold; - margin: 2px 10px 0px 10px; + margin: 2px 10px 3px; +} + +#securityPanel row { + -moz-box-align: center; } /* Icons for context menus */ diff --git a/theme/shared/browser/places/places.css b/theme/shared/browser/places/places.css index 9f897499..170d9929 100644 --- a/theme/shared/browser/places/places.css +++ b/theme/shared/browser/places/places.css @@ -209,6 +209,11 @@ menuitem[command="placesCmd_open:window"] { -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"); diff --git a/theme/shared/browser/preferences/in-content/icons.png b/theme/shared/browser/preferences/in-content/icons.png deleted file mode 100644 index e42a3f71aa79195061e0f82a3f6f5932937e5bbd..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4749 zcmV;85_0W{P)70G`+2{Y?XP@(Z$t}gj#kYujPks?f{`31c z_-SnZE9I8&3jye(zo4LC(3LA!2Fm$=;C17Fj7KBJqVD&G0NL5ujf;wkl4&moDdxOH z^tt`JdiCmrvuDrVaXrAFpPxTjw}a!S{5z2Vdw*P5SlAWYw;@|O?;_wSqc5ru1RkV* zyWHH|B=pVaUI59(-;)D@z>AkJU%vZa9E@VI;SKt+J~cJ<_M3_TIN?#Q&zZms22$gf zM~9wu>&&TBr)uzgoj6F8+m-d+}`pFDZ89!@`Rw;}fq z9XeG1W(7Y4y_dnH zy>#HffmAnu+Oluoz9mzqPVEh-19I)qDPLx0=KtdKGhXyj?%M2FBt*htI?~-tKW58VfS#fKfe$k9Z&J&aEnA3u^wCGXPMkQg z*&xOSt}A%ajc*g_`%yRFXJuuLqF9s!2g;pMBr66`+aN*hvh;_s`#Cx;X}?2+V#Xzl zM{!;k!FoIo9z6I9aF$_#{VVjPqI;8hAHRHp-{QOyz`uY0{&&Q{bLY-2AmZ*<9ly9? z!-mOg)~p!^qsEHJx!l7cC7q)2J=96TSw(U!4zz)|Y15__%rK{=^V$h+z+?tE@WmHj z$TU{DfB*i?n6^_XPjh(-!%2ted}YcX)@^OvxN#~|=TzMe`u2bJ*=KPcr|+r`1KSWk zwZlivc^+v#Q+f82_@;q_u8P6hqW_(=%>wlQ;>YdkNChR;6B85fKXc~HR$UJNxA&0# zRK?cq!TitoK8x;h^lP4!F~j^+e=c?n$a* zJ1H0enD$PajWT&_IQOsPjAkkhJWVvLL1YQY1&~=h-5_UKL+f0Qhs!U8F#j&GUsk ze_B#Z063KXbq%&vi>=eNe?I^G^OqFpBdqP*3izh4E{CtChRS;x%h#Ozj}JD|r+o3p zqD70uAJN;lZ-1M9T(-;8hv&jUKcKBD<0*A%<6FX*4h=Q~TLg$;CQQ=6#z%`15)$rL zSo{G}MFoilqeqYKLYYh{C$q(;pMF}$shw*Guy^m?QUZv91_5rB9RuVT19^;r{-fM8 z382f%G1LrTi&@u@Lhj`&$z?DK1XRpEKlPZl_=ui^v_94#GuN$K*F*$z&DQrJ$saxF zi`cq#YezT2YWo@JWQm;iK$~SmAn{W{!0IOjO3`Hjc?*}a5rDO|)=OWLgXPlzF&5i) zS&>-$IgZCoR(N&sV_(K zoEbC=yUKecKn(ULYXXcJGv+A;_-JGNB2=*W5m=tA%W~e;$%l>vum?{OAchF@H+_!* znk@H(0CxFc1favG1=w^xAIZ}~R4hFj=lQB!z9K`B=uS&ZOY}kjY-@tU4r!avldTEG zd9J>XP1|Il9Et#|R;_BGZ7}4j9!#eJHp>`fC|a^)$^W^HLI7;HAdp|XorB)nvUV0ChG^1xSLeYF$ojDGlLt*w)LYo<(@ z(of2;&UlMD>Hp+(K>!~#wfi8TmW8IIB1pjS>lKL^E^@^v7m&J~ZojfJ)LauqzW(~_KSSR|vn~tK7rg|bZQHihX2!TcThgASp$Eai zN2>i2T?E$AZn`W2R3V+oREyh{Le3yIMC0SO1_6dEk_RUM3!JbCpgU(u5CWXUn5oqN z!_lKhyLu7Y?M4)Q1Lqy`LI9%qy#RWjlU>0?NWefRxDkL{JW)WytdcWr+O$sGi&uH) z50Sgbqqk{YO#55qo_Z!_;%Cg5(U~@Kg#--FPpm%pXnUnsTTK8t3BH

GuP~Bc=|@ z9C+Y?2ddlUY`Y}#GS0g!{b?Td*?nXRJ*6#D=JU)}sk3L#?p3>X?YkkyJZ7scJSzfU zd)+o7Yy#jvz4e*-!3Q5C1S0^m+bfy?tY_X(sZnSG7=S1_()khs5W%L&JrOz+HUV@B z)~LNh|*9qTAQEZ{O-ftHV+j5?p3b$8+70_F6&E-!P!* zS|`L!lY8<^%FyqL=+D-`>(r@}4ZKLooFG74P-XTr;|yipvP7=8Y}qn*#flXp0Lxjq zW+zKupA);~Ips^A)8<;0!suT)d#q$!+3g9L%hT@)l-+0g3}COY^k4I9+qSKreyoyu z)IU#ZB`-;D6Wmm+Sg`@wMvBr|1fE)WAV6g>I97ui8wR@wNOCNBhF zY9AkDAsNHF3`gDAR(dqgoyy{e2@d&alz{i^ufP63_Td*`Pk_aGf9^MeNMDft?P%7l z*-33hFi?Nzmx-^TP0V4mW(OJm@(0x8?C&3%6Q`G+1odYE?jm|f!0 zJzJLnqbV^lF}GX(a3;Xcojc#r25XT{$WDoXUf;th6PWUocvfJS7ja900P}GoK|dmZ zY+v2yRob;{*P66qGtLTxB7oQ#42(8dO`&cu0{FXi>vo@z*Qu^4Zfy#wyLa#Y6NffR z2tWXu#Cbyil1BNf*wa2LDyk8)%NhbldbMiRYVv|GiD&X+aD~1WfHHeXRIbi!FhdAo z4Y;2*OKZvnOgjPI2-}zF86cmn=y5~WT+3%y(bXcz-g-I4*bipoL6`e%W& z-V)HjkKn6hZNP3z9vcu0X~*_)FGBPmNu8MhRL}Sx@lhx4q1qT+U}<{c}J*T}9Q|`dZqMcLB_RGv&>(MF1ZQ+#dq$9hTh% zlA@XZqiY%Hogg5l%{Oc;pnH$Q+M(n-AL=FnxJ+zsDpEs#^Ija@4x^4(>$x{5;=tcM+}?uI2IcI$>Uh4Y%SnC*XWOZ z9grErVaku@E$M5v|2ba4)-e)&0sU=4G`R;5)13UzOg_SCOHn>K(e}zqM|{vmQZjIp zf<1dAXmCFVy}2AO$UU}QKO>FniSK?3>GtUQ6#cWyrx4=1$}&sNojdm>bfwy0mz^Sl z$PCiS@u5g?4FNFdT`>TomlEL*$T`jt0{lHGDd}N$FNTpz4(rvc*F!|Q6m2l+$v$R} zWf~B{2!P)0kY|;E(oN_<=~0A~U_Es&iSAGYK=%}rTzqajyng-qiOga z$$hdV3t);gAUqI24?-1ElY55_9s2u;6DRh0{PD+|bFYT#w}7K|zkdDNlAgRiY}l~p zX{(9a4RYH#DItJUFmVz)VAuhL@o*wQMEUaN@4!E4wm$r^s8y?0(Tw3!!Sn;#y`4LE zcKU#=B=Bf`f*Bz&cBIJLYIba%88BeL(@00z7UuJo4g`dbjLl2v{8WOJ)Y0_`PV$YG z-{oUCX$K<-J34ge(3Eszo36uo7Q0gS zvuhJ8U*EdvC-pf2;oCaxr;E=jRjO29cBhyL3Z)Lw*{okE8z7SF%cchBrzAbn&$V#B zP{yoAjT%1+LI53vqLu$^sF!(l)L7r9d@r+Y0^fhVZ<9d#<{ARoyYvr(o`j%WFsf6|?vz!2c_`NBeKP>63JY-Iia6n8gH;^>}IdETEf<4SPsy@w#Y4I(B)F5{Hh}2AmNa*ynmHW*BFwKqAdypYy?erthHCn8bA0(X-+c2? zaWKbV(xc*M0#+#uu=XBOZLKl8iw4Xa=qv>Izig5N(6gFMCFG! z+aJP2D&RH_(>J!Cs)u?><&-+A?b&JyoOdgcyt<|eY_Vks5I!Rn^eej}jbP&o<8$cm zN`e?ggwplejrgw+Cb^=*kaE`{I{Vc?-WFz_|NlJ`gzKB@=_j32>!7BA8gU~6#&sls btNwog_Hb;Lkmbvc00000NkvXXu0mjf9c4Sg diff --git a/theme/shared/browser/preferences/in-content/icons.svg b/theme/shared/browser/preferences/in-content/icons.svg new file mode 100644 index 00000000..b74eb6dc --- /dev/null +++ b/theme/shared/browser/preferences/in-content/icons.svg @@ -0,0 +1,129 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/browser/preferences/in-content/icons@2x.png b/theme/shared/browser/preferences/in-content/icons@2x.png deleted file mode 100644 index eea84f566aae0c17455f3b81bd29f73fd7d593ce..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 11707 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 F{SR1F|6l+B diff --git a/theme/shared/browser/preferences/in-content/preferences.css b/theme/shared/browser/preferences/in-content/preferences.css index 5877c058..c4f88846 100644 --- a/theme/shared/browser/preferences/in-content/preferences.css +++ b/theme/shared/browser/preferences/in-content/preferences.css @@ -28,12 +28,6 @@ treecol { display: none; } -@media (max-width: 800px) { - .category-name { - display: none; - } -} - /* header */ #header-advanced { @@ -43,6 +37,44 @@ treecol { /* 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 */ +>>>>>>> 3ba06d9... Upgrade to Firefox 38.0.1 +} + +#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; @@ -77,6 +109,10 @@ treecol { -moz-margin-start: 0; } +#handlersView { + height: 25em; +} + #handlersView > richlistitem { min-height: 36px !important; } @@ -103,6 +139,20 @@ treecol { -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 { @@ -126,21 +176,23 @@ description > html|a { -moz-margin-start: 0; } -#advancedPrefs { - padding-bottom: 0; /* no padding needed in inContent prefs */ -} - #tabsElement { -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ } +<<<<<<< HEAD #encryptionPanel { margin-top: 10px; } +======= +>>>>>>> 3ba06d9... Upgrade to Firefox 38.0.1 #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; @@ -162,6 +214,10 @@ description > html|a { } } +#showUpdateHistory { + -moz-margin-start: 0; +} + /** * Dialog */ @@ -229,10 +285,26 @@ description > html|a { 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 */ diff --git a/theme/shared/browser/preferences/in-content/search.css b/theme/shared/browser/preferences/in-content/search.css index ebcd82ec..a203a4d8 100644 --- a/theme/shared/browser/preferences/in-content/search.css +++ b/theme/shared/browser/preferences/in-content/search.css @@ -2,6 +2,10 @@ * License, v. 2.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; } @@ -12,7 +16,7 @@ } #engineList { - margin: .5em 6px; + margin: .5em 0; } #engineList treechildren::-moz-tree-image(engineShown, checked) { @@ -43,3 +47,17 @@ 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/theme/shared/browser/preferences/preferences.css b/theme/shared/browser/preferences/preferences.css index 201bc7ae..fd07c420 100644 --- a/theme/shared/browser/preferences/preferences.css +++ b/theme/shared/browser/preferences/preferences.css @@ -47,6 +47,7 @@ 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; } diff --git a/theme/shared/browser/reader-tour.png b/theme/shared/browser/reader-tour.png new file mode 100644 index 0000000000000000000000000000000000000000..8e557e03821219211c19f65a90ca03d2f0b3b03f GIT binary patch literal 12172 zcmV;7FLTg|P)PyPMoC0LRCodHeF=OOMYew5EjKs&0ttZtA|NP&g18|dqoM+W2#Cv{=Q1v%v%Hx% zqdxa#6dfIB9Cg&Ejxq?$2yUndsHlJ&ZiomXipai0LbjXb-rV9Z8 z1C^?-I(4e*e08c$S9dxd>;GT!#C1LXI*cn+j%KrVj~HIQUYnE%s9G>EpK(KJ6Hv-iIZPikiXYs;=m`4|9~2lL%Hq>z zo|dt`0?0AwxKzoi{CIGp;ALKXtUzk4^)+T22ZeNC2cvNlBvrh|1ckxx#PMk@SALCk zJQ|yTnP8a!G0hNh;`p@k#)Aj;18;Ry$bqIrKq&wU4Eq&8U|c8NxpU{_U;gfQU5`8d zq@D!@9gfV*&gzzy9BSwDdz1YhPm;%q`2#+$*Mn9fwXxc0trd;LYOABsSarC%W=C0R z=?|MXZ(6zht1rKuI%V>AA1+w18*L~^HAoXU1~biaGjJjhKqZ|RdcEIbor(Lc0Yh*@ zKq)8+41r2QU>xYsp+jim0}md5(!jx|=eKElQbx$%7HG6qzhfoUk+PjTix+>h?CW>$ zzU`*>Kl$X7Vzf)JG*mlj1=6%cwb}!=RJPW@F{TDd+u*Xrv|5t_r2r8m3Awqs$&;U- zaYp|WPM**vExCtJ?8TKIE3K}L7FX4l?W&6I*b=VYu)3sX?UwS$uI*Kk(zT`0;%|3^ zcb7$Ck=}VJS)Ee+8SO&8%(fv<=HZ!1oeER^9dnX>ZL^X*8JR&}lGo$zcUBBk6t3R3 z;@fXu_}wqAeChMgKPPwu%nXSv?|=cP%5=5S$_dJ6&^<<%Jh2|+D@Z}4gZJHk|4|oT ze)ZM)Ihg~3J`VvU#dcTM)@&$?Y+Aar>dVKMmcH}B_V7+DNHIwDNKCFoY37j{;O&_1 z3*FQ&XUGX{gU5GF_aD|K*&9;pjn>9u+e<1|yua|he~v$Qa;%rGl3#t=8`7>A&+tLBTqba+yxg;`0u=o(BZh2K9vBZ0h7&oh%w9CyJ* zx8$Y<3)whl^>@2#*1xj4;?-Lg?fgg(kOENK?^H|Env&^!WD zTZ??Bp7M!c=LcmFcgHF(KO&>s)kmd|KekP<7rYrxIIFBCTK35&pFMuYpp$3dGK`?W z5j@@VxW^GR6F6M94z)I53KR#ZVATU^Ast~DuG94kRkrBgJmiY<_+XjM4lm=D11u^cHUpYpr)ks&f2+2m1jfIB?hpYrsO zyem)251x?X_lkt#aAfP_kNoAjTW-8@8Q2v#f@dz3>{Y9S)|!CDgQfeFEPLpDC=dvQ zKKN|ORegIOc~!vc@zutx*peMp-~Il>?T;dcg3mglLumdr3uH@Y~A_Jd1sw| z*H>SCRRlH#PM1nroPwsn#Yt`cWorSZU~vXAsOQI}k0Isai!bi@=+n#Q5m}zfXsqg)XP*7_uYYmnXSl9Fprz?jse7BbM54Imlz3px zlSdg`0vXh?;4&ycAx@d`^6Nv-9W~@I2#`wcQrWO{eATd^=<>@|(_}>0Gr(DxJ zO=5h(p+Jyp1^G3G2t5;6aVJNk>m4ts7GiumXI6c{lO9f7s z$W{T(oI`B0IYh7+C_^nvttvG?KR;{b`c0ENx6K(q{e8Z@dU@aJ>u-Q_!J{DC9x*jV zfgVh}7?d50*>)lf{6Q-~9s%^ifNk&2=Ho8nL4A)Z9x}*NhkyplaX#g?!!83y7uXoQ zM>V9~Nt`}OPBX3>&mGxE|yhezP)OU>K8L00w01zN3 zld@$Ja2$5KYLQZ3`z56|a55jzN10gczYW}rtIL;dsi^&WNQdNs8A-m-h|y!lMXMw4 zfAGQkoSZ6%v8ElN&5v3Fn1aRb6D;mmTn2fgnL29Jc^ziXe(UAzl%zcFSASYk^yu$D z+WDS17UEFQVlY_NW)Nq>83(P*;{Jqx9uIyJI0rxvd`g1hB~Xa{sO&{K(*i86A=dIC zrX@&yni7bhGLPjk@*z#jWd~^8f*sN%u`a}Hm-X~o3i*R|&^NJs$fqoX#XGBZeZDpP z(Xh^`Lo$-Q$%B6Ov-8^I7c7}OdltQ4hpS#pfz6_p0LGCqux=f&Xjud+Gvv=ItEr7# zw`j-2KQG?>rF4_sQUIU}d+%TgMR7bNjgh3T8EBQYP^z%u2bIV)l}rG5;U&0WW-Jzn zm?U|^WT!yk1gJJ}aH?zsLVe16{t^WS@qXOa|T_p5$P!Fxr`1&p0TkKJWZ9gI|*s%L$)cfa-gB5oa0MiaGOlGwLw&|nB|#C3W!mYXOfpUYwnbpsABSwO(e5`Y zqmP~)6*bk9R+h~9f88@q%MN-|PC8}qs7+foy|rZV;&RktE9@x)(+nhy?W;z9?rFRc zCZ~wJ96pE4rO;gl;SHv(+fg*NT}JAWTn2yt@%DS3SYEn96h}bBB_>iJSpu1$7C}&# zoxo2zA%0^HQH^GO-M`!lPJMO7RhBB7P3Ua^_e9M%>yyVr#{=!^(Un&wiOm%O1N+3b z)w6W(^PIlQ-boABv09#PSxG4$jc)&F+hkt~kF>^~GyL4Q-g;{@gq9)DgEU=!1<-D@ zk)L}D82K33L*2K;!N7I;ck8!I>|U5ZoKD5W#k(H9^V6b5$hV2sC5pyiRG}=z%f>fYPZZA(yDn%A6IK~&(hzcN$^Qt-^lVmc?R&$=Y$E5Z5(whiUZ zI;Y)VGlSlwqHtt$VVlfR6%`dFV4<~{piu%R?w-kui$p|=*;^tngIbrk@Grdj`k4T0 z7<3+c_S=$acYa>6;7b+rPAh;d}rhYO2J~5CuY~zx*`}q$m7aI zT8Wm*Kq8NMtvnjL^&v_7Oy@`2r>Du*#oN(Jh-IRo%&m{K)|WP|7#{=uV!`%1xawqw z`~{0we1AJ?(mA8Z~CS2NS)Ff>gSkQ6kgnWyFK zhgqgd*VyedXNyD3)BedA&_45IU-NNEv&SW1IhF?g>8s1uOkP zG*>5rMqRRJlteu@37XqAFgHZ;V2Nd=q@<+1weW-K=|O+SmT~e3#4zSR-MA@92d#r* zWe%ACl&B!#MZRlQPC1^=2pfB*;1D>b`A_pDmKOV70T%qI!)V?#odo=%VAqO$#@^8 z-mT=L4gOQo+YKqBg<76PV+wCNF)!Gsye3-SwPS}fwr<_J3&ruSK0CQbXDSbIVqz9&ep%+t*=OGz?VAj!%uz-26aA6DW3K)A$VX_>K z9e?31Ec$k#umfJV7y9F5qJF$SfDmIDj2XBwk{nj*?Wa>~B;w zg34f8%NeUhvTgF%rOs@H@`Ru5a1w*K2WeX6=srg)=LFK_*jyf+>N0*^HFN?|u1qjz zl4(B1zoopU>c!O+FOa22m(J(+>C-0@Nz=vW3`htT>oioL`xb%X3`j*tU$}7L=u=KP zWg=FcSU6H!0&mIQM^M-#IVx+CFOGq2QR@ea01ukP8Cbm6*jNV|(qe)-DmU5Z$wW0z zadFApxw+Zbft5GZTpIP=5Kh~A`c2dn^9YzOgWS8)5i)9PYv*7v`AGjnt*3$L2`8Lz z+Gn4Awgn zGN;R;3tGI>K>#(dOsuPC&z`A%zrQE0f1>@M0jyl1H{X17Fhr|`(aNa*dIl8_7`sCz z=Ccw*V9pzJE`iWQyeR&OT0;Y;4m$M`$caDoP~&l%hzCKzqHD<@fE9Ks9O>5hDY0KP z5J(F2#*0hbg4D{Wf8tZe$`S!)f)*GwXi%ot<1N@Pz5Ge2s{yQFbUsEPgGLe$mJ6B* zm}W9ht;_$|qmK=TFfDT%_$kr)8t9Ibd`OMAFcTv&IkRN~!{CC}wOiLACc{tZ{ilIY za;O)itA&|X<{FHNo&u#{iIoL|!6Wxy7k`p$Y5?wi#_6Y@&Z8=VMjRMiu#lDl#!4n= z{$az0WkE<9mP9RY^_a5po`V$%g>X)5&Y#w6ifxpXl(=Wb4N1n!L{@4lPvPnkeu>X2 zFX!{d#))IV1aF+Fky36w4?pzq*+=&|`k!D+XkkQBiC}3Ebg#eu`u-H646PL}TfWTt z_~VbQB}cb6u2le}{M+xi-P*Q|?{hXy$;rvq zkW+_Pmt1m*we;(y*0ib9to0k#H(e1NoN$+3dZ{&HIDLnfQTxL7eNa=uQVUaDTrily zLf!|^wd6F*T)%$(jRoxrCLrA^v}WxZYtp1i*7D`co0NyoJ6M-rez|pYucMpfZH!_1 zjOo@3FTBtgOTx1L{rg*s7ca&$*XA9?;nfN2xyjEZl({#Vkx1m*_u8%))$GnOWWTrjfnj`S8OJt;ZgJ%&M+t+fCEjwQH@r?z+qRj|u-_jT$wo=?V>S zgu{D&CjpN#tfVB)$;1R@S=+a7w>ECvXyFS2!jzVlW_9e?G2v2aN?EmPl~r6^EX%u@ z-`uo6;OF7GtZ+`O)+M460p>C%2a^k%+h8JoE`JaG?V&_PjplLhd2Y&cco8^ioj3Zt zMtS$9@R!&A(rTO6wnw@tY;H?6m{miq8Itd$WK_>d>KjxTY_(;pe!4#tw#zK-Jsm#2I+b4SN zx#t>P2I0n9XP$Yc^~D!oSTknKNZ1w?{p_>PS`Yp8AyHsLCT6171VfVgDw7cb-S^*# zC)k((dWK!QcC|LF-_RJFwQ18Pi~Hc6EJ2fP@3K+z!oi9YQo;H8Z1391#oh*(UM}Jz)2hr znD$7S^twec%(_MO8mhE(>C!qy1c7chg8<^(vx=ovMlIg(YMELay~F`052z!@yij1x zyaS!i0yWfTLx5Sl>)%(}xpQYd5m=wCf`UDV|2>ZAAv|0bd9$iiR#s-c{Bqr;i_01F z>1r!jv?K<-U*c^8y*l0imq*L-)?382F7oW&z1zC`p1ZY~dhxvz?`_oeuUBC|WI*=~ zu51kg#@V?qMCDMq@pSUZCtJt#ImXS_8O?j0PMtcr`FO#y9$+jiEiDzmm}XsqMUWVi zii(P?C!TmhygV*{@VKnmvuDdG1bH~FAAkH&mP@G+_e1*=mwiAlaWBX>s1i~s|=w$Mkh6;;6gTwa-Eu5gZRl9fVZXI#N5puI?y6yxf5v8Z63s7odv>*be zH{|pJdBgp~4?kFwCr`Ep4jgEmfByM$+Cg5t>|#xsf=`5?f9i;s?F5rreimrT*_Si` zD{|^99=w!vJYZU&fN|Qk2rvqwa^eBQy9+FGY24Ux0@(N8e=o;YZb5z2VW4k^-hnVz_e85tQ7+XO+$R+Q@zGJ(YT`x_~a?rp*ZayuH zfq-#us;W*57%P~dwJT_6-G1BcQiq---F#gh2^eJ_OhWs7^H=om#3n9s$Y}PDg)Z~% z(%q}g!e*x-?XpWRYt&7iH*cPG{SDV!)2B~wRQwe`zaru6SJ0aBY6%*jRnaPQa&z#z z3SQY?d8@#>1fAd?Y{1Yz&RoSn!E$w@7N!LnvqBW!+&8&7xno@J79{AZ|LRx2vL1Tq zp%&D(t6X%^MONRwed{Tc%4Hx33{8<~X>^Eq67$XSZ)8I8-i?9zd=|#1$0RyK3{6dl z&6_tj)%;$SW2IOJMml>5K~ume%mhmSd+DW@zBu-nV_CLObjpBJWcKp@sHuUQ4RMLW zcNVQN=Z&ccmhzdPXL2QKh+{Gjo2v~@t_uY5jdMK^o&B3hMM0)U`!PdR^-fQ8t?+{*mSCyrp3{X=XxN&1W_5Td>%{1-f0mdg7n9yQTb-??k2HGKGRYt5Q9R+lbaO!fxT6DCZM zn``z7pUbmWu3RZknrU_FEwWD|MvSoVX(re8Z%7~y3VQYGg;QHotqpP4&j(pB*O>j>_;KZ1wWYJhPT^Jt3qXdD=4c4=9uoQiM{QR8o} z)v)u;C3AV?MBy_qzJNo^dhx{<<*4k=JMXlzvv_!pt~nE{p?0{0H^tLXUFKsFu0lj` z)Vg#zR4Z%LOJv2!!;d`t8ch}HRwDre4;l#`2bqzcflpoF$u9B^1W@Kc%;hmVCtDnl zQ6opmk=6~@-(Y2CWbSpJ_602VY0H)^?<3Oh1S@EDbZ_oqEYLt^hMET-e2@o!^-pn; z`G187+Qf+yWddbnX2_F@Yp=c5%FAo~$xqFR^Co z`e7BVOTp3=PC;`UN;Gu{qI!!wM-*=n8{!*q5(?a!2Qk4}Z+eM*mvC3nF6->G&rawi z@^K4~wywVVYPZ+)QU?qeAl~YR4I8ZdynKuIU-Sy;?ePHEJa2R>?uP^>TeN+L_5<+@ zkWYN+9qKQp(_rd=)|iFqvPjgc*R5Ii3gSbKXju&EhR1i1_i}t?jZd=+3k%)iTW`Hp z(tIVHZ|f2q270QL#h|j?O8Y5+M?PNxEP`ZOm;&YQUu-@RV9Y0zE{POU)$^#H&td?T zEId?570ScgL?;Xc>yLl@qjZ-RbJI;Xxm|znz4xpI3l_+$1l-RQEXrb_>;pk)C-%sr zkNg>J@s(%=EFoCzPa?nwmbs5n2v(q)s!f|Wy~s+30x4LughYTTSlqK_&YUTG*A-V> zQOC;exZ@5P%3+5cme8^e1ZdFf${TOI@mqAn1dPT)4C+xLz{sSasg+S!6%IxJjzKVe zNDvjOVCkcMJ}!CevB$)+2-Yhvzapm>e8dxPWwfyQ^XJRG7hmDl`zW0Z8t<>cLVgUd zqTdhsJk3zRsPhIbtRcH+J_DT(zCOjHs#JvZS7*QZpB?gYud2p(68|)B=|76fEBE~3 zl=+2gX%j-2r-Xw5CfQLCB9uX?E>UC1L?zU6SeU2NO444dmS0fA2PGp_mHudD*k2v4 zNIE<}EBD0*ZyQgLXmyBVcR%vfm;add!WOLV-lKbT&zL>ssgvof;0-Mg9SsuSI_7H& zyUQyo&id7zQ)5Y?Dt{=Y#urG6T0ZP&>?8XGnbKE@(Y*UvbO@1O$+A^hC*R?f{_C%8 zVc53}>vvU~6n|=sax25gUt^uivTKCUIjr_{^cgQmJ-e#=W}}wFSGgaE&iQL z{RkKN`6dZlCOJS$nqPtQqoBG9Yhf8SoN`R4UBS#yu6VEn3)O4yoAT^gM?NHc=~~VaaWs`O@Movh{AJ;H%PcFm$_i%ISROz6 z!Hzhje~VMT&W1j)3~)**LB%nfjDs2EVO9GprqF@?X}+h1bsICFXLf20KMZ=!)i;8J zegQ44$^8pF_0AHRXA%KpAmRcT;>s7EpLYFkuDRyv0jX(+-88h%QTHw0^@V^Y;Gkmy zfCD1GYQ}*mxu7DSq+fbd(5VFSD|o^~S;*(-{P>kOQf0Nrswwwb<;B%jT5fePFT~pq z0qfz}A3t~NEc|j;yKbmc?XxPw0V`aZ{Kw~J&VT#3W4c~><&_qmM7UPQ+X7O4PFB!L z&91hx+Eya2v69ki-Ouas;M4u~BETRqkF&}J1^JT4LXH7f3OE2eA}g4F@v()&Qv4q4 z%N48s`Qr5H8^Nf{p;{I7ZI6*+;)rvgDPrf$;GH{r_Rh$u?`K?&+qNx;R2SY9&IvHF78`+=93?N_vCM0{CtrW$^wwEl9aR>%O8Z| z{jnc6ZZAK(Uyp*$1$lYx+qaiDtwxU?E%#?Nk!aOb&%W{U&S+A(6-uwQl0p~^93opFTnl)>d^}quUh`^`c{CM`t ztwm+_A02SoU_aO=k}QKp|M}%oj?*pIvBY(r<(SM zb2%huqhO(2R$0b-L#kXV&9i>(+DOk{N3ZPNtJkoCRA264Y5vHoKUREeTNC#raM6-# z`D?knKwktn2T*Y?P|hxTpa}k|8pkStqwk!dv`i9tm6(<~D97nOk+cFH>xW&n6|b!> zUJI8mW(DCeBxfKXZ3WPmpuN-JgQTmrZmT%9ux$|UaMWzwRa~^axOC@RU#$4z%BNqS zZ>3~bTPax)OaLs0urMzsgnU&SZIEa|v~H4ob(;xvTJmJTNCP;kp8aJ1(Sr#+(z@Q< zFZxnWxPFhiP4$k~XxqMsS&!_9!B8x#l{(kv$LV#2&A4`ResIAJwJs z{3>jsm%q2|mVbX&_M=u3XM-Tf{v_Z~!yxocHf(;Hei` zHLMS?nO_4%`5=eGW*z?EURYD(v#Kh*Rz*p`D&88j!n=Z2+3t{4U6BN51mg!^FodNu zqsq!?gMj@j1xsmKPQ(hPM6i_F08sh*eP3FZ?zLPwlr$~YXlG`Jyn&S$c6t&kQOeHp zs0_`I(j!!_P#q5ToceKeWY>@Xxu>!ClDgOAW1uRqG07)S<*77I2+}qcmCS6D zn%oh8y}WwF8(aSCqix|`Tn4}g1Aw)u68TwIA!MkNVQ1KUOcOY^!aC}ZFyADzuIbQ_ zhfWQh03|NHm2ghNyZu(hZa5zRuDm1(fcdRR4ZsGkKRIfJGGJZl01kU!dS=uLrbR4Y zs8)cH<&PGF38dD}b_p6Ml3JBG7|8bkWZZUe7%MOC{I{+d{(Nj7)nm^cc@Ez5=lul1 z((^((a~y4>&IZbbXgPaBioEV;+#oqK!k8`L%PtuAb9^PbA`5?Gst#!5crfLNFRsH8dp-imq6wt`sRLYWb< zoK#p*X4|lpi9Iey_BiZsxK1Tt04tP&F(xCx*`Rz{7Ted4JrgJfmc^pB{x}g`usBwf zW5O;TS9lM>;-5W!=IMX@3SezU&voyLzu#)qvSiHo!AZ~@+B0*FT6hhtddH6K^M{@_ zY;0!Gmpra(`r!Xrx@&HP%e{8PUeoP?!UUu`mB}=W!uG@*@uCdq!r23aS6pW-Mcmsk z1E4OOn6j5kjh!}7EM<^Qg+u?cCna%D!$mNaOJ3AULP$nP%c51`IvD`No26>lX9B^S zUV4gRUEIgSt))Qlz=FBAu@BNmY1Q+=d4<;>pBL-}tYR;}`o@1>e#ylPQGxrGS{5fg zr{G>$7Wjmk3z*i6k7Hka{&^W5{C#rrfKx{E?`B=xBjeQRt18|pi{j`3!xy5G*+q{4 z1w}v!+^1x~4rn%~t!y%j3y(}LOEK*(@~K4Dr%ZdEQ?Px_HVC#&T=sCH0$v~5<*k9A zOC5?ssc_%193~+Sq(`w|(Tzuc;jH)pY=BkOW`l{1khC#&IQH(mc|{$& z9KO6y?>@tFL%!4rN2Cp1u(5LCrf{Un=A=S7I4T=8_$Lu1fiwqCuTN((`RHNt!` zi<;PLYAImx4Y-ZI{_4!l>6zJ|^grQ*ky%(C&+nQxbVX6kXDdr;N);QoGHZz?up795 z8e|6Zb_f4uW(yDiO27lYbPRdJ&AKjlNR#yTfN80ZSn5MAZ^HE}7f4zjSP|WJE^l5g zldwJlBzqCtN8tPyS6+ICN^DmEbIQQ)fl%}%I}i&jz38xqj?7N#$Yqe0<$$FQ1}#hX zElO6vklcG}O~9x^2J7v&=I+2*>brw}cE%|F0nc*}OF2C+WaLqgj5epV1BI#nY&saP%zER-bB3PA2fn&z#e*e! zV)f<{I=4^6`Wyl^$88-`R=!n5mp=u6RHwr~r~G?bX0pExo$ZgeR((16r44_Ml3RB+ z0>Nd6d7O77rcKvfGL1ZY8G=Q~a%c~pU@EBOPn2dJiM%ArVcR4qUaX9_0pi5K;+SS% zgq#j?nN`B-F!{9n^DgX`IxY!sz4GMenP(^c5`X6YQ?QuJAT2B2$!HO1dm7hHG(S!R z8gH)Y+Na<>iS$pu{&wQw1#M2pwP#~_boU=V-0`RB-|t?7eFLzFg6z)gJ)8Eyy-|j; zn5F_rT)wDh>X3QjRwJ#-N3sqnFpSAB-YGal9)+kdW5&>$G+XvUXMdC>+_LyLE?+t$ z?`E8(9u5JX9p#nlE*(GiO2>7lCm8R(Q<^S=EdmSmY5x06D#Nriy}2fEe32(*=IpnJ z4?pXSyRe`8xNLm1rSgl>Z*FKetQDxv2plk3KD5y>3RoBfI?>_oNDxd7#Vj z5vY9z3o`Z?JTF>_ID5<>oqc}Vl+_zHZ<;$`$k5}{lLNV((*y0V>6Lj-VVb{u_WFv| zqA)odbb4X#Rm`G9&TjS6Bm>~d%_|D2aLLp9+^aB$%zW9CkjFZ79?knV+1Joj=GlK) z&z^`pX=mHWzq)s3&zWZx+;d7na^EDM$6Hz*DVaQF%5R6CKIC~kFxCCa1WV5dDM5qN z!InjKr&?AwQ7y`&rJ2^oea+n4LNn*Sb@tHHPQNWB;FS}REftZnnLk#%bnX1@bM0l$ z)I4gdwQ=u}H1c%0axIB<0H7{qqGnvn5{NPa5oer^17mxKlq+7MBO8$rp#87j8NILV zm3cXq!FCv+hYuf@eZOkTkQ4hqhA*9}Rq4sQdV&N?EsLTE*gjKh1I7+frUFM5(HT*P zMEAC2Jf_ch_9KvlCZzLpO0gkS?<+F* zh4vR( zb4Op+J~#VBwL10>8i?%(M=Q65qg%1>ZTg|OdiDG*Rm=aqs%(vbq*kbdAy@`Lr{)FQ zj_R7;t7n$KdqIl7FhAsLmzUy8#}j`6h}CFK+e^bMKmYXOsh3_jeja||kWK`_F@r9B z1WSQ3!9w=_A-ALZN4zUl+hI)56gagyf~NbN0vN#GA_@Kdsb@|(w*T>Gw9UymAtUI| zhH6!oE1ZA1wFZi&GZ2ZzqBXT1oNM6Io;bq@cs)J@F9ROD)T>J&`~#vpic7xwe#MIS z?!5ixcRpOOfM22^C=6;zdaWQ4CBoz#8Mod&@uaTZdmMw`itL`2lF}(T;LX9`MrPe63HN`s{8Nx+72%EW?pCc|_v4Dm zPd@#@)Txv4?xO5J1VgRI1V}+*OmH+1APq?Fe^LeR|CZ{uz;?|LZ*>H~1W?mvtYCYw z|AqSW>6=m5xpP{(_U+T!=I5scyj~xE@40;Irp=|BH?AxFdc}(Jj}|WE3!AEJwGfR7 zh6xPw^_q2f%~%1_7+D974i;cKLTz8cQ{XfvKne`g=C$%@tTHHDb^g$tWUn9ZJv + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/browser/readinglist/icons.svg b/theme/shared/browser/readinglist/icons.svg new file mode 100644 index 00000000..6aa01592 --- /dev/null +++ b/theme/shared/browser/readinglist/icons.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/browser/readinglist/readinglist-icon.svg b/theme/shared/browser/readinglist/readinglist-icon.svg new file mode 100644 index 00000000..0a24a67c --- /dev/null +++ b/theme/shared/browser/readinglist/readinglist-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/theme/shared/browser/readinglist/sidebar.css b/theme/shared/browser/readinglist/sidebar.css new file mode 100644 index 00000000..27fc12be --- /dev/null +++ b/theme/shared/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/theme/shared/browser/session-restore.svg b/theme/shared/browser/session-restore.svg new file mode 100644 index 00000000..aadee35c --- /dev/null +++ b/theme/shared/browser/session-restore.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme/shared/browser/tab-crashed.svg b/theme/shared/browser/tab-crashed.svg new file mode 100644 index 00000000..9a656ebc --- /dev/null +++ b/theme/shared/browser/tab-crashed.svg @@ -0,0 +1,16 @@ + + + + + + + + \ No newline at end of file diff --git a/theme/shared/browser/tabbrowser/crashed.svg b/theme/shared/browser/tabbrowser/crashed.svg new file mode 100644 index 00000000..013e2b92 --- /dev/null +++ b/theme/shared/browser/tabbrowser/crashed.svg @@ -0,0 +1,11 @@ + + + + + + + + + diff --git a/theme/shared/browser/update-badge.svg b/theme/shared/browser/update-badge.svg new file mode 100644 index 00000000..6a4c2a00 --- /dev/null +++ b/theme/shared/browser/update-badge.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/theme/shared/browser/welcome-back.svg b/theme/shared/browser/welcome-back.svg new file mode 100644 index 00000000..38610cba --- /dev/null +++ b/theme/shared/browser/welcome-back.svg @@ -0,0 +1,17 @@ + + + + + + + + \ No newline at end of file diff --git a/theme/shared/global/aboutReader.css b/theme/shared/global/aboutReader.css index 630b26ab..2d6d3c5d 100644 --- a/theme/shared/global/aboutReader.css +++ b/theme/shared/global/aboutReader.css @@ -1,3 +1,557 @@ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.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; + max-width: 660px; + margin: 0 auto; +} + +@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; +} + +.light, +.light-button { + color: #333333; + background-color: #ffffff; +} + +.dark, +.dark-button { + color: #eeeeee; + background-color: #333333; +} + +.sepia, +.sepia-button { + color: #333333; + background-color: #f0ece7; +} + +.sans-serif, +.sans-serif-button, +.sans-serif .remove-button { + font-family: Helvetica, Arial, sans-serif; +} + +.serif, +.serif-button, +.serif .remove-button { + font-family: Georgia, "Times New Roman", serif; +} + +.font-size1 { + font-size: 10px; +} + +.font-size2 { + font-size: 12px; +} + +.font-size3 { + font-size: 14px; +} + +.font-size4 { + font-size: 16px; +} + +.font-size5 { + font-size: 18px; +} + +.font-size6 { + font-size: 20px; +} + +.font-size7 { + font-size: 22px; +} + +.font-size8 { + font-size: 24px; +} + +.font-size9 { + font-size: 26px; +} + + +/* Loading/error message */ + +.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; +} + +.light > .container > .header > .domain, +.sepia > .container > .header > .domain { + border-bottom-color: #333333; +} + +.dark > .container > .header > .domain { + border-bottom-color: #eeeeee; +} + +.header > h1 { + font-size: 1.33em; + 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; +} + +/* Content */ + +#moz-reader-content { + display: none; + font-size: 1em; + line-height: 1.6em; +} + +.content h1, +.content h2, +.content h3 { + font-weight: bold; +} + +#moz-reader-content h1 { + font-size: 1.33em; + line-height: 1.25em; +} + +#moz-reader-content h2 { + font-size: 1.1em; + line-height: 1.51em; +} + +#moz-reader-content h3 { + font-size: 1em; + line-height: 1.66em; +} + +.content a { + text-decoration: underline; + font-weight: normal; +} + +.content a, +.content a:visited, +.content a:hover, +.content a:active { + color: #0095dd; +} + +.content * { + max-width: 100%; + height: auto; +} + +.content p, +.content code, +.content pre, +.content blockquote, +.content ul, +.content ol, +.content li, +.content figure, +.content .wp-caption { + margin: 0 0 30px 0; +} + +.content p > img:only-child, +.content p > a:only-child > img:only-child, +.content .wp-caption img, +.content figure img { + display: block; +} + +.content img[moz-reader-center] { + margin-left: auto; + margin-right: auto; +} + +#moz-reader-content .caption, +#moz-reader-content .wp-caption-text, +#moz-reader-content figcaption { + font-size: 0.9em; + line-height: 1.48em; + font-style: italic; +} + +.content code, +.content pre { + white-space: pre-wrap; +} + +.content blockquote { + padding: 0; + -moz-padding-start: 16px; +} + +.light > .container > .content blockquote, +.sepia > .container > .content blockquote { + -moz-border-start: 2px solid #333333; +} + +.dark > .container > .content blockquote { + -moz-border-start: 2px solid #eeeeee; +} +.dark *::-moz-selection { + background-color: #FFFFFF; + color: #0095DD; +} +.dark a::-moz-selection { + color: #DD4800; +} + +.content ul, +.content ol { + padding: 0; +} + +.content ul { + -moz-padding-start: 30px; + list-style: disc; +} + +.content ol { + -moz-padding-start: 30px; + list-style: decimal; +} + +/*======= 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 1px 0 1px solid #b5b5b5; + 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; +} + +.sepia .footer { + background-color: #dedad4; +} + +.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"); +} + +@media print { + .toolbar { + display: none; + } + .footer { + display: none; + } +} diff --git a/theme/shared/global/aboutSupport.css b/theme/shared/global/aboutSupport.css index 1438ab0a..71ef7a76 100644 --- a/theme/shared/global/aboutSupport.css +++ b/theme/shared/global/aboutSupport.css @@ -78,7 +78,7 @@ td { overflow: hidden; } -#reset-box { +#action-box { background-color: -moz-Dialog; border: 1px solid ThreeDShadow; color: -moz-DialogText; @@ -89,10 +89,15 @@ td { -moz-margin-end: 0; padding: 16px; width: 30%; - visibility: hidden; } -#reset-box:-moz-dir(rtl) { +#action-box, +#reset-box, +#safe-mode-box { + display: none; +} + +#action-box:-moz-dir(rtl) { float: left; } @@ -100,7 +105,7 @@ td { margin-top: 0; } -#reset-box > button { +#action-box button { display: block; } diff --git a/theme/shared/global/config.css b/theme/shared/global/config.css index 841b9675..d20c9baf 100644 --- a/theme/shared/global/config.css +++ b/theme/shared/global/config.css @@ -2,9 +2,6 @@ * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ -@import url("chrome://global/skin/"); -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - #warningScreen { font: 11pt cantarell; background-color: #f6f6f4; @@ -47,16 +44,18 @@ margin-top: 1.9em; } +#filterRow { + margin-top: 5px; +} + #showWarningNextTime { margin-top: 0.6em; color: grey; } -#exclam { - /* - list-style-image: url("moz-icon://stock/gtk-dialog-warning?size=dialog"); - -moz-margin-end: 3em; - */ +#configTree { + margin-top: 5px; + margin-bottom: 5px; } #configTreeBody::-moz-tree-cell-text(user) { @@ -66,12 +65,3 @@ #configTreeBody::-moz-tree-cell-text(locked) { font-style: italic; } - -#configTree { - margin-top: 5px; - margin-bottom: 5px; -} - -#filterRow { - margin-top: 5px; -} diff --git a/theme/shared/global/icons/warning.svg b/theme/shared/global/icons/warning.svg new file mode 100644 index 00000000..00829703 --- /dev/null +++ b/theme/shared/global/icons/warning.svg @@ -0,0 +1,12 @@ + + + + + + + + \ No newline at end of file diff --git a/theme/shared/global/in-content/check-partial.svg b/theme/shared/global/in-content/check-partial.svg new file mode 100644 index 00000000..b46a7319 --- /dev/null +++ b/theme/shared/global/in-content/check-partial.svg @@ -0,0 +1,31 @@ + + + + + + + + + + \ No newline at end of file diff --git a/theme/shared/global/in-content/common.css b/theme/shared/global/in-content/common.css index ace29455..e1b9fa38 100644 --- a/theme/shared/global/in-content/common.css +++ b/theme/shared/global/in-content/common.css @@ -6,7 +6,8 @@ @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; html|body, -xul|page { +xul|page, +xul|window { font: message-box; -moz-appearance: none; background-color: #eaeaea; @@ -76,6 +77,7 @@ xul|caption { margin: 0; } +xul|caption > xul|checkbox, xul|caption > xul|label { font-size: 1.1rem; font-weight: bold; @@ -117,7 +119,7 @@ xul|prefpane > xul|*.content-box { xul|groupbox { -moz-appearance: none; border: none; - margin: 15px 0; + margin: 15px 0 0; -moz-padding-start: 0; -moz-padding-end: 0; font-size: 1.0rem; @@ -252,7 +254,7 @@ xul|menulist > xul|*.menulist-label-box { padding-left: 10px !important; } -xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon { +xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] { -moz-margin-end: 5px; } @@ -436,23 +438,23 @@ xul|textbox[disabled="true"] { /* Links */ html|a, -xul|*.text-link, -xul|*.inline-link { +.text-link, +.inline-link { line-height: 22px; color: #0095dd; text-decoration: none; } html|a:hover, -xul|*.text-link:hover, -xul|*.inline-link:hover { - color: #4cb1ff; - text-decoration: none; +.text-link:hover, +.inline-link:hover { + color: #178ce5; + text-decoration: underline; } html|a:hover:active, -xul|*.text-link:hover:active, -xul|*.inline-link:hover:active { +.text-link:hover:active, +.inline-link:hover:active { color: #ff9500; text-decoration: none; } @@ -465,11 +467,29 @@ xul|*.inline-link:-moz-focusring { /* 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 { +xul|*.checkbox-check, +html|input[type="checkbox"] + html|label:before { -moz-appearance: none; width: 23px; height: 23px; @@ -484,7 +504,8 @@ xul|*.checkbox-check { 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 { +xul|checkbox:not([disabled="true"]):hover > xul|*.checkbox-check, +html|input[type="checkbox"]:not(:disabled) + html|label:hover:before { border-color: #0095dd; } @@ -492,7 +513,12 @@ xul|*.checkbox-check[checked] { list-style-image: url("chrome://global/skin/in-content/check.svg#check"); } -xul|checkbox[disabled="true"] > xul|*.checkbox-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; } @@ -505,6 +531,10 @@ xul|richlistitem > xul|*.checkbox-check { margin: 3px 6px; } +xul|radio { + -moz-margin-start: 0; +} + xul|*.radio-check { -moz-appearance: none; width: 23px; @@ -591,6 +621,7 @@ xul|*#categories[keyboard-navigation="true"]:-moz-focusring > xul|*.category[cur font-weight: normal; line-height: 32px; margin: 0; + -moz-user-select: none; } /* File fields */ @@ -676,6 +707,11 @@ xul|tree { border: 1px solid #c1c1c1; } +xul|tree:-moz-focusring, +xul|richlistbox:-moz-focusring { + border: 1px dotted #0095dd; +} + xul|listheader, xul|treecols { -moz-appearance: none; @@ -693,7 +729,7 @@ xul|treecolpicker { padding: 5px 10px; } -xul|treecol:not([hideheader="true"]):hover, +xul|treecol:not([hideheader="true"]):not([sortable="false"]):hover, xul|treecolpicker:hover { background-color: #dadada; color: #333; @@ -707,21 +743,15 @@ xul|treecolpicker { } xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] { - list-style-image: url("chrome://global/skin/in-content/sorter.png"); - width: 12px; - height: 8px; + 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="descending"] { +xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection="ascending"] { transform: scaleY(-1); } -@media (min-resolution: 2dppx) { - xul|treecol:not([hideheader="true"]) > xul|*.treecol-sortdirection[sortDirection] { - list-style-image: url("chrome://global/skin/in-content/sorter@2x.png"); - } -} - /* This is the only way to increase the height of a tree row unfortunately */ xul|treechildren::-moz-tree-row { min-height: 2em; @@ -735,6 +765,7 @@ xul|treechildren::-moz-tree-cell-text { xul|treechildren::-moz-tree-cell-text(selected) { color: #fff; } + xul|tab[selected] { /* Override styles for tab[selected] from toolkit/themes/linux/global/tabbox.css */ @@ -744,6 +775,7 @@ xul|tab[selected] { } xul|button, +html|button, xul|colorpicker[type="button"], xul|menulist { margin: 2px 4px; @@ -793,7 +825,6 @@ xul|*.checkbox-check[checked] { xul|radio { -moz-binding: url("chrome://global/content/bindings/radio.xml#radio"); -moz-box-align: center; - -moz-margin-start: 0; } xul|*.radio-check { diff --git a/theme/shared/global/in-content/info-pages.css b/theme/shared/global/in-content/info-pages.css new file mode 100644 index 00000000..09838d32 --- /dev/null +++ b/theme/shared/global/in-content/info-pages.css @@ -0,0 +1,89 @@ +@import url("chrome://global/skin/in-content/common.css"); +/* Body and container */ +body { + display: flex; + 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; +} + +/* 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 { + min-height: 12em; + margin-top: 1.2em; + width: 100%; +} \ No newline at end of file diff --git a/theme/shared/global/in-content/sorter.png b/theme/shared/global/in-content/sorter.png deleted file mode 100644 index 41934733aae415712b2d513f7ee07e15cda217b4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 264 zcmV+j0r&oiP)5Ie|2mz4d<;&L?PMkXX%d}Z@j{y0scr~nFzg}SCw3+w&CQbhj z!qaBWp9Ivzgv)g1NmJ)+>FS&O9|`}PIcI(p$YuOc znm~-HGv~Usb@l&g>FE96+S&IXL?h#lzDc*YZQI5N)-ZF?BDt3KzBi4no&THKy8gpx zWHyNI>Ycm}f{JjCFfe!$Qs<{@}bdS#f O0000`;+z zr9&wQf@ljS0SCq7xni_pq!0DN@BUA6ZqCg;=N^lti6P7Kh~+;90JM>Kd`#F>Zl&j8p9DvGq|k1}FUnxRlW;MU%MDZiZ#U=+@5EMo zJONJFe8aHCkaCRv-j+9^DcFz4r@ege(Gv)Q8S++S71wpO61@E=ogVQCr0n(y!1_g? z`VCHa+TJ^yYpNdadGEzEoH1S=>cRShx2aTWyrG-*9=uB=irwW2KqEL=KX?PuMLwVJ zt6L9RR7Hu*JKfx~!_9#iG@zlia3YcL`|ck%p+}6xk`oS=tJoPIw7`ofg_r10nx-b3 z%?`R)?#kx!!iLiWRBLUjwYHhx=Je?M+Xqu$>R~h!!wI`qha2ia0~uOt8-6@VF_X!B zHX%I{&y(eKI|GfdW^;Y08Ptb0{A@y;`b(wK>|Lc|ebBUXUDt0=A2eN88wJ;^nx@^W zs+O--tE61MUck7+Z~cMO5Hf?%u8bln - - - - - - - + + style="fill:#ffffff;" /> + style="filter:url(#dropShadow);" /> + style="fill:url(#arrowGradient);" /> + style="fill:url(#whiteGradient);" /> + style="fill:white;fill-opacity:.3;" /> + style="fill:white;fill-opacity:.8;" /> diff --git a/theme/shared/global/reader/RM-Add-24x24.svg b/theme/shared/global/reader/RM-Add-24x24.svg new file mode 100644 index 00000000..66551ef1 --- /dev/null +++ b/theme/shared/global/reader/RM-Add-24x24.svg @@ -0,0 +1,6 @@ + + + + diff --git a/theme/shared/global/reader/RM-Close-24x24.svg b/theme/shared/global/reader/RM-Close-24x24.svg new file mode 100644 index 00000000..b0674b2d --- /dev/null +++ b/theme/shared/global/reader/RM-Close-24x24.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/theme/shared/global/reader/RM-Delete-24x24.svg b/theme/shared/global/reader/RM-Delete-24x24.svg new file mode 100644 index 00000000..6010fbe7 --- /dev/null +++ b/theme/shared/global/reader/RM-Delete-24x24.svg @@ -0,0 +1,6 @@ + + + + diff --git a/theme/shared/global/reader/RM-Minus-24x24.svg b/theme/shared/global/reader/RM-Minus-24x24.svg new file mode 100644 index 00000000..9da7e03b --- /dev/null +++ b/theme/shared/global/reader/RM-Minus-24x24.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/global/reader/RM-Plus-24x24.svg b/theme/shared/global/reader/RM-Plus-24x24.svg new file mode 100644 index 00000000..249912a1 --- /dev/null +++ b/theme/shared/global/reader/RM-Plus-24x24.svg @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/global/reader/RM-Reading-List-24x24.svg b/theme/shared/global/reader/RM-Reading-List-24x24.svg new file mode 100644 index 00000000..1f21efd5 --- /dev/null +++ b/theme/shared/global/reader/RM-Reading-List-24x24.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/global/reader/RM-Type-Controls-24x24.svg b/theme/shared/global/reader/RM-Type-Controls-24x24.svg new file mode 100644 index 00000000..a25429ad --- /dev/null +++ b/theme/shared/global/reader/RM-Type-Controls-24x24.svg @@ -0,0 +1,23 @@ + + + + + + + diff --git a/theme/shared/global/reader/RM-Type-Controls-Arrow.svg b/theme/shared/global/reader/RM-Type-Controls-Arrow.svg new file mode 100644 index 00000000..9094d8a3 --- /dev/null +++ b/theme/shared/global/reader/RM-Type-Controls-Arrow.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/theme/shared/mozapps/extensions/utilities.svg b/theme/shared/mozapps/extensions/utilities.svg new file mode 100644 index 00000000..fd911001 --- /dev/null +++ b/theme/shared/mozapps/extensions/utilities.svg @@ -0,0 +1,25 @@ + + + + + + + + +