update to 51.0rc2

17 files changed, 76 insertions, 88 deletions

diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css
index 84a4657..49436de 100644
--- a/arc-firefox-theme/chrome/global/aboutReader.css
+++ b/arc-firefox-theme/chrome/global/aboutReader.css
@@ -3,16 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 body {
-  padding: 64px 0;
-}
-
-@media (max-width: 785px) {
-  body {
-    padding-top: 64px;
-    padding-inline-end: 0;
-    padding-bottom: 64px;
-    padding-inline-start: 51px;
-  }
+  padding: 64px 51px;
 }
 
 @media print {
diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css
index 9c70c08..633391d 100644
--- a/arc-firefox-theme/chrome/global/aboutReaderContent.css
+++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css
@@ -79,18 +79,21 @@ h3 {
   line-height: 1.66em;
 }
 
-a {
+a:link {
   text-decoration: underline;
   font-weight: normal;
 }
 
-a,
-a:visited,
-a:hover,
-a:active {
+a:link,
+a:link:hover,
+a:link:active {
   color: #0095dd;
 }
 
+a:visited {
+  color: #c2e;
+}
+
 * {
   max-width: 100%;
   height: auto;
@@ -110,6 +113,15 @@ figure,
   border-radius: 5px;
 }
 
+li {
+  margin-bottom: 0;
+}
+
+li > ul,
+li > ol {
+  margin-bottom: -10px;
+}
+
 p > img:only-child,
 p > a:only-child > img:only-child,
 .wp-caption img,
diff --git a/arc-firefox-theme/chrome/global/alerts/alert-common.css b/arc-firefox-theme/chrome/global/alerts/alert-common.css
index a58388e..010e893 100644
--- a/arc-firefox-theme/chrome/global/alerts/alert-common.css
+++ b/arc-firefox-theme/chrome/global/alerts/alert-common.css
@@ -26,6 +26,12 @@
   animation-name: alert-closing-animation;
 }
 
+#alertBox[animate]:not([clicked]):not([closing]):hover {
+  /* !important is necessary because CSS animations have highest
+     importance in the cascade with exception to !important rules. */
+  opacity: 1 !important;
+}
+
 @keyframes alert-animation {
   from {
     opacity: 0;
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif
deleted file mode 100644
index f209383..0000000
--- a/arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gif
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif b/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif
deleted file mode 100644
index 3abf3ad..0000000
--- a/arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gif
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css
index e424774..709936e 100644
--- a/arc-firefox-theme/chrome/global/global.css
+++ b/arc-firefox-theme/chrome/global/global.css
@@ -33,6 +33,14 @@ toolbar[type="menubar"]:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-me
   -moz-binding: url("chrome://global/content/bindings/toolbar.xml#toolbar-drag");
 }
 
+/* ::::: Variables ::::: */
+:root {
+  --panel-arrowcontent-padding: 10px;
+  --panel-arrowcontent-background: -moz-field;
+  --panel-arrowcontent-color: -moz-fieldText;
+  --panel-arrowcontent-border-color: ThreeDShadow;
+}
+
 /* ::::: root elements ::::: */
 
 window,
diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg
deleted file mode 100644
index 1c4c6bc..0000000
--- a/arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="10" height="20">
-  <path d="M 10,-0.2 L -0.2,10 10,20.2 z" fill="ThreeDShadow"/>
-  <path d="M 10,1.2 L 1.2,10 10,18.8 z" fill="-moz-Dialog"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg b/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg
deleted file mode 100644
index 073d021..0000000
--- a/arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!-- This Source Code Form is subject to the terms of the Mozilla Public
-   - License, v. 2.0. If a copy of the MPL was not distributed with this
-   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
-  <path d="M -0.2,10 L 10,-0.2 20.2,10 z" fill="ThreeDShadow"/>
-  <path d="M 1.2,10 L 10,1.2 18.8,10 z" fill="-moz-Dialog"/>
-</svg>
diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css
index 0252f7f..6a3c188 100644
--- a/arc-firefox-theme/chrome/global/in-content/common.css
+++ b/arc-firefox-theme/chrome/global/in-content/common.css
@@ -296,6 +296,26 @@ xul|*.help-button > xul|*.button-box > xul|*.button-text {
   display: none;
 }
 
+html|*.help-button {
+  width: 16px;
+  height: 16px;
+  border: 0;
+  padding: 0;
+  display: inline-block;
+  background-image: url("chrome://global/skin/in-content/help-glyph.svg#help");
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: contain;
+}
+
+html|*.help-button:hover {
+  background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-hover");
+}
+
+html|*.help-button:hover:active {
+  background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-pressed");
+}
+
 xul|*.spinbuttons-button {
   min-height: initial;
   margin-inline-start: 10px !important;
diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css
index 58214e3..ea73d9c 100644
--- a/arc-firefox-theme/chrome/global/menu.css
+++ b/arc-firefox-theme/chrome/global/menu.css
@@ -183,7 +183,7 @@ menuitem[type="radio"] {
 /* ::::: menuseparator ::::: */
 
 menuseparator {
-  -moz-appearance: menuseparator !important;
+  -moz-appearance: menuseparator;
   margin: 2px 0;
   border-top: 1px solid ThreeDShadow;
   border-bottom: 1px solid ThreeDHighlight;
diff --git a/arc-firefox-theme/chrome/global/popup.css b/arc-firefox-theme/chrome/global/popup.css
index 63c8d86..80256df 100644
--- a/arc-firefox-theme/chrome/global/popup.css
+++ b/arc-firefox-theme/chrome/global/popup.css
@@ -4,14 +4,6 @@
 
 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-/* ::::: Variables ::::: */
-.panel-arrowcontent {
-  --panel-arrowcontent-padding: 10px;
-  --panel-arrowcontent-background: -moz-Dialog;
-  --panel-arrowcontent-color: -moz-DialogText;
-  --panel-arrowcontent-border: 1px solid ThreeDShadow;
-}
-
 /* ::::: menupopup ::::: */
 
 menupopup,
@@ -29,55 +21,58 @@ panel[type="arrow"] {
 
 panel[type="arrow"][side="top"],
 panel[type="arrow"][side="bottom"] {
-  margin-left: -16px;
-  margin-right: -16px;
+  margin-left: -20px;
+  margin-right: -20px;
 }
 
 panel[type="arrow"][side="left"],
 panel[type="arrow"][side="right"] {
-  margin-top: -16px;
-  margin-bottom: -16px;
+  margin-top: -20px;
+  margin-bottom: -20px;
 }
 
 .panel-arrowcontent {
   padding: var(--panel-arrowcontent-padding);
   color: var(--panel-arrowcontent-color);
   background: var(--panel-arrowcontent-background);
-  border: var(--panel-arrowcontent-border);
+  border: 1px solid var(--panel-arrowcontent-border-color);
+  box-shadow: 0 0 4px hsla(0,0%,0%,.2);
+  margin: 4px;
 }
 
 .panel-arrow[side="top"],
 .panel-arrow[side="bottom"] {
-  list-style-image: url("chrome://global/skin/icons/panelarrow-vertical.svg");
+  list-style-image: var(--panel-arrow-image-vertical,
+                        url("chrome://global/skin/arrow/panelarrow-vertical-themed.svg"));
   position: relative;
-  margin-left: 6px;
-  margin-right: 6px;
+  margin-left: 10px;
+  margin-right: 10px;
 }
 
 .panel-arrow[side="top"] {
-  margin-bottom: -1px;
+  margin-bottom: -5px;
 }
 
 .panel-arrow[side="bottom"] {
   transform: scaleY(-1);
-  margin-top: -1px;
+  margin-top: -5px;
 }
 
 .panel-arrow[side="left"],
 .panel-arrow[side="right"] {
-  list-style-image: url("chrome://global/skin/icons/panelarrow-horizontal.svg");
+  list-style-image: url("chrome://global/skin/arrow/panelarrow-horizontal-themed.svg");
   position: relative;
-  margin-top: 6px;
-  margin-bottom: 6px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
 .panel-arrow[side="left"] {
-  margin-right: -1px;
+  margin-right: -5px;
 }
 
 .panel-arrow[side="right"] {
   transform: scaleX(-1);
-  margin-left: -1px;
+  margin-left: -5px;
 }
 
 /* ::::: tooltip ::::: */
diff --git a/arc-firefox-theme/chrome/global/printPreview.css b/arc-firefox-theme/chrome/global/printPreview.css
index 81149c9..5d20e35 100644
--- a/arc-firefox-theme/chrome/global/printPreview.css
+++ b/arc-firefox-theme/chrome/global/printPreview.css
@@ -2,42 +2,14 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-/* ..... page navigation ..... */
-
-.home-arrow {
-  list-style-image: url("moz-icon://stock/gtk-goto-first-ltr?size=menu");
-}
-
-.home-arrow:-moz-locale-dir(rtl) {
-  list-style-image: url("moz-icon://stock/gtk-goto-first-rtl?size=menu");
-}
-
-.end-arrow {
-  list-style-image: url("moz-icon://stock/gtk-goto-last-ltr?size=menu");
-}
-
-.end-arrow:-moz-locale-dir(rtl) {
-  list-style-image: url("moz-icon://stock/gtk-goto-last-rtl?size=menu");
+.navigate-button {
+  min-width: 1.9em;
 }
 
-.previous-arrow {
-  list-style-image: url("moz-icon://stock/gtk-go-back-ltr?size=menu");
+.navigate-button > .toolbarbutton-icon {
+  display: none;
 }
 
-.previous-arrow:-moz-locale-dir(rtl) {
-  list-style-image: url("moz-icon://stock/gtk-go-back-rtl?size=menu");
-}
-
-.next-arrow {
-  list-style-image: url("moz-icon://stock/gtk-go-forward-ltr?size=menu");
-}
-
-.next-arrow:-moz-locale-dir(rtl) {
-  list-style-image: url("moz-icon://stock/gtk-go-forward-rtl?size=menu");
-}
-
-/* ..... orientation ..... */
-
 .toolbar-portrait-page {
   list-style-image: url("moz-icon://stock/gtk-orientation-portrait?size=button");
 }
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png
deleted file mode 100644
index e4e60a0..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-left-end.png
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
deleted file mode 100644
index 02fc98d..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
deleted file mode 100644
index 5efbe3a..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
deleted file mode 100644
index e9d68e8..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
+++ /dev/null
diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css
index 2b683da..f17fea1 100644
--- a/arc-firefox-theme/chrome/global/toolbar.css
+++ b/arc-firefox-theme/chrome/global/toolbar.css
@@ -45,7 +45,7 @@ toolbaritem > menubar {
 /* ::::: toolbar decorations ::::: */
 
 toolbarseparator {
-  -moz-appearance: separator !important;
+  -moz-appearance: separator;
   margin : 0;
   border: 0;
   min-width: 2px;