diff options
Diffstat (limited to 'arc-firefox-theme/chrome/global')
46 files changed, 475 insertions, 233 deletions
diff --git a/arc-firefox-theme/chrome/global/about.css b/arc-firefox-theme/chrome/global/about.css index 75b378c..25f5299 100644 --- a/arc-firefox-theme/chrome/global/about.css +++ b/arc-firefox-theme/chrome/global/about.css @@ -17,7 +17,7 @@ body { border: 1px solid ThreeDShadow; border-radius: 10px; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: -moz-Field; } @@ -43,7 +43,7 @@ img { ul { margin: 0; - -moz-margin-start: 1.5em; + margin-inline-start: 1.5em; padding: 0; list-style: square; } diff --git a/arc-firefox-theme/chrome/global/aboutReader.css b/arc-firefox-theme/chrome/global/aboutReader.css index 8121e5f..84a4657 100644 --- a/arc-firefox-theme/chrome/global/aboutReader.css +++ b/arc-firefox-theme/chrome/global/aboutReader.css @@ -9,9 +9,22 @@ body { @media (max-width: 785px) { body { padding-top: 64px; - -moz-padding-end: 0; + padding-inline-end: 0; padding-bottom: 64px; - -moz-padding-start: 51px; + padding-inline-start: 51px; + } +} + +@media print { + #container { + max-width: 100% !important; + font-size: 14px !important; + font-family: Georgia, "Times New Roman", serif !important; + } + + body { + padding-top: 0px; + padding-bottom: 0px; } } @@ -93,6 +106,42 @@ body.serif .remove-button { font-size: 28px; } +#container.content-width1 { + max-width: 20em; +} + +#container.content-width2 { + max-width: 25em; +} + +#container.content-width3 { + max-width: 30em; +} + +#container.content-width4 { + max-width: 35em; +} + +#container.content-width5 { + max-width: 40em; +} + +#container.content-width6 { + max-width: 45em; +} + +#container.content-width7 { + max-width: 50em; +} + +#container.content-width8 { + max-width: 55em; +} + +#container.content-width9 { + max-width: 60em; +} + /* Override some controls and content styles based on color scheme */ body.light > .container > .header > .domain { @@ -112,13 +161,27 @@ body.sepia > .container > .footer { } body.light blockquote { - -moz-border-start: 2px solid #333333 !important; + border-inline-start: 2px solid #333333 !important; } body.sepia blockquote { - -moz-border-start: 2px solid #5b4636 !important; + border-inline-start: 2px solid #5b4636 !important; } body.dark blockquote { - -moz-border-start: 2px solid #eeeeee !important; + border-inline-start: 2px solid #eeeeee !important; +} + +/* Add toolbar transition base on loaded class */ + +body.loaded .toolbar { + transition: transform 0.3s ease-out; +} + +body:not(.loaded) .toolbar:-moz-locale-dir(ltr) { + transform: translateX(-100%); +} + +body:not(.loaded) .toolbar:-moz-locale-dir(rtl) { + transform: translateX(100%); } diff --git a/arc-firefox-theme/chrome/global/aboutReaderContent.css b/arc-firefox-theme/chrome/global/aboutReaderContent.css index 94972c5..9c70c08 100644 --- a/arc-firefox-theme/chrome/global/aboutReaderContent.css +++ b/arc-firefox-theme/chrome/global/aboutReaderContent.css @@ -8,6 +8,56 @@ line-height: 1.6em; } +#moz-reader-content.line-height1 { + line-height: 1em; +} + +#moz-reader-content.line-height2 { + line-height: 1.2em; +} + +#moz-reader-content.line-height3 { + line-height: 1.4em; +} + +#moz-reader-content.line-height4 { + line-height: 1.6em; +} + +#moz-reader-content.line-height5 { + line-height: 1.8em; +} + +#moz-reader-content.line-height6 { + line-height: 2.0em; +} + +#moz-reader-content.line-height7 { + line-height: 2.2em; +} + +#moz-reader-content.line-height8 { + line-height: 2.4em; +} + +#moz-reader-content.line-height9 { + line-height: 2.6em; +} + +@media print { + p, + code, + pre, + blockquote, + ul, + ol, + li, + figure, + .wp-caption { + margin: 0 0 10px 0 !important; + } +} + h1, h2, h3 { @@ -87,7 +137,7 @@ pre { blockquote { padding: 0; - -moz-padding-start: 16px; + padding-inline-start: 16px; } ul, @@ -96,12 +146,12 @@ ol { } ul { - -moz-padding-start: 30px; + padding-inline-start: 30px; list-style: disc; } ol { - -moz-padding-start: 30px; + padding-inline-start: 30px; list-style: decimal; } diff --git a/arc-firefox-theme/chrome/global/aboutReaderControls.css b/arc-firefox-theme/chrome/global/aboutReaderControls.css index b640e3c..09f8bdc 100644 --- a/arc-firefox-theme/chrome/global/aboutReaderControls.css +++ b/arc-firefox-theme/chrome/global/aboutReaderControls.css @@ -162,7 +162,9 @@ #font-type-buttons, #font-size-buttons, -#color-scheme-buttons { +#color-scheme-buttons, +#content-width-buttons, +#line-height-buttons { display: flex; flex-direction: row; } @@ -182,13 +184,17 @@ #font-type-buttons > button, #font-size-buttons > button, -#color-scheme-buttons > button { +#color-scheme-buttons > button, +#content-width-buttons > button, +#line-height-buttons > button { text-align: center; border: 0; } #font-type-buttons > button, -#font-size-buttons > button { +#font-size-buttons > button, +#content-width-buttons > button, +#line-height-buttons > button { width: 50%; background-color: transparent; border-left: 1px solid #B5B5B5; @@ -206,7 +212,9 @@ } #font-type-buttons > button:first-child, -#font-size-buttons > button:first-child { +#font-size-buttons > button:first-child, +#content-width-buttons > button:first-child, +#line-height-buttons > button:first-child { border-left: 0; } @@ -217,7 +225,9 @@ } #font-size-buttons > button, -#color-scheme-buttons > button { +#color-scheme-buttons > button, +#content-width-buttons > button, +#line-height-buttons > button { height: 60px; } @@ -255,14 +265,20 @@ .button:hover, #font-size-buttons > button:hover, -#font-type-buttons > button:hover { +#font-type-buttons > button:hover, +#content-width-buttons > button:hover, +#line-height-buttons > button:hover { background-color: #ebebeb; } .dropdown.open, .button:active, #font-size-buttons > button:active, -#font-size-buttons > button.selected { +#font-size-buttons > button.selected, +#content-width-buttons > button:active, +#content-width-buttons > button.selected, +#line-height-buttons > button:active, +#line-height-buttons > button.selected { background-color: #dadada; } @@ -272,7 +288,11 @@ } .minus-button, -.plus-button { +.plus-button, +.content-width-minus-button, +.content-width-plus-button, +.line-height-minus-button, +.line-height-plus-button { background-color: transparent; border: 0; background-size: 18px 18px; @@ -314,6 +334,26 @@ background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg"); } +.content-width-minus-button { + background-size: 42px 16px; + background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg"); +} + +.content-width-plus-button { + background-size: 44px 16px; + background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg"); +} + +.line-height-minus-button { + background-size: 34px 14px; + background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg"); +} + +.line-height-plus-button { + background-size: 34px 24px; + background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg"); +} + @media print { .toolbar { display: none !important; diff --git a/arc-firefox-theme/chrome/global/aboutSupport.css b/arc-firefox-theme/chrome/global/aboutSupport.css index 590c190..d26cd3c 100644 --- a/arc-firefox-theme/chrome/global/aboutSupport.css +++ b/arc-firefox-theme/chrome/global/aboutSupport.css @@ -24,8 +24,8 @@ body { } button { - -moz-margin-start: 0; - -moz-margin-end: 8px; + margin-inline-start: 0; + margin-inline-end: 8px; } table { @@ -93,8 +93,8 @@ td { float: right; margin-top: 2em; margin-bottom: 20px; - -moz-margin-start: 20px; - -moz-margin-end: 0; + margin-inline-start: 20px; + margin-inline-end: 0; padding: 16px; width: 30%; } @@ -105,7 +105,7 @@ td { display: none; } -#action-box:-moz-dir(rtl) { +#action-box:dir(rtl) { float: left; } @@ -117,6 +117,11 @@ td { display: block; } +#verify-place-result { + max-height: 200px; + overflow: auto; +} + .block { display: block; } diff --git a/arc-firefox-theme/chrome/global/autocomplete.css b/arc-firefox-theme/chrome/global/autocomplete.css index 9d1616b..0b4536c 100644 --- a/arc-firefox-theme/chrome/global/autocomplete.css +++ b/arc-firefox-theme/chrome/global/autocomplete.css @@ -48,11 +48,7 @@ textbox:not(.padded) .textbox-input-box { panel[type="autocomplete"], panel[type="autocomplete-richlistbox"], .autocomplete-history-popup { - border-width: 1px; - -moz-border-top-colors: ThreeDDarkShadow; - -moz-border-right-colors: ThreeDDarkShadow; - -moz-border-bottom-colors: ThreeDDarkShadow; - -moz-border-left-colors: ThreeDDarkShadow; + border: 1px solid ThreeDShadow; padding: 0; color: -moz-FieldText; background-color: -moz-Field; @@ -84,7 +80,7 @@ panel[type="autocomplete-richlistbox"], } .autocomplete-treebody::-moz-tree-cell-text { - -moz-padding-start: 8px; + padding-inline-start: 8px; } treechildren.autocomplete-treebody::-moz-tree-row(selected) { @@ -117,8 +113,8 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { height: 16px; max-width: 16px; max-height: 16px; - -moz-margin-start: 13px; - -moz-margin-end: 6px; + margin-inline-start: 13px; + margin-inline-end: 6px; } .ac-site-icon { @@ -126,8 +122,8 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { height: 16px; max-width: 16px; max-height: 16px; - -moz-margin-start: 0; - -moz-margin-end: 11px; + margin-inline-start: 0; + margin-inline-end: 11px; list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } @@ -145,23 +141,23 @@ treechildren.autocomplete-treebody::-moz-tree-cell-text(selected) { } .ac-title { - -moz-margin-start: 0; - -moz-margin-end: 6px; + margin-inline-start: 0; + margin-inline-end: 6px; } html|span.ac-tag { - -moz-margin-start: 0; - -moz-margin-end: 2px; + margin-inline-start: 0; + margin-inline-end: 2px; } .ac-tags { - -moz-margin-start: 0; - -moz-margin-end: 4px; + margin-inline-start: 0; + margin-inline-end: 4px; } .ac-separator { - -moz-margin-start: 0; - -moz-margin-end: 6px; + margin-inline-start: 0; + margin-inline-end: 6px; } /* Better align the URL/action with the title. */ diff --git a/arc-firefox-theme/chrome/global/button.css b/arc-firefox-theme/chrome/global/button.css index dc051f4..8b5f331 100644 --- a/arc-firefox-theme/chrome/global/button.css +++ b/arc-firefox-theme/chrome/global/button.css @@ -29,12 +29,12 @@ button { border: 1px solid transparent; padding-top: 1px; padding-bottom: 2px; - -moz-padding-start: 3px; - -moz-padding-end: 4px; + padding-inline-start: 3px; + padding-inline-end: 4px; } .button-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .button-text { @@ -88,8 +88,8 @@ button[open="true"] > .button-box, button[checked="true"] > .button-box { padding-top: 2px; padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 3px; + padding-inline-start: 4px; + padding-inline-end: 3px; } /* .......... disabled state .......... */ @@ -106,8 +106,8 @@ button[disabled="true"]:hover:active { button[disabled="true"] > .button-box { padding-top: 1px !important; padding-bottom: 2px !important; - -moz-padding-start: 3px !important; - -moz-padding-end: 4px !important; + padding-inline-start: 3px !important; + padding-inline-end: 4px !important; } /* ::::: menu/menu-button buttons ::::: */ @@ -126,7 +126,7 @@ button[type="menu-button"] { } .button-menubutton-dropmarker { - -moz-margin-end: 3px; + margin-inline-end: 3px; } /* ::::: plain buttons ::::: */ diff --git a/arc-firefox-theme/chrome/global/checkbox.css b/arc-firefox-theme/chrome/global/checkbox.css index de2e93c..a4e0744 100644 --- a/arc-firefox-theme/chrome/global/checkbox.css +++ b/arc-firefox-theme/chrome/global/checkbox.css @@ -42,7 +42,7 @@ checkbox { } .checkbox-icon[src] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .checkbox-label { diff --git a/arc-firefox-theme/chrome/global/commonDialog.css b/arc-firefox-theme/chrome/global/commonDialog.css index 6d95081..f5c5af7 100644 --- a/arc-firefox-theme/chrome/global/commonDialog.css +++ b/arc-firefox-theme/chrome/global/commonDialog.css @@ -3,8 +3,8 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #filler { - -moz-margin-start: -8px; - -moz-margin-end: -10px; + margin-inline-start: -8px; + margin-inline-end: -10px; } #iconContainer { diff --git a/arc-firefox-theme/chrome/global/config.css b/arc-firefox-theme/chrome/global/config.css index f1c7396..8e8d23a 100644 --- a/arc-firefox-theme/chrome/global/config.css +++ b/arc-firefox-theme/chrome/global/config.css @@ -6,8 +6,8 @@ font-size: 15px; padding-top: 0; padding-bottom: 0; - -moz-padding-start: calc(48px + 4.6em); - -moz-padding-end: 48px; + padding-inline-start: calc(48px + 4.6em); + padding-inline-end: 48px; } .title { @@ -32,7 +32,7 @@ #filterRow { margin-top: 4px; - -moz-margin-start: 4px; + margin-inline-start: 4px; } #configTree { diff --git a/arc-firefox-theme/chrome/global/console/console.css b/arc-firefox-theme/chrome/global/console/console.css index 7c90037..adb17fc 100644 --- a/arc-firefox-theme/chrome/global/console/console.css +++ b/arc-firefox-theme/chrome/global/console/console.css @@ -22,7 +22,7 @@ .console-row-icon { padding: 4px; - -moz-padding-start: 5px; + padding-inline-start: 5px; -moz-box-align: start !important; } @@ -48,8 +48,8 @@ .console-row-code { padding-top: 3px; padding-bottom: 3px; - -moz-padding-start: 3px; - -moz-padding-end: 0px; + padding-inline-start: 3px; + padding-inline-end: 0px; color: #0000BB; font-size: larger; } @@ -114,8 +114,8 @@ #ButtonEval { margin-top: 2px !important; margin-bottom: 2px !important; - -moz-margin-start: 0px !important; - -moz-margin-end: 2px !important; + margin-inline-start: 0px !important; + margin-inline-end: 2px !important; } /* Toolbar icons */ @@ -145,12 +145,12 @@ toolbar#ToolbarMode toolbarbutton { } toolbar#ToolbarMode .toolbarbutton-text { - -moz-padding-end: 4px; + padding-inline-end: 4px; } /* ::::: Fix Error Console toolbar button text spacing ::::: */ .toolbarbutton-text { - -moz-padding-start: 0px; - -moz-padding-end: 5px; + padding-inline-start: 0px; + padding-inline-end: 5px; } diff --git a/arc-firefox-theme/chrome/global/datetimepicker.css b/arc-firefox-theme/chrome/global/datetimepicker.css index 7e2c8f7..2552103 100644 --- a/arc-firefox-theme/chrome/global/datetimepicker.css +++ b/arc-firefox-theme/chrome/global/datetimepicker.css @@ -20,15 +20,15 @@ datepicker, timepicker { .datetimepicker-input-box { -moz-appearance: textfield; cursor: text; - -moz-margin-end: 2px; + margin-inline-end: 2px; border: 2px solid; -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow; -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow; -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; padding: 2px 0 3px 0; - -moz-padding-start: 4px; - -moz-padding-end: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; background-color: -moz-Field; color: -moz-FieldText; } diff --git a/arc-firefox-theme/chrome/global/dialog.css b/arc-firefox-theme/chrome/global/dialog.css index 044dad6..635425e 100644 --- a/arc-firefox-theme/chrome/global/dialog.css +++ b/arc-firefox-theme/chrome/global/dialog.css @@ -13,8 +13,8 @@ dialog { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } /* ::::: dialog buttons ::::: */ @@ -50,16 +50,16 @@ dialogheader { -moz-box-orient: vertical; margin-top: -8px; margin-bottom: 0; - -moz-margin-start: -8px; - -moz-margin-end: -10px; + margin-inline-start: -8px; + margin-inline-end: -10px; border-left: none; border-right: none; border-top: none; -moz-border-bottom-colors: ThreeDHighlight ThreeDShadow; padding-top: 12px; padding-bottom: 12px; - -moz-padding-start: 25px; - -moz-padding-end: 5px; + padding-inline-start: 25px; + padding-inline-end: 5px; background-color: Window; color: WindowText; } @@ -70,5 +70,5 @@ dialogheader { } .header-large > .dialogheader-description { - -moz-margin-start: 12px !important; + margin-inline-start: 12px !important; } diff --git a/arc-firefox-theme/chrome/global/dirListing/dirListing.css b/arc-firefox-theme/chrome/global/dirListing/dirListing.css index 4fc092d..c44983b 100644 --- a/arc-firefox-theme/chrome/global/dirListing/dirListing.css +++ b/arc-firefox-theme/chrome/global/dirListing/dirListing.css @@ -45,7 +45,7 @@ p { float: left; } -#UI_goUp:-moz-dir(rtl) { +#UI_goUp:dir(rtl) { float: right; } @@ -54,7 +54,7 @@ p { float: right; } -#UI_showHidden:-moz-dir(rtl) { +#UI_showHidden:dir(rtl) { float: left; } @@ -89,12 +89,12 @@ td:not(:first-child) { .up { padding: 0 .5em; - -moz-margin-start: 20px; + margin-inline-start: 20px; } .up::before { - -moz-margin-end: 4px; - -moz-margin-start: -20px; + margin-inline-end: 4px; + margin-inline-start: -20px; vertical-align: middle; content: url(moz-icon://stock/gtk-go-up?size=menu); } diff --git a/arc-firefox-theme/chrome/global/expander.css b/arc-firefox-theme/chrome/global/expander.css index 6c7d290..92cb18d 100644 --- a/arc-firefox-theme/chrome/global/expander.css +++ b/arc-firefox-theme/chrome/global/expander.css @@ -9,6 +9,6 @@ .settingsContainer { padding-top: 3px; padding-bottom: 5px; - -moz-padding-start: 20px; - -moz-padding-end: 5px; + padding-inline-start: 20px; + padding-inline-end: 5px; } diff --git a/arc-firefox-theme/chrome/global/filefield.css b/arc-firefox-theme/chrome/global/filefield.css index 11bb836..e22b64e 100644 --- a/arc-firefox-theme/chrome/global/filefield.css +++ b/arc-firefox-theme/chrome/global/filefield.css @@ -24,8 +24,8 @@ filefield { height: 16px; margin-top: 1px; margin-bottom: 1px; - -moz-margin-start: 1px; - -moz-margin-end: 4px; + margin-inline-start: 1px; + margin-inline-end: 4px; } .fileFieldLabel { diff --git a/arc-firefox-theme/chrome/global/findBar.css b/arc-firefox-theme/chrome/global/findBar.css index 82a9ab7..44aa43b 100644 --- a/arc-firefox-theme/chrome/global/findBar.css +++ b/arc-firefox-theme/chrome/global/findBar.css @@ -28,7 +28,7 @@ findbar[noanim] { } .findbar-container { - -moz-padding-start: 8px; + padding-inline-start: 8px; padding-top: 4px; padding-bottom: 4px; } @@ -83,12 +83,11 @@ findbar[noanim] { .findbar-find-previous, .findbar-find-next { - -moz-margin-start: 0; + margin-inline-start: 0; -moz-appearance: none; background: linear-gradient(rgba(255,255,255,.9), rgba(255,255,255,.2)); border: 1px solid ThreeDShadow; box-shadow: 0 1px #fff inset; - list-style-image: url("chrome://global/skin/icons/find-arrows.png"); padding: 5px 9px; line-height: 1em; } @@ -107,12 +106,12 @@ findbar[noanim] { } .findbar-find-previous { - -moz-image-region: rect(0, 12px, 9px, 0); - -moz-border-end-width: 0; + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous); + border-inline-end-width: 0; } .findbar-find-next { - -moz-image-region: rect(0, 24px, 9px, 12px); + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-next); } .findbar-find-previous > .toolbarbutton-icon, @@ -136,23 +135,23 @@ findbar[noanim] { } .findbar-find-previous:focus + .findbar-find-next { - -moz-border-start-width: 0; + border-inline-start-width: 0; } .findbar-find-previous:focus { - -moz-border-end-width: 1px; + border-inline-end-width: 1px; } .findbar-highlight, .findbar-case-sensitive { - -moz-margin-start: 5px; + margin-inline-start: 5px; } .findbar-find-status, .findbar-matches { color: GrayText; margin: 0 !important; - -moz-margin-start: 12px !important; + margin-inline-start: 12px !important; } .find-status-icon[status="pending"] { diff --git a/arc-firefox-theme/chrome/global/global.css b/arc-firefox-theme/chrome/global/global.css index 5ddc664..e424774 100644 --- a/arc-firefox-theme/chrome/global/global.css +++ b/arc-firefox-theme/chrome/global/global.css @@ -50,8 +50,8 @@ prefwindow { window.dialog { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } /* ::::: alert icons :::::*/ @@ -132,7 +132,7 @@ sidebarheader { } sidebarheader > label { - -moz-padding-start: 4px; + padding-inline-start: 4px; } .toolbar-focustarget { @@ -222,8 +222,8 @@ label { cursor: default; margin-top: 1px; margin-bottom: 2px; - -moz-margin-start: 6px; - -moz-margin-end: 5px; + margin-inline-start: 6px; + margin-inline-end: 5px; } description { @@ -247,7 +247,7 @@ label[disabled="true"] { } .indent { - -moz-margin-start: 23px; + margin-inline-start: 23px; } .box-padded { diff --git a/arc-firefox-theme/chrome/global/groupbox.css b/arc-firefox-theme/chrome/global/groupbox.css index b31aac8..5cf1cb4 100644 --- a/arc-firefox-theme/chrome/global/groupbox.css +++ b/arc-firefox-theme/chrome/global/groupbox.css @@ -16,7 +16,7 @@ groupbox { } .groupbox-body { - -moz-padding-start: 10px; + padding-inline-start: 10px; } caption { @@ -28,5 +28,5 @@ caption { .caption-text { margin-top: 0 !important; margin-bottom: 0 !important; - -moz-margin-start: 1px !important; + margin-inline-start: 1px !important; } diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.png b/arc-firefox-theme/chrome/global/icons/find-arrows.png Binary files differdeleted file mode 100644 index 1a3a9da..0000000 --- a/arc-firefox-theme/chrome/global/icons/find-arrows.png +++ /dev/null diff --git a/arc-firefox-theme/chrome/global/icons/find-arrows.svg b/arc-firefox-theme/chrome/global/icons/find-arrows.svg new file mode 100644 index 0000000..608c0a7 --- /dev/null +++ b/arc-firefox-theme/chrome/global/icons/find-arrows.svg @@ -0,0 +1,16 @@ +<?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="12" height="12" viewBox="0 0 12 12"> + <style> + path:not(:target) { + display: none; + } + path { + fill: -moz-dialogtext; + } + </style> + <path id="glyph-find-previous" d="M5.407,1.5l-5,4.599L1.65,7.283l3.757-3.387l3.705,3.385l1.296-1.158L5.407,1.5z"/> + <path id="glyph-find-next" d="M5.547,8.255L0.538,3.53l1.239-1.265l3.77,3.641l3.719-3.641l1.264,1.188L5.547,8.255z"/> +</svg> diff --git a/arc-firefox-theme/chrome/global/in-content/common.css b/arc-firefox-theme/chrome/global/in-content/common.css index 78f429c..1a4bff3 100644 --- a/arc-firefox-theme/chrome/global/in-content/common.css +++ b/arc-firefox-theme/chrome/global/in-content/common.css @@ -83,9 +83,9 @@ xul|caption > xul|label { *|*.main-content { padding-top: 40px; - -moz-padding-end: 44px; /* compensate the 4px margin of child elements */ + padding-inline-end: 44px; /* compensate the 4px margin of child elements */ padding-bottom: 48px; - -moz-padding-start: 48px; + padding-inline-start: 48px; overflow: auto; } @@ -99,16 +99,16 @@ xul|groupbox { -moz-appearance: none; border: none; margin: 15px 0 0; - -moz-padding-start: 0; - -moz-padding-end: 0; + padding-inline-start: 0; + padding-inline-end: 0; font-size: 1.25rem; } -xul|groupbox xul|label:not(.menu-accel):not(.menu-text), +xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent), xul|groupbox xul|description { /* !important needed to override toolkit !important rule */ - -moz-margin-start: 0 !important; - -moz-margin-end: 0 !important; + margin-inline-start: 0 !important; + margin-inline-end: 0 !important; } /* tabpanels and tabs */ @@ -174,6 +174,7 @@ html|button { /* xul buttons and menulists */ *|button, +html|select, xul|colorpicker[type="button"], xul|menulist { -moz-appearance: none; @@ -189,6 +190,7 @@ xul|menulist { } html|button:enabled:hover, +html|select:enabled:hover, xul|button:not([disabled="true"]):hover, xul|colorpicker[type="button"]:not([disabled="true"]):hover, xul|menulist:not([disabled="true"]):hover { @@ -196,6 +198,7 @@ xul|menulist:not([disabled="true"]):hover { } html|button:enabled:hover:active, +html|select:enabled:hover:active, xul|button:not([disabled="true"]):hover:active, xul|colorpicker[type="button"]:not([disabled="true"]):hover:active, xul|menulist[open="true"]:not([disabled="true"]) { @@ -203,6 +206,7 @@ xul|menulist[open="true"]:not([disabled="true"]) { } html|button:disabled, +html|select:disabled, xul|button[disabled="true"], xul|colorpicker[type="button"][disabled="true"], xul|menulist[disabled="true"] { @@ -237,13 +241,13 @@ xul|menulist > xul|*.menulist-label-box { } xul|menulist > xul|*.menulist-label-box > xul|*.menulist-icon[src] { - -moz-margin-end: 5px; + margin-inline-end: 5px; } xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { -moz-appearance: none; margin: 1px 0; - -moz-margin-start: 10px; + margin-inline-start: 10px; padding: 0; width: 10px; height: 16px; @@ -254,7 +258,7 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { xul|*.help-button { min-width: 16px; - -moz-margin-end: 0; + margin-inline-end: 0; border-width: 0; background-image: none; box-shadow: none; @@ -294,8 +298,8 @@ xul|*.help-button > xul|*.button-box > xul|*.button-text { xul|*.spinbuttons-button { min-height: initial; - -moz-margin-start: 10px !important; - -moz-margin-end: 2px !important; + margin-inline-start: 10px !important; + margin-inline-end: 2px !important; } xul|*.spinbuttons-up { @@ -330,7 +334,7 @@ xul|*.spinbuttons-down[disabled="true"] > xul|*.button-box > xul|*.button-icon { xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { -moz-appearance: none; - -moz-margin-end: 4px; + margin-inline-end: 4px; padding: 0; border: none; background-color: transparent; @@ -363,8 +367,8 @@ xul|button[type="menu"] > xul|menupopup xul|menuitem { color: var(--in-content-text-color); padding-top: 0.2em; padding-bottom: 0.2em; - -moz-padding-start: 10px; - -moz-padding-end: 30px; + padding-inline-start: 10px; + padding-inline-end: 30px; } xul|menulist > xul|menupopup > xul|menu:not([disabled="true"])[_moz-menuactive="true"], @@ -446,15 +450,13 @@ xul|textbox[disabled="true"] { /* Links */ html|a, -.text-link, -.inline-link { +.text-link { color: var(--in-content-link-color); text-decoration: none; } html|a:hover, -.text-link:hover, -.inline-link:hover { +.text-link:hover { color: var(--in-content-link-color-hover); text-decoration: underline; } @@ -464,8 +466,7 @@ html|a:visited { } html|a:hover:active, -.text-link:hover:active, -.inline-link:hover:active { +.text-link:hover:active { color: var(--in-content-link-color-active); text-decoration: none; } @@ -492,7 +493,7 @@ html|input[type="checkbox"] + html|label { } xul|checkbox { - -moz-margin-start: 0; + margin-inline-start: 0; } xul|*.checkbox-check, @@ -502,7 +503,7 @@ html|input[type="checkbox"] + html|label:before { height: 23px; border-radius: 2px; border: 1px solid var(--in-content-box-border-color); - -moz-margin-end: 10px; + margin-inline-end: 10px; background-color: #f1f1f1; /* !important needed to override toolkit checked !important rule */ background-image: linear-gradient(#fff, rgba(255,255,255,0.8)) !important; @@ -530,8 +531,8 @@ html|input[type="checkbox"]:disabled + html|label { } xul|*.checkbox-label-box { - -moz-margin-start: -1px; /* negative margin for the transparent border */ - -moz-padding-start: 0; + margin-inline-start: -1px; /* negative margin for the transparent border */ + padding-inline-start: 0; } xul|richlistitem > xul|*.checkbox-check { @@ -539,7 +540,7 @@ xul|richlistitem > xul|*.checkbox-check { } xul|radio { - -moz-margin-start: 0; + margin-inline-start: 0; } xul|*.radio-check { @@ -548,7 +549,7 @@ xul|*.radio-check { height: 23px; border: 1px solid var(--in-content-box-border-color); border-radius: 50%; - -moz-margin-end: 10px; + margin-inline-end: 10px; background-color: #f1f1f1; background-image: linear-gradient(#fff, rgba(255,255,255,0.80)); box-shadow: 0 1px 1px 0 #fff, inset 0 2px 0 0 rgba(0,0,0,0.03); @@ -567,9 +568,9 @@ xul|radio[disabled="true"] > xul|*.radio-check { } xul|*.radio-label-box { - -moz-margin-start: -1px; /* negative margin for the transparent border */ - -moz-margin-end: 10px; - -moz-padding-start: 0; + margin-inline-start: -1px; /* negative margin for the transparent border */ + margin-inline-end: 10px; + padding-inline-start: 0; } /* Category List */ @@ -585,9 +586,9 @@ xul|*.radio-label-box { *|*.category { -moz-appearance: none; color: var(--in-content-category-text); - -moz-border-end-width: 0; - -moz-padding-start: 15px; - -moz-padding-end: 21px; + border-inline-end-width: 0; + padding-inline-start: 15px; + padding-inline-end: 21px; min-height: 40px; transition: background-color 150ms; } @@ -600,8 +601,8 @@ xul|*.radio-label-box { *|*.category.selected { background-color: var(--in-content-category-background-active); color: var(--in-content-category-text-selected); - -moz-padding-start: 11px; /* compensate the 4px border */ - -moz-border-start: solid 4px var(--in-content-border-highlight); + padding-inline-start: 11px; /* compensate the 4px border */ + border-inline-start: solid 4px var(--in-content-border-highlight); } *|*#categories[keyboard-navigation="true"]:-moz-focusring > *|*.category[current] { @@ -613,7 +614,7 @@ xul|*.radio-label-box { line-height: 22px; font-size: 1.25rem; padding-bottom: 2px; - -moz-padding-start: 9px; + padding-inline-start: 9px; margin: 0; -moz-user-select: none; } @@ -627,7 +628,7 @@ xul|*.radio-label-box { *|*.header { border-bottom: 1px solid var(--in-content-header-border-color); - -moz-margin-end: 4px; /* add the 4px end-margin of other elements */ + margin-inline-end: 4px; /* add the 4px end-margin of other elements */ margin-bottom: 15px; padding-bottom: 15px; -moz-box-align: baseline; @@ -655,13 +656,13 @@ xul|*.fileFieldContentBox { } xul|*.fileFieldIcon { - -moz-margin-start: 10px; - -moz-margin-end: 0; + margin-inline-start: 10px; + margin-inline-end: 0; } xul|*.fileFieldLabel { - -moz-margin-start: -26px; - -moz-padding-start: 36px; + margin-inline-start: -26px; + padding-inline-start: 36px; } xul|textbox:-moz-locale-dir(rtl), @@ -682,7 +683,7 @@ xul|filefield + xul|button:-moz-locale-dir(rtl) { xul|textbox + xul|button, xul|filefield + xul|button { - -moz-border-start: none; + border-inline-start: none; } /* List boxes */ @@ -690,7 +691,7 @@ xul|filefield + xul|button { xul|richlistbox, xul|listbox { -moz-appearance: none; - -moz-margin-start: 0; + margin-inline-start: 0; background-color: var(--in-content-box-background); border: 1px solid var(--in-content-box-border-color); color: var(--in-content-text-color); @@ -760,8 +761,8 @@ xul|treecolpicker:hover { xul|treecol:not([hideheader="true"]):not(:first-child), xul|treecolpicker { - -moz-border-start-width: 1px; - -moz-border-start-style: solid; + border-inline-start-width: 1px; + border-inline-start-style: solid; border-image: linear-gradient(transparent 0%, transparent 20%, #c1c1c1 20%, #c1c1c1 80%, transparent 80%, transparent 100%) 1 1; } @@ -814,11 +815,11 @@ xul|button[type="menu"] > xul|*.button-box > xul|*.button-menu-dropmarker { } xul|*.help-button > xul|*.button-box > xul|*.button-icon { - -moz-margin-end: 0; + margin-inline-end: 0; } xul|*.groupbox-body { - -moz-padding-start: 0; + padding-inline-start: 0; } xul|menulist { @@ -875,8 +876,7 @@ xul|*.numberbox-input-box { border-width: 0; } -xul|*.text-link:-moz-focusring, -xul|*.inline-link:-moz-focusring { +xul|*.text-link:-moz-focusring { border: 1px dotted -moz-DialogText; } diff --git a/arc-firefox-theme/chrome/global/in-content/info-pages.css b/arc-firefox-theme/chrome/global/in-content/info-pages.css index 54b1be8..b75b06a 100644 --- a/arc-firefox-theme/chrome/global/in-content/info-pages.css +++ b/arc-firefox-theme/chrome/global/in-content/info-pages.css @@ -8,8 +8,8 @@ body { min-height: 100vh; padding-top: 0; padding-bottom: 0; - -moz-padding-start: calc(48px + 4.6em); - -moz-padding-end: 48px; + padding-inline-start: calc(48px + 4.6em); + padding-inline-end: 48px; align-items: center; justify-content: center; } @@ -32,12 +32,12 @@ body { background-position: left 0; background-repeat: no-repeat; background-size: 1.6em; - -moz-margin-start: -2.3em; - -moz-padding-start: 2.3em; + margin-inline-start: -2.3em; + padding-inline-start: 2.3em; font-size: 2.5em; } -.title:-moz-dir(rtl) { +.title:dir(rtl) { background-position: right 0; } @@ -54,8 +54,8 @@ body { .title { background-image: none !important; - -moz-padding-start: 0; - -moz-margin-start: 0; + padding-inline-start: 0; + margin-inline-start: 0; } .title-text { @@ -66,7 +66,7 @@ body { ul, ol { margin: 0; padding: 0; - -moz-margin-start: 1em; + margin-inline-start: 1em; } ul > li, ol > li { @@ -87,7 +87,7 @@ ul { } .button-container > button:first-child { - -moz-margin-start: 0; + margin-inline-start: 0; } /* Trees */ diff --git a/arc-firefox-theme/chrome/global/listbox.css b/arc-firefox-theme/chrome/global/listbox.css index 1e73844..dbce007 100644 --- a/arc-firefox-theme/chrome/global/listbox.css +++ b/arc-firefox-theme/chrome/global/listbox.css @@ -79,16 +79,16 @@ listheader[sortable="true"]:hover:active { -moz-border-left-colors: ThreeDShadow -moz-Dialog; padding-top: 0px; padding-bottom: 0px; - -moz-padding-start: 3px; - -moz-padding-end: 1px; + padding-inline-start: 3px; + padding-inline-end: 1px; } .listheader-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listheader-icon[sortable="true"]:hover:active { - -moz-margin-end: 1px; + margin-inline-end: 1px; } .listheader-label { @@ -107,13 +107,13 @@ listheader[sortable="true"]:hover:active { margin: 0px !important; padding-top: 0px; padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 0px; + padding-inline-start: 4px; + padding-inline-end: 0px; white-space: nowrap; } .listcell-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listcell-label[disabled="true"] { diff --git a/arc-firefox-theme/chrome/global/media/videocontrols.css b/arc-firefox-theme/chrome/global/media/videocontrols.css index 17101ad..09e9a5f 100644 --- a/arc-firefox-theme/chrome/global/media/videocontrols.css +++ b/arc-firefox-theme/chrome/global/media/videocontrols.css @@ -94,7 +94,7 @@ .controlBar[fullscreen-unavailable] > .volumeStack { /* This value is duplicated in the videocontrols.xml adjustControlSize function. */ - -moz-margin-end: 8px; + margin-inline-end: 8px; } .volumeControl .scale-thumb { diff --git a/arc-firefox-theme/chrome/global/menu.css b/arc-firefox-theme/chrome/global/menu.css index aab929e..58214e3 100644 --- a/arc-firefox-theme/chrome/global/menu.css +++ b/arc-firefox-theme/chrome/global/menu.css @@ -84,34 +84,34 @@ menulist > menupopup > menu { .menu-iconic-text { margin-top: 0px !important; margin-bottom: 0px !important; - -moz-margin-start: 0px !important; - -moz-margin-end: 2px !important; + margin-inline-start: 0px !important; + margin-inline-end: 2px !important; color: inherit; } .menu-text { /* This is (18 + the size of end-padding on .menu-iconic-left)px */ - -moz-margin-start: 21px !important; + margin-inline-start: 21px !important; font-weight: inherit; } menucaption > .menu-text, menucaption > .menu-iconic-text { - -moz-margin-start: 0 !important; + margin-inline-start: 0 !important; font-weight: bold; } .menu-description { font-style: italic; color: GrayText; - -moz-margin-start: 1ex !important; + margin-inline-start: 1ex !important; } .menu-accel, .menu-iconic-accel { margin-top: 0px !important; margin-bottom: 0px !important; - -moz-margin-start: 7px !important; + margin-inline-start: 7px !important; color: inherit; } @@ -123,7 +123,7 @@ menucaption > .menu-iconic-text { .menu-iconic-right { width: 16px; /* We can only hardcode this, to make the default GTK icon<->label spacing */ - -moz-padding-end: 3px !important; + padding-inline-end: 3px !important; } .menu-iconic-icon { @@ -134,8 +134,8 @@ menucaption > .menu-iconic-text { .menu-right { margin-top: 0px; margin-bottom: 0px; - -moz-margin-start: 6px; - -moz-margin-end: 0px; + margin-inline-start: 6px; + margin-inline-end: 0px; width: 1ex; height: 1ex; /* These next two rules are needed to prevent inheritance and thus ugliness */ @@ -147,8 +147,8 @@ menucaption > .menu-iconic-text { .menubar-left { margin-top: 0px; margin-bottom: 0px; - -moz-margin-start: 0px; - -moz-margin-end: 2px; + margin-inline-start: 0px; + margin-inline-end: 2px; color: inherit; } @@ -204,7 +204,7 @@ menulist > menupopup > menuseparator { /* ::::: tree column picker ::::: */ .treecell-popupcell-menu { - -moz-margin-start: -2px; + margin-inline-start: -2px; list-style-image: url("chrome://global/skin/columnselect.gif"); -moz-image-region: auto; } diff --git a/arc-firefox-theme/chrome/global/menulist.css b/arc-firefox-theme/chrome/global/menulist.css index d33c4d2..30e55e1 100644 --- a/arc-firefox-theme/chrome/global/menulist.css +++ b/arc-firefox-theme/chrome/global/menulist.css @@ -52,7 +52,7 @@ menulist[disabled="true"]:hover:active { .menulist-description { font-style: italic; color: GrayText; - -moz-margin-start: 1ex !important; + margin-inline-start: 1ex !important; } /* ::::: editable menulists ::::: */ @@ -66,8 +66,8 @@ menulist[editable="true"] { -moz-appearance: menulist-textfield; padding-top: 3px; padding-bottom: 3px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } menulist[editable="true"] > .menulist-dropmarker { diff --git a/arc-firefox-theme/chrome/global/narrate/narrate.svg b/arc-firefox-theme/chrome/global/narrate/narrate.svg deleted file mode 100644 index 597b0a6..0000000 --- a/arc-firefox-theme/chrome/global/narrate/narrate.svg +++ /dev/null @@ -1,3 +0,0 @@ -<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18.77"> - <path fill="gray" d="M3.13 13.72a1.57 1.57 0 0 1-3.13 0V5.41a1.57 1.57 0 0 1 3.13 0v8.31zm6.29 3.62a1.57 1.57 0 0 1-3.13 0V1.44a1.57 1.57 0 0 1 3.13 0v15.9zm6.29-2.9a1.57 1.57 0 0 1-3.13 0V4.83a1.57 1.57 0 0 1 3.13 0v9.61zM22 12.62a1.57 1.57 0 0 1-3.13 0V6.15a1.57 1.57 0 0 1 3.13 0v6.47z"/> -</svg> diff --git a/arc-firefox-theme/chrome/global/narrateControls.css b/arc-firefox-theme/chrome/global/narrateControls.css index dc24a4c..91d02d8 100644 --- a/arc-firefox-theme/chrome/global/narrateControls.css +++ b/arc-firefox-theme/chrome/global/narrateControls.css @@ -2,8 +2,9 @@ --border-color: #e5e5e5; } -#narrate-toggle { - background-image: url("chrome://global/skin/narrate/narrate.svg"); +#narrate-toggle > svg { + display: block; + margin: 0 8px; } .dropdown-popup button { @@ -64,7 +65,7 @@ background-image: url("chrome://global/skin/narrate/start.svg"); } -#narrate-start-stop.speaking { +#narrate-dropdown.speaking #narrate-start-stop { background-image: url("chrome://global/skin/narrate/stop.svg"); } diff --git a/arc-firefox-theme/chrome/global/netError.css b/arc-firefox-theme/chrome/global/netError.css index 77e3cea..69e74c5 100644 --- a/arc-firefox-theme/chrome/global/netError.css +++ b/arc-firefox-theme/chrome/global/netError.css @@ -29,7 +29,7 @@ h1 { ul, ol { margin: 0; - -moz-margin-start: 1.5em; + margin-inline-start: 1.5em; padding: 0; } @@ -49,7 +49,7 @@ ul { border: 1px solid ThreeDShadow; border-radius: 10px; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: url("moz-icon://stock/gtk-dialog-warning?size=dialog") left 0 no-repeat -moz-Field; background-origin: content-box; } @@ -58,16 +58,16 @@ ul { background-image: url("chrome://global/skin/icons/sslWarning.png"); } -#errorPageContainer:-moz-dir(rtl) { +#errorPageContainer:dir(rtl) { background-position: right 0; } #errorTitle { - -moz-margin-start: 80px; + margin-inline-start: 80px; } #errorLongContent { - -moz-margin-start: 80px; + margin-inline-start: 80px; } #errorShortDesc > p { @@ -79,7 +79,7 @@ ul { } #errorLongDesc { - -moz-padding-end: 3em; + padding-inline-end: 3em; font-size: 110%; } @@ -88,18 +88,18 @@ ul { #errorTryAgain { margin-top: 2em; - -moz-margin-start: 80px; + margin-inline-start: 80px; } #brand { position: absolute; right: 0; bottom: -1.5em; - -moz-margin-end: 10px; + margin-inline-end: 10px; opacity: .4; } -#brand:-moz-dir(rtl) { +#brand:dir(rtl) { right: auto; left: 0; } diff --git a/arc-firefox-theme/chrome/global/notification.css b/arc-firefox-theme/chrome/global/notification.css index ffa0607..48613f5 100644 --- a/arc-firefox-theme/chrome/global/notification.css +++ b/arc-firefox-theme/chrome/global/notification.css @@ -40,8 +40,8 @@ notification[type="critical"] { .messageImage { width: 16px; height: 16px; - -moz-margin-start: 6px; - -moz-margin-end: 1px; + margin-inline-start: 6px; + margin-inline-end: 1px; } /* Default icons for notifications */ @@ -87,7 +87,7 @@ notification[type="critical"] { } .popup-notification-closebutton { - -moz-margin-end: -10px; + margin-inline-end: -10px; margin-top: -6px; } diff --git a/arc-firefox-theme/chrome/global/passwordmgr.css b/arc-firefox-theme/chrome/global/passwordmgr.css index 9cb48d1..f95d176 100644 --- a/arc-firefox-theme/chrome/global/passwordmgr.css +++ b/arc-firefox-theme/chrome/global/passwordmgr.css @@ -16,7 +16,7 @@ treechildren::-moz-tree-image(siteCol) { list-style-image: url(chrome://mozapps/skin/places/defaultFavicon.png); width: 16px; height: 16px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } @media (min-resolution: 1.1dppx) { diff --git a/arc-firefox-theme/chrome/global/preferences.css b/arc-firefox-theme/chrome/global/preferences.css index d71627c..ef6a622 100644 --- a/arc-firefox-theme/chrome/global/preferences.css +++ b/arc-firefox-theme/chrome/global/preferences.css @@ -28,8 +28,8 @@ prefwindow[type="child"] > prefpane { .prefWindow-dlgbuttons { padding-bottom: 8px; - -moz-padding-start: 8px; - -moz-padding-end: 8px; + padding-inline-start: 8px; + padding-inline-end: 8px; } prefwindow[type="child"] .prefWindow-dlgbuttons { diff --git a/arc-firefox-theme/chrome/global/radio.css b/arc-firefox-theme/chrome/global/radio.css index 23c53b5..5083e82 100644 --- a/arc-firefox-theme/chrome/global/radio.css +++ b/arc-firefox-theme/chrome/global/radio.css @@ -42,7 +42,7 @@ radio { } .radio-icon[src] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .radio-label { diff --git a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg index e57a475..89fc1eb 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Close-24x24.svg @@ -2,7 +2,7 @@ <!-- This Source Code Form is subject to the terms of the Mozilla Public - License, v. 2.0. If a copy of the MPL was not distributed with this - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> -<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> +<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> <defs> <style> use:not(:target) { @@ -15,10 +15,8 @@ fill: #fff; } </style> - <g id="close-shape"> - <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/> - <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/> - </g> + + <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/> </defs> <use id="close" xlink:href="#close-shape"/> <use id="close-hover" xlink:href="#close-shape"/> diff --git a/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg new file mode 100644 index 0000000..48bbb9e --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="42" + height="16" + viewBox="0 0 42 16" + fill="#808080"> + + <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z"/> + <path d="M38.5,7 L32.75,1.25 L34,6.58831647e-15 L42,8 L41.375,8.625 L34,16 L32.75,14.75 L38.5,9 L24,9 L24,7 L38.5,7 Z" transform="translate(33.000000, 8.000000) scale(-1, 1) translate(-33.000000, -8.000000)"/> + +</svg> diff --git a/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg new file mode 100644 index 0000000..bcdcbe8 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg @@ -0,0 +1,19 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="44" + height="16" + viewBox="0 0 44 16" + fill="#808080"> + + <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z" transform="translate(9.000000, 8.000000) scale(-1, 1) translate(-9.000000, -8.000000)"/> + <path d="M40.5,7 L34.75,1.25 L36,-5.17110888e-16 L44,8 L43.375,8.625 L36,16 L34.75,14.75 L40.5,9 L26,9 L26,7 L40.5,7 Z"/> + +</svg> diff --git a/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg new file mode 100644 index 0000000..05d5282 --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="38" + height="14" + viewBox="0 0 38 14" + fill="#808080"> + + <rect x="0" y="0" width="28" height="2"/> + <rect x="0" y="6" width="38" height="2"/> + <rect x="0" y="12" width="18" height="2"/> + +</svg> diff --git a/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg new file mode 100644 index 0000000..0a5ee0d --- /dev/null +++ b/arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg @@ -0,0 +1,20 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> + +<!-- This Source Code Form is subject to the terms of the Mozilla Public + - License, v. 2.0. If a copy of the MPL was not distributed with this + - file, You can obtain one at http://mozilla.org/MPL/2.0/. --> + +<svg version="1.1" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + width="38" + height="24" + viewBox="0 0 38 24" + fill="#808080"> + + <rect x="0" y="0" width="28" height="2"/> + <rect x="0" y="11" width="38" height="2"/> + <rect x="0" y="22" width="18" height="2"/> + +</svg> diff --git a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg index 8a5a212..5f43818 100644 --- a/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg +++ b/arc-firefox-theme/chrome/global/reader/RM-Type-Controls-24x24.svg @@ -2,7 +2,6 @@ <!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07 H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166 L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>
- <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425 c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815 S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581 s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273 c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181 c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061 c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459 c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474 c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03 s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592 c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786 c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117 c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path fill="#737373" d="M10.87,18.989h2.144L8.3,3.991H5.724l-4.739,15H3.044l1.115-4.171h5.6ZM4.652,12.91L6.968,5.69l2.294,7.22H4.652ZM22.1,16.515v-5.06c0-2.31-.984-3.713-3.65-3.713a10.236,10.236,0,0,0-3.7.756L15.116,9.9A9.9,9.9,0,0,1,18.1,9.317c1.533,0,1.958.627,1.958,2.223v0.975h-1.35c-3.086,0-4.871,1.125-4.871,3.5a3.217,3.217,0,0,0,3.527,3.338,3.205,3.205,0,0,0,2.945-1.659,2.573,2.573,0,0,0,2.436,1.659l0.441-1.344A1.408,1.408,0,0,1,22.1,16.515ZM17.8,17.9a1.744,1.744,0,0,1-1.911-1.995c0-1.512,1.029-2.111,3.065-2.111h1.1V16.18C19.426,17.334,18.938,17.9,17.8,17.9Z"/>
</svg>
diff --git a/arc-firefox-theme/chrome/global/tabbox.css b/arc-firefox-theme/chrome/global/tabbox.css index f575996..e8c3741 100644 --- a/arc-firefox-theme/chrome/global/tabbox.css +++ b/arc-firefox-theme/chrome/global/tabbox.css @@ -59,7 +59,7 @@ tab[visuallyselected="true"] { } tab + tab { - -moz-margin-start: -2px; + margin-inline-start: -2px; } .tab-text { diff --git a/arc-firefox-theme/chrome/global/textbox.css b/arc-firefox-theme/chrome/global/textbox.css index d0ce11a..5cf4ece 100644 --- a/arc-firefox-theme/chrome/global/textbox.css +++ b/arc-firefox-theme/chrome/global/textbox.css @@ -21,7 +21,7 @@ textbox { -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow; padding: 2px 2px 3px; - -moz-padding-start: 4px; + padding-inline-start: 4px; background-color: -moz-Field; color: -moz-FieldText; } diff --git a/arc-firefox-theme/chrome/global/toolbar.css b/arc-firefox-theme/chrome/global/toolbar.css index 05a6c2d..2b683da 100644 --- a/arc-firefox-theme/chrome/global/toolbar.css +++ b/arc-firefox-theme/chrome/global/toolbar.css @@ -75,8 +75,8 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer { .toolbarpaletteitem-box[type="spring"][place="toolbar"] { margin-top: 2px; margin-bottom: 2px; - -moz-margin-start: 0px; - -moz-margin-end: 2px; + margin-inline-start: 0px; + margin-inline-end: 2px; } .toolbarpaletteitem-box[type="separator"][place="palette"] { diff --git a/arc-firefox-theme/chrome/global/toolbarbutton.css b/arc-firefox-theme/chrome/global/toolbarbutton.css index ffaf672..c28d64d 100644 --- a/arc-firefox-theme/chrome/global/toolbarbutton.css +++ b/arc-firefox-theme/chrome/global/toolbarbutton.css @@ -25,7 +25,7 @@ toolbarbutton:-moz-lwtheme { .toolbarbutton-icon[label]:not([label=""]), .toolbarbutton-icon[type="menu"] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .toolbarbutton-text { @@ -45,8 +45,8 @@ toolbarbutton:hover:active, toolbarbutton[open="true"] { padding-top: 4px; padding-bottom: 2px; - -moz-padding-start: 4px; - -moz-padding-end: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; color: ButtonText; } @@ -107,7 +107,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active { /* ::::: toolbarbutton badged ::::: */ .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { - -moz-margin-end: 0; + margin-inline-end: 0; } .toolbarbutton-badge { @@ -120,7 +120,7 @@ toolbarbutton[type="menu-button"][disabled="true"]:hover:active { 0 -1px 0 hsla(0, 0%, 0%, .1) inset, 0 1px 0 hsla(206, 50%, 10%, .2); margin: -6px 0 0 !important; - -moz-margin-end: -8px !important; + margin-inline-end: -8px !important; min-width: 14px; max-width: 28px; line-height: 10px; diff --git a/arc-firefox-theme/chrome/global/tree.css b/arc-firefox-theme/chrome/global/tree.css index 24bba1b..1002847 100644 --- a/arc-firefox-theme/chrome/global/tree.css +++ b/arc-firefox-theme/chrome/global/tree.css @@ -176,7 +176,7 @@ treechildren::-moz-tree-drop-feedback { background-color: Highlight; width: 50px; height: 2px; - -moz-margin-start: 5px; + margin-inline-start: 5px; } /* ::::: tree progress meter ::::: */ @@ -249,13 +249,13 @@ treecolpicker:hover:active { -moz-border-left-colors: ThreeDShadow -moz-Dialog; padding-top: 0px; padding-bottom: 0px; - -moz-padding-start: 3px; - -moz-padding-end: 1px; + padding-inline-start: 3px; + padding-inline-end: 1px; } .treecol-image:hover:active { padding: 0px; - -moz-padding-start: 2px; + padding-inline-start: 2px; } treecol:hover:active .treecol-text { @@ -284,11 +284,11 @@ treecol[insertbefore="true"]:-moz-locale-dir(ltr) { } treechildren::-moz-tree-column(insertbefore) { - -moz-border-start: 1px solid ThreeDShadow; + border-inline-start: 1px solid ThreeDShadow; } treechildren::-moz-tree-column(insertafter) { - -moz-border-end: 1px solid ThreeDShadow; + border-inline-end: 1px solid ThreeDShadow; } /* ::::: sort direction indicator ::::: */ @@ -307,7 +307,7 @@ treechildren::-moz-tree-column(insertafter) { treechildren::-moz-tree-twisty { -moz-appearance: treetwisty; - -moz-padding-end: 4px; + padding-inline-end: 4px; padding-top: 1px; width: 9px; /* The image's width is 9 pixels */ list-style-image: url("chrome://global/skin/tree/twisty-clsd.png"); @@ -353,6 +353,6 @@ treechildren::-moz-tree-cell-text(selected, editing) { -moz-border-left-colors: Highlight; -moz-border-right-colors: Highlight; margin: 0; - -moz-margin-start: -4px; + margin-inline-start: -4px; padding: 1px; } diff --git a/arc-firefox-theme/chrome/global/wizard.css b/arc-firefox-theme/chrome/global/wizard.css index 4bf7d51..b46ed7e 100644 --- a/arc-firefox-theme/chrome/global/wizard.css +++ b/arc-firefox-theme/chrome/global/wizard.css @@ -19,17 +19,17 @@ wizard[description=""] .wizard-header-description { } .wizard-header-label { - -moz-margin-start: 23px; + margin-inline-start: 23px; font-weight: bold; } .wizard-header-description { - -moz-margin-start: 44px; + margin-inline-start: 44px; } wizard[branded="true"] .wizard-header-icon { list-style-image: url("chrome://branding/content/icon48.png"); - -moz-margin-end: 5px; + margin-inline-end: 5px; } .wizard-page-box { @@ -46,9 +46,9 @@ wizard[branded="true"] .wizard-header-icon { .wizard-button[dlgtype="finish"], .wizard-button[dlgtype="next"] { - -moz-margin-start: 0px !important; + margin-inline-start: 0px !important; } .wizard-button[dlgtype="back"] { - -moz-margin-end: 0px !important; + margin-inline-end: 0px !important; } |
