diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global')
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 Binary files differdeleted 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 Binary files differdeleted 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 Binary files differdeleted 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 Binary files differdeleted 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 Binary files differdeleted 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 Binary files differdeleted 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; |