aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/global
diff options
context:
space:
mode:
Diffstat (limited to 'arc-firefox-theme/chrome/global')
-rw-r--r--arc-firefox-theme/chrome/global/aboutReader.css11
-rw-r--r--arc-firefox-theme/chrome/global/aboutReaderContent.css22
-rw-r--r--arc-firefox-theme/chrome/global/alerts/alert-common.css6
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-lft-hov.gifbin54 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/arrow/arrow-rit-hov.gifbin54 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/global.css8
-rw-r--r--arc-firefox-theme/chrome/global/icons/panelarrow-horizontal.svg8
-rw-r--r--arc-firefox-theme/chrome/global/icons/panelarrow-vertical.svg8
-rw-r--r--arc-firefox-theme/chrome/global/in-content/common.css20
-rw-r--r--arc-firefox-theme/chrome/global/menu.css2
-rw-r--r--arc-firefox-theme/chrome/global/popup.css41
-rw-r--r--arc-firefox-theme/chrome/global/printPreview.css36
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-left-end.pngbin500 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-left.pngbin424 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-right-end.pngbin491 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/printpreview/arrow-right.pngbin444 -> 0 bytes
-rw-r--r--arc-firefox-theme/chrome/global/toolbar.css2
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
Binary files differ
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
Binary files differ
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
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png b/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
deleted file mode 100644
index 02fc98d..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-left.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
deleted file mode 100644
index 5efbe3a..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-right-end.png
+++ /dev/null
Binary files differ
diff --git a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png b/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
deleted file mode 100644
index e9d68e8..0000000
--- a/arc-firefox-theme/chrome/global/printpreview/arrow-right.png
+++ /dev/null
Binary files differ
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;