From 4317ea6fa7e90fc10c97a19db4707775f0629dc0 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Mon, 19 Sep 2016 12:41:39 +0200 Subject: update to 49.0rc4 --- arc-firefox-theme/chrome/global/about.css | 4 +- arc-firefox-theme/chrome/global/aboutReader.css | 73 +++++++++++++-- .../chrome/global/aboutReaderContent.css | 56 +++++++++++- .../chrome/global/aboutReaderControls.css | 56 ++++++++++-- arc-firefox-theme/chrome/global/aboutSupport.css | 15 ++-- arc-firefox-theme/chrome/global/autocomplete.css | 32 +++---- arc-firefox-theme/chrome/global/button.css | 16 ++-- arc-firefox-theme/chrome/global/checkbox.css | 2 +- arc-firefox-theme/chrome/global/commonDialog.css | 4 +- arc-firefox-theme/chrome/global/config.css | 6 +- .../chrome/global/console/console.css | 16 ++-- arc-firefox-theme/chrome/global/datetimepicker.css | 6 +- arc-firefox-theme/chrome/global/dialog.css | 14 +-- .../chrome/global/dirListing/dirListing.css | 10 +-- arc-firefox-theme/chrome/global/expander.css | 4 +- arc-firefox-theme/chrome/global/filefield.css | 4 +- arc-firefox-theme/chrome/global/findBar.css | 19 ++-- arc-firefox-theme/chrome/global/global.css | 12 +-- arc-firefox-theme/chrome/global/groupbox.css | 4 +- .../chrome/global/icons/find-arrows.png | Bin 540 -> 0 bytes .../chrome/global/icons/find-arrows.svg | 16 ++++ .../chrome/global/in-content/common.css | 98 ++++++++++----------- .../chrome/global/in-content/info-pages.css | 18 ++-- arc-firefox-theme/chrome/global/listbox.css | 14 +-- .../chrome/global/media/videocontrols.css | 2 +- arc-firefox-theme/chrome/global/menu.css | 24 ++--- arc-firefox-theme/chrome/global/menulist.css | 6 +- .../chrome/global/narrate/narrate.svg | 3 - .../chrome/global/narrateControls.css | 7 +- arc-firefox-theme/chrome/global/netError.css | 18 ++-- arc-firefox-theme/chrome/global/notification.css | 6 +- arc-firefox-theme/chrome/global/passwordmgr.css | 2 +- arc-firefox-theme/chrome/global/preferences.css | 4 +- arc-firefox-theme/chrome/global/radio.css | 2 +- .../chrome/global/reader/RM-Close-24x24.svg | 8 +- .../global/reader/RM-Content-Width-Minus-42x16.svg | 19 ++++ .../global/reader/RM-Content-Width-Plus-44x16.svg | 19 ++++ .../global/reader/RM-Line-Height-Minus-38x14.svg | 20 +++++ .../global/reader/RM-Line-Height-Plus-38x24.svg | 20 +++++ .../global/reader/RM-Type-Controls-24x24.svg | 5 +- arc-firefox-theme/chrome/global/tabbox.css | 2 +- arc-firefox-theme/chrome/global/textbox.css | 2 +- arc-firefox-theme/chrome/global/toolbar.css | 4 +- arc-firefox-theme/chrome/global/toolbarbutton.css | 10 +-- arc-firefox-theme/chrome/global/tree.css | 16 ++-- arc-firefox-theme/chrome/global/wizard.css | 10 +-- 46 files changed, 475 insertions(+), 233 deletions(-) delete mode 100644 arc-firefox-theme/chrome/global/icons/find-arrows.png create mode 100644 arc-firefox-theme/chrome/global/icons/find-arrows.svg delete mode 100644 arc-firefox-theme/chrome/global/narrate/narrate.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Content-Width-Minus-42x16.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Content-Width-Plus-44x16.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Line-Height-Minus-38x14.svg create mode 100644 arc-firefox-theme/chrome/global/reader/RM-Line-Height-Plus-38x24.svg (limited to 'arc-firefox-theme/chrome/global') 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 deleted file mode 100644 index 1a3a9da..0000000 Binary files a/arc-firefox-theme/chrome/global/icons/find-arrows.png and /dev/null differ 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 @@ + + + + + + + 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 @@ - - - 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 @@ - + - - - - + + 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 @@ + + + + + + + + + + + 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 @@ + + + + + + + + + + + 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 @@ + + + + + + + + + + + + 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 @@ + + + + + + + + + + + + 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 @@ - - - + + 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; } -- cgit v1.2.3