From dae4507500ac2bc6547a8303851bc9b0bcae5ddf Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sat, 15 Oct 2016 01:52:17 +0200 Subject: [PATCH] first (largest) part of sync for both themes with toolkit windows theme changes in Mozilla 49/50 cycles, including changes for bug 1111440 - Replace -moz- prefixed logical margin/padding/border properties with their standard versions --- EarlyBlue/chatzilla/chatzilla.css | 2 +- .../communicator/aboutPrivateBrowsing.css | 10 +- .../communicator/aboutSessionRestore.css | 4 +- EarlyBlue/communicator/aboutSyncTabs.css | 10 +- .../communicator/bookmarks/bookmarks.css | 2 +- .../bookmarks/bookmarksManager.css | 4 +- .../bookmarks/bookmarksToolbar.css | 2 +- .../bookmarks/editBookmarkOverlay.css | 2 +- EarlyBlue/communicator/brand.css | 6 +- EarlyBlue/communicator/button.css | 14 +- EarlyBlue/communicator/certError.css | 8 +- EarlyBlue/communicator/dataman/dataman.css | 6 +- .../communicator/directory/directory.css | 4 +- .../downloads/downloadmanager.css | 6 +- EarlyBlue/communicator/feed-subscribe.css | 24 +- EarlyBlue/communicator/preferences.css | 4 +- EarlyBlue/communicator/prefpanels.css | 10 +- EarlyBlue/communicator/profile/profile.css | 2 +- .../communicator/profile/profileManager.css | 2 +- .../communicator/search/engineManager.css | 4 +- EarlyBlue/communicator/search/searchbar.css | 8 +- EarlyBlue/communicator/sidebar/sidebar.css | 8 +- EarlyBlue/communicator/sync/syncCommon.css | 2 +- EarlyBlue/communicator/sync/syncSetup.css | 2 +- .../communicator/xpinstall/xpinstall.css | 2 +- EarlyBlue/editor/EditorDialog.css | 14 +- EarlyBlue/editor/editor.css | 8 +- EarlyBlue/editor/editorFormatToolbar.css | 8 +- EarlyBlue/global/about.css | 8 +- EarlyBlue/global/aboutProfiles.css | 10 +- EarlyBlue/global/aboutReader.css | 73 +++++- EarlyBlue/global/aboutReaderContent.css | 56 ++++- EarlyBlue/global/aboutReaderControls.css | 82 ++++--- EarlyBlue/global/aboutSupport.css | 15 +- EarlyBlue/global/autocomplete.css | 30 +-- EarlyBlue/global/browser.css | 8 +- EarlyBlue/global/button.css | 26 +-- EarlyBlue/global/checkbox.css | 4 +- EarlyBlue/global/commonDialog.css | 4 +- EarlyBlue/global/config.css | 6 +- .../global/console/console-error-caret.gif | Bin 55 -> 0 bytes .../global/console/console-error-dash.gif | Bin 48 -> 0 bytes EarlyBlue/global/console/console.css | 212 ------------------ EarlyBlue/global/datetimepicker.css | 6 +- EarlyBlue/global/dialog.css | 10 +- EarlyBlue/global/dirListing/dirListing.css | 14 +- EarlyBlue/global/dropmarker.css | 4 +- EarlyBlue/global/expander.css | 4 +- EarlyBlue/global/filefield.css | 4 +- EarlyBlue/global/findBar.css | 28 +-- EarlyBlue/global/global.css | 14 +- EarlyBlue/global/groupbox.css | 8 +- EarlyBlue/global/icons/filters.svg | 20 ++ EarlyBlue/global/icons/find-arrows.png | Bin 221 -> 0 bytes EarlyBlue/global/icons/find-arrows.svg | 16 ++ EarlyBlue/global/in-content/common.css | 106 +++++---- EarlyBlue/global/in-content/info-pages.css | 18 +- EarlyBlue/global/listbox.css | 12 +- EarlyBlue/global/media/closeCaptionButton.png | Bin 0 -> 188 bytes .../global/media/closeCaptionButton@2x.png | Bin 0 -> 251 bytes EarlyBlue/global/media/videocontrols.css | 140 ++++++++++-- EarlyBlue/global/menu.css | 32 +-- EarlyBlue/global/menulist.css | 6 +- EarlyBlue/global/narrate/narrate.svg | 3 - EarlyBlue/global/narrateControls.css | 7 +- EarlyBlue/global/netError.css | 18 +- EarlyBlue/global/notification.css | 8 +- EarlyBlue/global/passwordmgr.css | 2 +- EarlyBlue/global/plugins.css | 4 +- EarlyBlue/global/preferences.css | 14 +- EarlyBlue/global/radio.css | 2 +- EarlyBlue/global/reader/RM-Close-24x24.svg | 8 +- .../reader/RM-Content-Width-Minus-42x16.svg | 19 ++ .../reader/RM-Content-Width-Plus-44x16.svg | 19 ++ .../reader/RM-Line-Height-Minus-38x14.svg | 20 ++ .../reader/RM-Line-Height-Plus-38x24.svg | 20 ++ .../global/reader/RM-Type-Controls-24x24.svg | 5 +- EarlyBlue/global/reader/pocket.svg | 22 -- EarlyBlue/global/scrollbars.css | 4 +- EarlyBlue/global/scrollbox.css | 8 +- EarlyBlue/global/tabbox.css | 4 +- EarlyBlue/global/textbox.css | 2 +- EarlyBlue/global/toolbar.css | 8 +- EarlyBlue/global/toolbarbutton.css | 22 +- EarlyBlue/global/tree.css | 18 +- EarlyBlue/global/wizard.css | 10 +- EarlyBlue/help/help.css | 2 +- EarlyBlue/help/helpFileLayout.css | 4 +- EarlyBlue/inspector/titledSplitter.css | 4 +- .../inspector/viewers/domNode/domNode.css | 2 +- EarlyBlue/messenger/accountCentral.css | 4 +- EarlyBlue/messenger/accountManage.css | 12 +- EarlyBlue/messenger/accountWizard.css | 4 +- .../messenger/addressbook/abResultsPane.css | 4 +- .../messenger/addressbook/addressbook.css | 16 +- .../addressbook/selectAddressesDialog.css | 4 +- EarlyBlue/messenger/addressingWidget.css | 4 +- EarlyBlue/messenger/filterDialog.css | 2 +- EarlyBlue/messenger/folderPane.css | 2 +- EarlyBlue/messenger/messageBody.css | 2 +- EarlyBlue/messenger/messageHeader.css | 14 +- .../messengercompose/messengercompose.css | 24 +- EarlyBlue/messenger/newmailalert.css | 2 +- EarlyBlue/messenger/prefPanels.css | 4 +- EarlyBlue/messenger/searchDialog.css | 4 +- EarlyBlue/messenger/subscribe.css | 4 +- EarlyBlue/messenger/threadPane.css | 2 +- .../messenger/virtualFolderListDialog.css | 2 +- EarlyBlue/mozapps/aboutNetworking.css | 2 +- EarlyBlue/mozapps/aboutServiceWorkers.css | 2 +- EarlyBlue/mozapps/downloads/downloads.css | 2 +- .../mozapps/downloads/unknownContentType.css | 10 +- EarlyBlue/mozapps/extensions/about.css | 4 +- EarlyBlue/mozapps/extensions/blocklist.css | 4 +- EarlyBlue/mozapps/extensions/eula.css | 2 +- EarlyBlue/mozapps/extensions/extensions.css | 72 +++--- EarlyBlue/mozapps/extensions/newaddon.css | 6 +- EarlyBlue/mozapps/extensions/update.css | 8 +- .../mozapps/extensions/xpinstallConfirm.css | 14 +- EarlyBlue/mozapps/handling/handling.css | 2 +- EarlyBlue/mozapps/plugins/pluginProblem.css | 4 +- EarlyBlue/mozapps/pref/pref.css | 16 +- EarlyBlue/mozapps/update/updates.css | 16 +- EarlyBlue/navigator/navigator.css | 32 +-- EarlyBlue/navigator/pageInfo.css | 10 +- EarlyBlue/navigator/tabbrowser.css | 4 +- EarlyBlue/navigator/webDeveloper.css | 6 +- EarlyBlue/x-browser-old/aboutDialog.css | 8 +- EarlyBlue/x-browser-old/browser.css | 24 +- .../downloads/downloadmanager.css | 8 +- EarlyBlue/x-browser-old/pref/pref.css | 4 +- LCARStrek/browser/aboutPrivateBrowsing.css | 6 +- LCARStrek/browser/aboutProviderDirectory.css | 2 +- LCARStrek/browser/aboutSocialError.css | 2 +- LCARStrek/browser/aboutSyncTabs.css | 14 +- LCARStrek/browser/browser.css | 178 +++++++-------- LCARStrek/browser/controlcenter/panel.css | 16 +- LCARStrek/browser/customizableui/panelUI.css | 2 +- .../browser/customizableui/panelUIOverlay.css | 62 ++--- .../downloads/allDownloadsViewOverlay.css | 4 +- LCARStrek/browser/downloads/downloads.css | 4 +- LCARStrek/browser/feeds/subscribe.css | 26 +-- LCARStrek/browser/newtab/newTab.css | 6 +- LCARStrek/browser/pageInfo.css | 20 +- .../browser/places/editBookmarkOverlay.css | 2 +- LCARStrek/browser/places/organizer.css | 8 +- LCARStrek/browser/places/places.css | 2 +- .../browser/preferences/applications.css | 12 +- .../browser/preferences/in-content/dialog.css | 2 +- .../preferences/in-content/preferences.css | 40 ++-- .../browser/preferences/in-content/search.css | 6 +- LCARStrek/browser/preferences/search.css | 6 +- .../privatebrowsing/aboutPrivateBrowsing.css | 26 +-- LCARStrek/browser/sanitizeDialog.css | 12 +- LCARStrek/browser/searchbar.css | 14 +- LCARStrek/browser/syncCommon.css | 2 +- LCARStrek/browser/syncSetup.css | 2 +- LCARStrek/browser/syncedtabs/sidebar.css | 14 +- LCARStrek/chatzilla/chatzilla.css | 2 +- .../communicator/aboutPrivateBrowsing.css | 10 +- .../communicator/aboutSessionRestore.css | 4 +- LCARStrek/communicator/aboutSyncTabs.css | 10 +- .../communicator/bookmarks/bookmarks.css | 2 +- .../bookmarks/bookmarksManager.css | 4 +- .../bookmarks/bookmarksToolbar.css | 2 +- LCARStrek/communicator/button.css | 32 +-- LCARStrek/communicator/certError.css | 10 +- LCARStrek/communicator/dataman/dataman.css | 6 +- .../communicator/directory/directory.css | 4 +- .../downloads/downloadmanager.css | 2 +- LCARStrek/communicator/feed-subscribe.css | 24 +- LCARStrek/communicator/preferences.css | 2 +- LCARStrek/communicator/prefpanels.css | 10 +- LCARStrek/communicator/profile/profile.css | 14 +- .../communicator/profile/profileManager.css | 2 +- .../communicator/search/engineManager.css | 4 +- LCARStrek/communicator/search/searchbar.css | 6 +- LCARStrek/communicator/sidebar/sidebar.css | 10 +- LCARStrek/communicator/sync/syncCommon.css | 2 +- LCARStrek/communicator/sync/syncSetup.css | 2 +- LCARStrek/communicator/tasksOverlay.css | 2 +- .../communicator/xpinstall/xpinstall.css | 2 +- .../app-manager/connection-footer.css | 8 +- LCARStrek/devtools/app-manager/help.css | 8 +- LCARStrek/devtools/app-manager/index.css | 2 +- LCARStrek/devtools/app-manager/projects.css | 16 +- LCARStrek/devtools/commandline.css | 8 +- LCARStrek/devtools/common.css | 4 +- LCARStrek/devtools/dark-theme.css | 4 +- LCARStrek/devtools/debugger.css | 42 ++-- LCARStrek/devtools/layout.css | 4 +- LCARStrek/devtools/memory.css | 2 +- LCARStrek/devtools/netmonitor.css | 42 ++-- LCARStrek/devtools/performance.css | 34 +-- LCARStrek/devtools/splitview.css | 4 +- LCARStrek/devtools/styleeditor.css | 2 +- LCARStrek/devtools/toolbars.css | 38 ++-- LCARStrek/devtools/webconsole.css | 24 +- LCARStrek/devtools/widgets.css | 86 +++---- LCARStrek/editor/EditorDialog.css | 14 +- LCARStrek/editor/editor.css | 8 +- LCARStrek/editor/editorFormatToolbar.css | 8 +- LCARStrek/global/about.css | 8 +- LCARStrek/global/aboutProfiles.css | 10 +- LCARStrek/global/aboutReader.css | 73 +++++- LCARStrek/global/aboutReaderContent.css | 56 ++++- LCARStrek/global/aboutReaderControls.css | 82 ++++--- LCARStrek/global/aboutSupport.css | 19 +- LCARStrek/global/autocomplete.css | 26 +-- LCARStrek/global/browser.css | 6 +- LCARStrek/global/button.css | 32 +-- LCARStrek/global/checkbox.css | 4 +- LCARStrek/global/commonDialog.css | 4 +- LCARStrek/global/config.css | 6 +- .../global/console/console-error-caret.gif | Bin 55 -> 0 bytes .../global/console/console-error-dash.gif | Bin 48 -> 0 bytes LCARStrek/global/console/console.css | 212 ------------------ LCARStrek/global/datetimepicker.css | 6 +- LCARStrek/global/dialog.css | 6 +- LCARStrek/global/dirListing/dirListing.css | 14 +- LCARStrek/global/dropmarker.css | 4 +- LCARStrek/global/expander.css | 4 +- LCARStrek/global/filefield.css | 4 +- LCARStrek/global/findBar.css | 45 ++-- LCARStrek/global/global.css | 20 +- LCARStrek/global/groupbox.css | 8 +- LCARStrek/global/icons/filters.svg | 20 ++ LCARStrek/global/icons/find-arrows.png | Bin 254 -> 0 bytes LCARStrek/global/icons/find-arrows.svg | 16 ++ LCARStrek/global/icons/loading-inverted.png | Bin 6162 -> 0 bytes .../global/icons/loading-inverted@2x.png | Bin 14807 -> 0 bytes LCARStrek/global/in-content/common.css | 102 +++++---- LCARStrek/global/listbox.css | 16 +- LCARStrek/global/media/closeCaptionButton.png | Bin 0 -> 188 bytes .../global/media/closeCaptionButton@2x.png | Bin 0 -> 251 bytes LCARStrek/global/media/videocontrols.css | 148 ++++++++++-- LCARStrek/global/menu.css | 30 +-- LCARStrek/global/menulist.css | 6 +- LCARStrek/global/narrate/narrate.svg | 3 - LCARStrek/global/narrateControls.css | 7 +- LCARStrek/global/netError.css | 18 +- LCARStrek/global/notification.css | 8 +- LCARStrek/global/passwordmgr.css | 2 +- LCARStrek/global/plugins.css | 10 +- LCARStrek/global/preferences.css | 10 +- LCARStrek/global/radio.css | 2 +- LCARStrek/global/reader/RM-Close-24x24.svg | 8 +- .../reader/RM-Content-Width-Minus-42x16.svg | 19 ++ .../reader/RM-Content-Width-Plus-44x16.svg | 19 ++ .../reader/RM-Line-Height-Minus-38x14.svg | 20 ++ .../reader/RM-Line-Height-Plus-38x24.svg | 20 ++ .../global/reader/RM-Type-Controls-24x24.svg | 5 +- LCARStrek/global/scrollbars.css | 8 +- LCARStrek/global/scrollbox.css | 8 +- LCARStrek/global/tabbox.css | 8 +- LCARStrek/global/textbox.css | 2 +- LCARStrek/global/toolbar.css | 12 +- LCARStrek/global/toolbarbutton.css | 26 +-- LCARStrek/global/tree.css | 26 +-- LCARStrek/global/wizard.css | 10 +- LCARStrek/help/help.css | 2 +- LCARStrek/help/helpFileLayout.css | 4 +- LCARStrek/inspector/titledSplitter.css | 4 +- .../inspector/viewers/domNode/domNode.css | 2 +- LCARStrek/messenger/accountCentral.css | 10 +- LCARStrek/messenger/accountManage.css | 12 +- LCARStrek/messenger/accountWizard.css | 4 +- .../messenger/addressbook/abResultsPane.css | 4 +- .../messenger/addressbook/addressbook.css | 12 +- .../addressbook/selectAddressesDialog.css | 4 +- LCARStrek/messenger/addressingWidget.css | 4 +- LCARStrek/messenger/filterDialog.css | 2 +- LCARStrek/messenger/folderPane.css | 2 +- LCARStrek/messenger/messageBody.css | 2 +- LCARStrek/messenger/messageHeader.css | 16 +- .../messengercompose/messengercompose.css | 26 +-- LCARStrek/messenger/newmailalert.css | 2 +- LCARStrek/messenger/prefPanels.css | 4 +- LCARStrek/messenger/searchDialog.css | 4 +- LCARStrek/messenger/subscribe.css | 6 +- LCARStrek/messenger/threadPane.css | 2 +- .../messenger/virtualFolderListDialog.css | 2 +- LCARStrek/mozapps/aboutNetworking.css | 2 +- LCARStrek/mozapps/aboutServiceWorkers.css | 2 +- LCARStrek/mozapps/downloads/downloads.css | 2 +- .../mozapps/downloads/unknownContentType.css | 10 +- LCARStrek/mozapps/extensions/about.css | 4 +- LCARStrek/mozapps/extensions/blocklist.css | 4 +- LCARStrek/mozapps/extensions/eula.css | 2 +- LCARStrek/mozapps/extensions/extensions.css | 55 ++--- LCARStrek/mozapps/extensions/newaddon.css | 6 +- LCARStrek/mozapps/extensions/update.css | 8 +- .../mozapps/extensions/xpinstallConfirm.css | 14 +- LCARStrek/mozapps/handling/handling.css | 2 +- LCARStrek/mozapps/plugins/pluginProblem.css | 4 +- LCARStrek/mozapps/pref/pref.css | 16 +- LCARStrek/mozapps/update/updates.css | 16 +- LCARStrek/navigator/navigator.css | 38 ++-- LCARStrek/navigator/pageInfo.css | 10 +- LCARStrek/navigator/tabbrowser.css | 6 +- LCARStrek/navigator/webDeveloper.css | 6 +- 301 files changed, 2311 insertions(+), 2063 deletions(-) delete mode 100644 EarlyBlue/global/console/console-error-caret.gif delete mode 100644 EarlyBlue/global/console/console-error-dash.gif delete mode 100644 EarlyBlue/global/console/console.css create mode 100644 EarlyBlue/global/icons/filters.svg delete mode 100644 EarlyBlue/global/icons/find-arrows.png create mode 100644 EarlyBlue/global/icons/find-arrows.svg create mode 100644 EarlyBlue/global/media/closeCaptionButton.png create mode 100644 EarlyBlue/global/media/closeCaptionButton@2x.png delete mode 100644 EarlyBlue/global/narrate/narrate.svg create mode 100644 EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg create mode 100644 EarlyBlue/global/reader/RM-Content-Width-Plus-44x16.svg create mode 100644 EarlyBlue/global/reader/RM-Line-Height-Minus-38x14.svg create mode 100644 EarlyBlue/global/reader/RM-Line-Height-Plus-38x24.svg delete mode 100644 EarlyBlue/global/reader/pocket.svg delete mode 100644 LCARStrek/global/console/console-error-caret.gif delete mode 100644 LCARStrek/global/console/console-error-dash.gif delete mode 100644 LCARStrek/global/console/console.css create mode 100644 LCARStrek/global/icons/filters.svg delete mode 100644 LCARStrek/global/icons/find-arrows.png create mode 100644 LCARStrek/global/icons/find-arrows.svg delete mode 100644 LCARStrek/global/icons/loading-inverted.png delete mode 100644 LCARStrek/global/icons/loading-inverted@2x.png create mode 100644 LCARStrek/global/media/closeCaptionButton.png create mode 100644 LCARStrek/global/media/closeCaptionButton@2x.png delete mode 100644 LCARStrek/global/narrate/narrate.svg create mode 100644 LCARStrek/global/reader/RM-Content-Width-Minus-42x16.svg create mode 100644 LCARStrek/global/reader/RM-Content-Width-Plus-44x16.svg create mode 100644 LCARStrek/global/reader/RM-Line-Height-Minus-38x14.svg create mode 100644 LCARStrek/global/reader/RM-Line-Height-Plus-38x24.svg diff --git a/EarlyBlue/chatzilla/chatzilla.css b/EarlyBlue/chatzilla/chatzilla.css index 2b61a499..5acab7d8 100644 --- a/EarlyBlue/chatzilla/chatzilla.css +++ b/EarlyBlue/chatzilla/chatzilla.css @@ -63,7 +63,7 @@ window { #tabs-drop-indicator-bar { position: relative; margin-top: -3px; - -moz-margin-start: -5px; + margin-inline-start: -5px; height: 3px; } diff --git a/EarlyBlue/communicator/aboutPrivateBrowsing.css b/EarlyBlue/communicator/aboutPrivateBrowsing.css index 0963fcaf..1cfe096c 100644 --- a/EarlyBlue/communicator/aboutPrivateBrowsing.css +++ b/EarlyBlue/communicator/aboutPrivateBrowsing.css @@ -14,7 +14,7 @@ border: 1px solid #666699; border-radius: 10px; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; margin-left: 1em; margin-right: 1em; } @@ -40,19 +40,19 @@ background-image: url("chrome://global/skin/icons/information-48.png"); width: 48px; height: 48px; - -moz-margin-end: 3em; + margin-inline-end: 3em; } #warningBox.normal > #warningBoxIcon { background-image: url("chrome://global/skin/icons/question-48.png"); width: 48px; height: 48px; - -moz-margin-end: 3em; + margin-inline-end: 3em; } #trackWarnBox { margin-top: 0.6em; - -moz-margin-end: 7em; + margin-inline-end: 7em; -moz-box-align: center; } @@ -81,5 +81,5 @@ #warningOuterBox > vbox > label, #warningInnerBox > description { - -moz-margin-start: 0; + margin-inline-start: 0; } diff --git a/EarlyBlue/communicator/aboutSessionRestore.css b/EarlyBlue/communicator/aboutSessionRestore.css index b90c4313..324c5d73 100644 --- a/EarlyBlue/communicator/aboutSessionRestore.css +++ b/EarlyBlue/communicator/aboutSessionRestore.css @@ -44,9 +44,9 @@ treechildren::-moz-tree-row(alternate, selected) { } #buttons { - -moz-margin-start: 80px; + margin-inline-start: 80px; } #buttons > button { margin-top: 2em; - -moz-margin-start: 5px; + margin-inline-start: 5px; } diff --git a/EarlyBlue/communicator/aboutSyncTabs.css b/EarlyBlue/communicator/aboutSyncTabs.css index 5039f341..5a359580 100644 --- a/EarlyBlue/communicator/aboutSyncTabs.css +++ b/EarlyBlue/communicator/aboutSyncTabs.css @@ -12,11 +12,11 @@ #tabsListHeading { font-size: 140%; font-weight: bold; - -moz-margin-start: 40px; + margin-inline-start: 40px; } richlistitem { - -moz-margin-end: 2em; + margin-inline-end: 2em; } richlistitem[selected="true"], @@ -29,7 +29,7 @@ richlistitem[type="tab"] { border: #9999CC 1px solid !important; padding: 2px 5px; margin-bottom: 4px; - -moz-margin-start: 4em; + margin-inline-start: 4em; border-radius: 6px; background-color: #CCD0DD; width: 44em; @@ -43,7 +43,7 @@ richlistitem[type="tab"][selected="true"] { richlistitem[type="client"] { min-height: 2em; color: #000000; - -moz-margin-start: 2em; + margin-inline-start: 2em; margin-top: 2px; margin-bottom: 3px; width: 42em; @@ -75,6 +75,6 @@ richlistitem[type="client"] { } .tabIcon { - -moz-padding-start: 2px; + padding-inline-start: 2px; padding-top: 2px; } diff --git a/EarlyBlue/communicator/bookmarks/bookmarks.css b/EarlyBlue/communicator/bookmarks/bookmarks.css index a5b9aa1f..5474ceff 100644 --- a/EarlyBlue/communicator/bookmarks/bookmarks.css +++ b/EarlyBlue/communicator/bookmarks/bookmarks.css @@ -10,7 +10,7 @@ treechildren::-moz-tree-image(Name), treechildren::-moz-tree-image(title) { - -moz-padding-end: 2px; + padding-inline-end: 2px; } .bookmark-item, diff --git a/EarlyBlue/communicator/bookmarks/bookmarksManager.css b/EarlyBlue/communicator/bookmarks/bookmarksManager.css index 53d68e90..2d99cd6b 100644 --- a/EarlyBlue/communicator/bookmarks/bookmarksManager.css +++ b/EarlyBlue/communicator/bookmarks/bookmarksManager.css @@ -5,12 +5,12 @@ } #infoBoxExpanderLabel { - -moz-padding-start: 2px; + padding-inline-start: 2px; } #organizerScopeBar { padding: 2px 0; - -moz-padding-end: 3px; + padding-inline-end: 3px; } #placesMenu { diff --git a/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css b/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css index 7ac3b0f7..c2813bba 100644 --- a/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css +++ b/EarlyBlue/communicator/bookmarks/bookmarksToolbar.css @@ -105,6 +105,6 @@ menuitem.bookmark-item { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: #336699; } diff --git a/EarlyBlue/communicator/bookmarks/editBookmarkOverlay.css b/EarlyBlue/communicator/bookmarks/editBookmarkOverlay.css index 126be001..e9d3a9ee 100644 --- a/EarlyBlue/communicator/bookmarks/editBookmarkOverlay.css +++ b/EarlyBlue/communicator/bookmarks/editBookmarkOverlay.css @@ -23,7 +23,7 @@ .expander-down { min-width: 0; padding: 2px 0; - -moz-padding-start: 2px; + padding-inline-start: 2px; } .expander-up { diff --git a/EarlyBlue/communicator/brand.css b/EarlyBlue/communicator/brand.css index f238e717..d1774e34 100644 --- a/EarlyBlue/communicator/brand.css +++ b/EarlyBlue/communicator/brand.css @@ -11,7 +11,7 @@ -moz-box-align: center; -moz-box-pack: center; margin: 1px; - -moz-margin-end: 3px; + margin-inline-end: 3px; border: 1px solid transparent; padding: 0px; min-width: 0; @@ -37,8 +37,8 @@ toolbar[mode="text"] #navigator-throbber, toolbar[mode="icons"] #navigator-throbber, toolbar[iconsize="small"] #navigator-throbber { margin: 0; - -moz-margin-start: 1px; - -moz-margin-end: 3px; + margin-inline-start: 1px; + margin-inline-end: 3px; list-style-image: url("chrome://communicator/skin/brand/throbber16-single.gif"); } diff --git a/EarlyBlue/communicator/button.css b/EarlyBlue/communicator/button.css index c639b9b3..052a5fa6 100644 --- a/EarlyBlue/communicator/button.css +++ b/EarlyBlue/communicator/button.css @@ -32,8 +32,8 @@ .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } .toolbarbutton-1[type="menu"] { @@ -65,8 +65,8 @@ toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolba toolbar[mode="text"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 5px; padding-bottom: 7px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } toolbar[mode="icons"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker, @@ -75,8 +75,8 @@ toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"]:hover:active > .t toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 1px; padding-bottom: 12px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker[disabled="true"] { @@ -138,5 +138,5 @@ toolbar[labelalign="end"] .toolbarbutton-1 > hbox > vbox { .toolbarbutton-icon[label]:not([label=""]), .toolbarbutton-icon[type="menu"] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } diff --git a/EarlyBlue/communicator/certError.css b/EarlyBlue/communicator/certError.css index fff1c42a..9a57c8fd 100644 --- a/EarlyBlue/communicator/certError.css +++ b/EarlyBlue/communicator/certError.css @@ -31,7 +31,7 @@ h2 { margin: 4em auto; border: 2px solid #FFFFCC; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat #9999CC; background-origin: content-box; } @@ -41,16 +41,16 @@ body[dir="rtl"] #errorPageContainer { } #errorTitle { - -moz-margin-start: 80px; + margin-inline-start: 80px; } #errorLongContent { - -moz-margin-start: 80px; + margin-inline-start: 80px; } #technicalContent > h2, #expertContent > h2 { cursor: pointer; - -moz-padding-start: 20px; + padding-inline-start: 20px; position: relative; left: -20px; background: url("chrome://global/skin/tree/twisty.svg#open-hover") left center no-repeat; diff --git a/EarlyBlue/communicator/dataman/dataman.css b/EarlyBlue/communicator/dataman/dataman.css index 4ace8dac..024a49b8 100644 --- a/EarlyBlue/communicator/dataman/dataman.css +++ b/EarlyBlue/communicator/dataman/dataman.css @@ -15,8 +15,8 @@ .permission { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #9999CC; } @@ -24,7 +24,7 @@ .hostLabel { font-weight: bold; font-style: italic; - -moz-margin-end: 1em; + margin-inline-end: 1em; } .permissionLabel { diff --git a/EarlyBlue/communicator/directory/directory.css b/EarlyBlue/communicator/directory/directory.css index 530772da..717fcebe 100644 --- a/EarlyBlue/communicator/directory/directory.css +++ b/EarlyBlue/communicator/directory/directory.css @@ -20,12 +20,12 @@ page { } treechildren::-moz-tree-image(FilenameColumn) { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://communicator/skin/directory/file.gif"); } treechildren::-moz-tree-image(FilenameColumn, selected) { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://communicator/skin/directory/file-sel.gif"); } diff --git a/EarlyBlue/communicator/downloads/downloadmanager.css b/EarlyBlue/communicator/downloads/downloadmanager.css index a2351ca3..78e8ac20 100644 --- a/EarlyBlue/communicator/downloads/downloadmanager.css +++ b/EarlyBlue/communicator/downloads/downloadmanager.css @@ -10,7 +10,7 @@ */ treechildren::-moz-tree-image(Name) { - -moz-margin-end: 2px; + margin-inline-end: 2px; } #pauseButton, @@ -56,8 +56,8 @@ treechildren::-moz-tree-image(ActionStop, inactive) { /* match dialog.css */ padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } /* label with dropdown, actually done as a button type=menu */ diff --git a/EarlyBlue/communicator/feed-subscribe.css b/EarlyBlue/communicator/feed-subscribe.css index cb522d10..2cc29ed2 100644 --- a/EarlyBlue/communicator/feed-subscribe.css +++ b/EarlyBlue/communicator/feed-subscribe.css @@ -6,7 +6,7 @@ html { #feedBody { border: 1px solid #666699; padding: 2em; - -moz-padding-start: 30px; + padding-inline-start: 30px; margin: 2em auto; background: #FFFFFF; } @@ -20,10 +20,10 @@ html { #feedHeader { margin-top: 3.9em; margin-bottom: 1em; - -moz-margin-start: 2em; - -moz-margin-end: 1em; + margin-inline-start: 2em; + margin-inline-end: 1em; /* padding for making up icon space */ - -moz-padding-start: 35px; + padding-inline-start: 35px; font-size: 110%; color: #000000; } @@ -52,12 +52,12 @@ html { #feedHeader[firstrun="true"] #feedIntroText { padding-top: 0.1em; - -moz-padding-start: 0.6em; + padding-inline-start: 0.6em; display: block; } #feedHeader[firstrun="true"] > #feedSubscribeLine { - -moz-padding-start: 1.8em; + padding-inline-start: 1.8em; } #feedSubscribeLine { @@ -100,8 +100,8 @@ h2 { #feedTitleLink { float: right; - -moz-margin-start: .6em; - -moz-margin-end: 0; + margin-inline-start: .6em; + margin-inline-end: 0; margin-top: 0; margin-bottom: 0; } @@ -111,15 +111,15 @@ a[href] img { } #feedTitleContainer { - -moz-margin-start: 0; - -moz-margin-end: .6em; + margin-inline-start: 0; + margin-inline-end: .6em; margin-top: 0; margin-bottom: 0; } #feedTitleImage { - -moz-margin-start: .6em; - -moz-margin-end: 0; + margin-inline-start: .6em; + margin-inline-end: 0; margin-top: 0; margin-bottom: 0; max-width: 300px; diff --git a/EarlyBlue/communicator/preferences.css b/EarlyBlue/communicator/preferences.css index eb57e134..12663a41 100644 --- a/EarlyBlue/communicator/preferences.css +++ b/EarlyBlue/communicator/preferences.css @@ -11,6 +11,6 @@ prefwindow { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } diff --git a/EarlyBlue/communicator/prefpanels.css b/EarlyBlue/communicator/prefpanels.css index 5d7621ba..45f49313 100644 --- a/EarlyBlue/communicator/prefpanels.css +++ b/EarlyBlue/communicator/prefpanels.css @@ -48,8 +48,8 @@ checkbox.nogray-disabled[disabled="true"][nogray="true"] { .handler-action > .listcell-icon, .handler-type > .listcell-icon { margin: 0px; - -moz-margin-start: 3px; - -moz-margin-end: 5px; + margin-inline-start: 3px; + margin-inline-end: 5px; height: 16px; width: 16px; } @@ -65,7 +65,7 @@ checkbox.nogray-disabled[disabled="true"][nogray="true"] { .actionsMenu > .menulist-label-box { padding: 1px; - -moz-padding-start: 0; + padding-inline-start: 0; } .actionsMenu > .menulist-label-box > .menulist-icon { @@ -76,8 +76,8 @@ checkbox.nogray-disabled[disabled="true"][nogray="true"] { .handler-action > .menu-iconic-left { padding: 1px; - -moz-margin-start: 2px !important; - -moz-margin-end: 5px !important; + margin-inline-start: 2px !important; + margin-inline-end: 5px !important; /** * Make the icons appear. diff --git a/EarlyBlue/communicator/profile/profile.css b/EarlyBlue/communicator/profile/profile.css index b652e532..d5f72e11 100644 --- a/EarlyBlue/communicator/profile/profile.css +++ b/EarlyBlue/communicator/profile/profile.css @@ -7,7 +7,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); treechildren::-moz-tree-image { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://communicator/skin/profile/profileicon-large.gif"); } diff --git a/EarlyBlue/communicator/profile/profileManager.css b/EarlyBlue/communicator/profile/profileManager.css index 8ac25881..4fd88568 100644 --- a/EarlyBlue/communicator/profile/profileManager.css +++ b/EarlyBlue/communicator/profile/profileManager.css @@ -14,5 +14,5 @@ } #buttons-box { - -moz-margin-start: 1em; + margin-inline-start: 1em; } diff --git a/EarlyBlue/communicator/search/engineManager.css b/EarlyBlue/communicator/search/engineManager.css index 668c9c3b..53cf96f9 100644 --- a/EarlyBlue/communicator/search/engineManager.css +++ b/EarlyBlue/communicator/search/engineManager.css @@ -3,8 +3,8 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ #engineChildren::-moz-tree-image(engineName) { - -moz-margin-end: 4px; - -moz-margin-start: 1px; + margin-inline-end: 4px; + margin-inline-start: 1px; width: 16px; height: 16px; } diff --git a/EarlyBlue/communicator/search/searchbar.css b/EarlyBlue/communicator/search/searchbar.css index 927e1e07..dcfef68d 100644 --- a/EarlyBlue/communicator/search/searchbar.css +++ b/EarlyBlue/communicator/search/searchbar.css @@ -2,7 +2,7 @@ width: 6em; min-width: 6em; margin: 0; - -moz-margin-start: 3px; + margin-inline-start: 3px; } .searchbar-textbox > .autocomplete-textbox-container { @@ -30,14 +30,14 @@ } .search-go-button { - -moz-padding-end: 2px; + padding-inline-end: 2px; list-style-image: url("chrome://global/skin/icons/search.png"); -moz-image-region: rect(0, 16px, 16px, 0); } .search-go-button:-moz-system-metric(touch-enabled) { - -moz-padding-start: 5px; - -moz-padding-end: 3px; + padding-inline-start: 5px; + padding-inline-end: 3px; } .search-go-button:-moz-locale-dir(rtl) { diff --git a/EarlyBlue/communicator/sidebar/sidebar.css b/EarlyBlue/communicator/sidebar/sidebar.css index 7ba0b385..45539f83 100644 --- a/EarlyBlue/communicator/sidebar/sidebar.css +++ b/EarlyBlue/communicator/sidebar/sidebar.css @@ -18,7 +18,7 @@ border: none; color: #CCD0DD; background-color: #666699; - -moz-padding-start: 4px; + padding-inline-start: 4px; height: auto; overflow-x: hidden; } @@ -36,7 +36,7 @@ #sidebar-close-button { -moz-binding: url("chrome://global/content/bindings/toolbarbutton.xml#toolbarbutton-image"); padding: 1px 3px; - -moz-padding-start: 4px; + padding-inline-start: 4px; list-style-image: url("chrome://global/skin/icons/close-button.gif"); } @@ -58,7 +58,7 @@ } .text-panel-loading[loading="false"] { - -moz-margin-start: 11px; + margin-inline-start: 11px; } .image-panel-loading { @@ -84,7 +84,7 @@ background-color: #336699; border-top: 1px solid #336699; padding: 1px; - -moz-padding-start: 0px; + padding-inline-start: 0px; } .box-texttab[last-panel="true"], diff --git a/EarlyBlue/communicator/sync/syncCommon.css b/EarlyBlue/communicator/sync/syncCommon.css index a14df99a..44223f77 100644 --- a/EarlyBlue/communicator/sync/syncCommon.css +++ b/EarlyBlue/communicator/sync/syncCommon.css @@ -4,7 +4,7 @@ } .statusIcon { - -moz-margin-start: 4px; + margin-inline-start: 4px; max-height: 16px; max-width: 16px; } diff --git a/EarlyBlue/communicator/sync/syncSetup.css b/EarlyBlue/communicator/sync/syncSetup.css index fadd8519..0662e73d 100644 --- a/EarlyBlue/communicator/sync/syncSetup.css +++ b/EarlyBlue/communicator/sync/syncSetup.css @@ -91,7 +91,7 @@ description > .text-link:focus { } .inputColumn { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .recommended { diff --git a/EarlyBlue/communicator/xpinstall/xpinstall.css b/EarlyBlue/communicator/xpinstall/xpinstall.css index e0549782..03b4a4d8 100644 --- a/EarlyBlue/communicator/xpinstall/xpinstall.css +++ b/EarlyBlue/communicator/xpinstall/xpinstall.css @@ -11,7 +11,7 @@ } #urlColumn { - -moz-margin-start: 1ex; + margin-inline-start: 1ex; } .confirmSeparator { diff --git a/EarlyBlue/editor/EditorDialog.css b/EarlyBlue/editor/EditorDialog.css index 270397f7..cbe32386 100644 --- a/EarlyBlue/editor/EditorDialog.css +++ b/EarlyBlue/editor/EditorDialog.css @@ -66,7 +66,7 @@ width: 25px; height: 20px; margin: 0; - -moz-margin-end: 3px; + margin-inline-end: 3px; } #ColorPickerSwatch[default="true"] { @@ -80,15 +80,15 @@ border: 1px inset #CCD0DD; margin-top: 1px; margin-bottom: 2px; - -moz-margin-start: 4px; - -moz-margin-end: 2px; + margin-inline-start: 4px; + margin-inline-end: 2px; } #ColorPreview { border: 1px inset #CCD0DD; - -moz-margin-start: 10px; - -moz-padding-start: 5px; - -moz-padding-end: 5px; + margin-inline-start: 10px; + padding-inline-start: 5px; + padding-inline-end: 5px; min-width: 100px; min-height: 50px; } @@ -138,7 +138,7 @@ .colorpicker { border: 1px outset #CCD0DD; /* This should be the same as for textbox */ - -moz-margin-start: 4px; + margin-inline-start: 4px; /* For a little extra space between buttons */ margin-bottom: 2px; } diff --git a/EarlyBlue/editor/editor.css b/EarlyBlue/editor/editor.css index df10896a..0bf1f842 100644 --- a/EarlyBlue/editor/editor.css +++ b/EarlyBlue/editor/editor.css @@ -16,15 +16,15 @@ .source-editor:focus { margin-top: 0px; margin-bottom: 5px; - -moz-margin-start: 0px; - -moz-margin-end: 5px; + margin-inline-start: 0px; + margin-inline-end: 5px; border: 0px; /* Scroll bars are in content, so we can't use right and bottom padding! */ padding-top: 5px; padding-bottom: 0px; - -moz-padding-start: 5px; - -moz-padding-end: 0px; + padding-inline-start: 5px; + padding-inline-end: 0px; } /* Multiline textarea for HTML source editing */ diff --git a/EarlyBlue/editor/editorFormatToolbar.css b/EarlyBlue/editor/editorFormatToolbar.css index 8c17cf32..961d35ad 100644 --- a/EarlyBlue/editor/editorFormatToolbar.css +++ b/EarlyBlue/editor/editorFormatToolbar.css @@ -277,8 +277,8 @@ toolbarbutton.formatting-button { #TextColorButton { margin-top: 2px; margin-bottom: 9px; - -moz-margin-start: 2px; - -moz-margin-end: 9px; + margin-inline-start: 2px; + margin-inline-end: 9px; } #TextColorButton[color="mixed"] { @@ -289,8 +289,8 @@ toolbarbutton.formatting-button { #BackgroundColorButton { margin-top: 9px; margin-bottom: 2px; - -moz-margin-start: 9px; - -moz-margin-end: 2px; + margin-inline-start: 9px; + margin-inline-end: 2px; } #HighlightColorButton { diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css index a6c0e80c..132185e3 100644 --- a/EarlyBlue/global/about.css +++ b/EarlyBlue/global/about.css @@ -12,7 +12,7 @@ body { margin: 4em auto; border: 1px solid #666699; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: #FFFFFF; } @@ -35,13 +35,13 @@ img { color: #666699; margin-top: -24px; margin-bottom: 9px; - -moz-margin-start: 17px; - -moz-margin-end: 0; + margin-inline-start: 17px; + margin-inline-end: 0; } ul { margin: 0; - -moz-margin-start: 1.5em; + margin-inline-start: 1.5em; padding: 0; list-style: square; } diff --git a/EarlyBlue/global/aboutProfiles.css b/EarlyBlue/global/aboutProfiles.css index 5a3479af..5648c672 100644 --- a/EarlyBlue/global/aboutProfiles.css +++ b/EarlyBlue/global/aboutProfiles.css @@ -16,8 +16,8 @@ body { } button { - -moz-margin-start: 0; - -moz-margin-end: 8px; + margin-inline-start: 0; + margin-inline-end: 8px; } table { @@ -57,12 +57,12 @@ 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%; } -#action-box:-moz-dir(rtl) { +#action-box:dir(rtl) { float: left; } diff --git a/EarlyBlue/global/aboutReader.css b/EarlyBlue/global/aboutReader.css index 8121e5f9..84a46574 100644 --- a/EarlyBlue/global/aboutReader.css +++ b/EarlyBlue/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/EarlyBlue/global/aboutReaderContent.css b/EarlyBlue/global/aboutReaderContent.css index 94972c54..9c70c082 100644 --- a/EarlyBlue/global/aboutReaderContent.css +++ b/EarlyBlue/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/EarlyBlue/global/aboutReaderControls.css b/EarlyBlue/global/aboutReaderControls.css index 4b8a40eb..6f86c578 100644 --- a/EarlyBlue/global/aboutReaderControls.css +++ b/EarlyBlue/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; } @@ -241,19 +251,6 @@ } /* Font sizes are different per-platform, so we need custom CSS to line them up. */ -%ifdef XP_MACOSX -#font-type-buttons > .sans-serif-button > .name { - margin-top: 10px; -} - -#font-type-buttons > .sans-serif-button > .description { - margin-top: -4px; -} - -#font-type-buttons > .serif-button > .name { - font-size: 63px; -} -%elifdef XP_WIN #font-type-buttons > .sans-serif-button > .name { margin-top: 2px; } @@ -265,30 +262,23 @@ #font-type-buttons > .serif-button > .name { font-size: 63px; } -%else -#font-type-buttons > .sans-serif-button > .name { - margin-top: 5px; -} - -#font-type-buttons > .sans-serif-button > .description { - margin-top: -8px; -} - -#font-type-buttons > .serif-button > .name { - font-size: 70px; -} -%endif .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; } @@ -298,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; @@ -348,6 +342,26 @@ background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added"); } +.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/EarlyBlue/global/aboutSupport.css b/EarlyBlue/global/aboutSupport.css index 63408cf3..268993a6 100644 --- a/EarlyBlue/global/aboutSupport.css +++ b/EarlyBlue/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 { @@ -101,8 +101,8 @@ tr:not(:first-child) > th { 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%; } @@ -113,7 +113,7 @@ tr:not(:first-child) > th { display: none; } -#action-box:-moz-dir(rtl) { +#action-box:dir(rtl) { float: left; } @@ -125,6 +125,11 @@ tr:not(:first-child) > th { display: block; } +#verify-place-result { + max-height: 200px; + overflow: auto; +} + .block { display: block; } diff --git a/EarlyBlue/global/autocomplete.css b/EarlyBlue/global/autocomplete.css index 4cba2cba..260f3561 100644 --- a/EarlyBlue/global/autocomplete.css +++ b/EarlyBlue/global/autocomplete.css @@ -48,8 +48,8 @@ textbox:not(.padded) .textbox-input-box { border: 1px inset #CCD0DD; padding-top: 2px; padding-bottom: 0; - -moz-padding-start: 2px; - -moz-padding-end: 0; + padding-inline-start: 2px; + padding-inline-end: 0; } /* ::::: autocomplete popups ::::: */ @@ -86,7 +86,7 @@ panel[type="autocomplete-richlistbox"], } .autocomplete-treebody::-moz-tree-cell-text { - -moz-padding-start: 8px; + padding-inline-start: 8px; } .autocomplete-treebody::-moz-tree-row(selected) { @@ -117,8 +117,8 @@ panel[type="autocomplete-richlistbox"], height: 16px; max-width: 16px; max-height: 16px; - -moz-margin-start: 14px; - -moz-margin-end: 6px; + margin-inline-start: 14px; + margin-inline-end: 6px; } .ac-site-icon { @@ -126,8 +126,8 @@ panel[type="autocomplete-richlistbox"], height: 16px; max-width: 16px; max-height: 16px; - -moz-margin-start: 0px; - -moz-margin-end: 11px; + margin-inline-start: 0px; + margin-inline-end: 11px; list-style-image: url("chrome://mozapps/skin/places/defaultFavicon.png"); } /* @@ -147,23 +147,23 @@ panel[type="autocomplete-richlistbox"], } .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/EarlyBlue/global/browser.css b/EarlyBlue/global/browser.css index e43d7edf..544355ce 100644 --- a/EarlyBlue/global/browser.css +++ b/EarlyBlue/global/browser.css @@ -13,12 +13,12 @@ -moz-binding: url("chrome://global/skin/globalBindings.xml#tabbrowser-tabs") !important; padding-top: 0px; background: -moz-dialog url("chrome://global/skin/icons/tabbrowser-tabs-bkgnd.png") !important; - -moz-padding-start: 0px; + padding-inline-start: 0px; */ } .tabbrowser-tabs[overflow="true"] { - -moz-padding-start: 0px; + padding-inline-start: 0px; } /** @@ -46,7 +46,7 @@ .tab-icon-image { margin-top: 1px; - -moz-margin-end: 3px; + margin-inline-end: 3px; width: 16px; height: 16px; /* XXX: Firefox rules - look into those when we support FF @@ -103,7 +103,7 @@ tabpanels { * In-tab close button */ .tab-close-button > .toolbarbutton-icon { - -moz-margin-end: 0px !important; + margin-inline-end: 0px !important; margin-top: 1px; } diff --git a/EarlyBlue/global/button.css b/EarlyBlue/global/button.css index f2d02f87..776682cc 100644 --- a/EarlyBlue/global/button.css +++ b/EarlyBlue/global/button.css @@ -21,12 +21,12 @@ button { border: 1px solid transparent; padding-top: 0; padding-bottom: 1px; - -moz-padding-start: 2px; - -moz-padding-end: 3px; + padding-inline-start: 2px; + padding-inline-end: 3px; } .button-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .button-text { @@ -49,8 +49,8 @@ button[default="true"] > .button-box { } button[default="true"] > .button-box > .button-icon { - -moz-margin-end: 0px; - -moz-margin-start: 2px; + margin-inline-end: 0px; + margin-inline-start: 2px; } button[default="true"][disabled="true"] > .button-box { @@ -71,8 +71,8 @@ button[open="true"] > .button-box, button[checked="true"] > .button-box { padding-top: 1px; padding-bottom: 0px; - -moz-padding-start: 3px; - -moz-padding-end: 2px; + padding-inline-start: 3px; + padding-inline-end: 2px; } /* .......... disabled state .......... */ @@ -86,8 +86,8 @@ button[disabled="true"]:hover:active { button[disabled="true"] > .button-box { padding-top: 0 !important; padding-bottom: 1px !important; - -moz-padding-start: 2px !important; - -moz-padding-end: 3px !important; + padding-inline-start: 2px !important; + padding-inline-end: 3px !important; } /* ::::: menu/menu-button buttons ::::: */ @@ -105,8 +105,8 @@ button[type="menu-button"]:hover:active > .button-menubutton-button > .button-bo button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box { padding-top: 1px; padding-bottom: 0px; - -moz-padding-start: 3px; - -moz-padding-end: 2px; + padding-inline-start: 3px; + padding-inline-end: 2px; } .button-menu-dropmarker, @@ -121,8 +121,8 @@ button[type="menu-button"][open="true"] > .button-menubutton-button > .button-bo .button-menubutton-dropmarker[open="true"] { margin-top: 2px; margin-bottom: 0; - -moz-margin-start: 2px; - -moz-margin-end: 0; + margin-inline-start: 2px; + margin-inline-end: 0; } /* ::::: plain buttons ::::: */ diff --git a/EarlyBlue/global/checkbox.css b/EarlyBlue/global/checkbox.css index 66253d53..b28cea22 100644 --- a/EarlyBlue/global/checkbox.css +++ b/EarlyBlue/global/checkbox.css @@ -31,7 +31,7 @@ checkbox { } .checkbox-icon[src] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .checkbox-label { @@ -67,7 +67,7 @@ checkbox[disabled="true"] { } checkbox > .checkbox-check { - -moz-margin-end: 4px; + margin-inline-end: 4px; } checkbox:hover:active > .checkbox-check, diff --git a/EarlyBlue/global/commonDialog.css b/EarlyBlue/global/commonDialog.css index bcf982f9..561e007a 100644 --- a/EarlyBlue/global/commonDialog.css +++ b/EarlyBlue/global/commonDialog.css @@ -1,4 +1,4 @@ #filler { - -moz-margin-start: -8px; - -moz-margin-end: -10px; + margin-inline-start: -8px; + margin-inline-end: -10px; } diff --git a/EarlyBlue/global/config.css b/EarlyBlue/global/config.css index 9731c4b8..9cfbd1f6 100644 --- a/EarlyBlue/global/config.css +++ b/EarlyBlue/global/config.css @@ -10,8 +10,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 { @@ -36,7 +36,7 @@ #filterRow { margin-top: 4px; - -moz-margin-start: 4px; + margin-inline-start: 4px; } #configTree { diff --git a/EarlyBlue/global/console/console-error-caret.gif b/EarlyBlue/global/console/console-error-caret.gif deleted file mode 100644 index a8f30f9263f49e8af6ed0d147103c604fcd67840..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 55 zcmZ?wbhEHbWM|-HXkcVuSQf~@z@Ye(1;}J%&;ha;Kr#$Wd_9Srt55TVPBLClrR&Yg GU=0BL015*D diff --git a/EarlyBlue/global/console/console-error-dash.gif b/EarlyBlue/global/console/console-error-dash.gif deleted file mode 100644 index 74679a25e24478b8784b00f920661a0b2b279f24..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 48 ycmZ?wbhEHbWM$xFXkcJqSQZE*6o0ZXGB7YQ=m6OaAQ=WG_MZNgr@7)87_0%hD+j~? diff --git a/EarlyBlue/global/console/console.css b/EarlyBlue/global/console/console.css deleted file mode 100644 index 570fed7c..00000000 --- a/EarlyBlue/global/console/console.css +++ /dev/null @@ -1,212 +0,0 @@ -/* 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/. */ - -/* ===== console.css ==================================================== - == Styles used by the Error Console window. - ======================================================================= */ - -@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); - -.console-box { - background-color: #CCD0DD; - color: #000000; -} - -/* ::::: console rows ::::: */ - -.console-row { - padding: 0px; - border-bottom: 1px solid #666699; -} - -.console-row-icon { - border-right: 1px solid #666699; - padding: 5px; - background-color: #CCCCCC; - -moz-box-align: start; -} - -.console-row-msg > label:first-child, -.console-row-file > label:first-child { - display: none; -} - -.console-time { - font-weight: normal !important; -} - -.console-icon { - list-style-image: inherit; -} - -.console-error-msg { - margin-bottom: 2px; -} - -/* ..... error rows ..... */ - -.console-row-code { - padding-top: 3px; - padding-bottom: 3px; - -moz-padding-start: 3px; - -moz-padding-end: 0px; - font-size: larger; - color: #0000BB; -} - -.console-dots, -.console-caret { - height: 9px; -} - -.console-dots { - background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; -} - -.console-caret { - width: 7px; - background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; -} - -/* ..... message rows ..... */ - -.console-row[type="message"] { - font-family: "Liberation Mono", Consolas, "Courier New", monospace; -} - -/* ..... selected state ..... */ - -.console-row[selected="true"] { - background-color: #336699; - color: #FFFFFF; -} - -.console-row-code[selected="true"], -.console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { - color: inherit !important; -} - -/* ::::: icons ::::: */ - -.console-row[type="error"], -.console-row[type="exception"] { - list-style-image: url("chrome://global/skin/icons/alert-error.gif"); -} - -.console-row[type="error"] .console-row-msg, -.console-row[type="exception"] .console-row-msg { - font-weight: bold; -} - -.console-row[type="warning"] { - list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); -} - -.console-row[type="message"] { - list-style-image: url("chrome://global/skin/icons/alert-message.gif"); -} - -/* ::::: toolbars ::::: */ - -#TextboxEval { - margin: 1px 2px; -} - -#ButtonEval { - margin-top: 1px; - margin-bottom: 1px; - -moz-margin-start: 0; - -moz-margin-end: 2px; -} - -toolbarseparator { - min-height: 1em; -} - -/* Toolbar icons */ - -#ToolbarMode toolbarbutton { - min-width: 57px; - padding: 0px 4px; - /* XXX: don't support icons on those yet - padding: 4px !important; - */ -} - -toolbar#ToolbarMode toolbarbutton:active, -toolbar#ToolbarMode toolbarbutton[checked="true"] { - -moz-padding-start: 5px !important; - -moz-padding-end: 3px !important; -} - -/* XXX: don't support icons on those yet - - -toolbar#ToolbarMode toolbarbutton { - list-style-image: url("chrome://global/skin/console/console-toolbar.png"); - -moz-box-orient: horizontal; - padding: 4px !important; -} - -#Console\:modeAll { - -moz-image-region: rect(0px 24px 24px 0px); -} - -#Console\:modeAll:hover, -#Console\:modeAll[checked="true"] { - -moz-image-region: rect(24px 24px 48px 0px); -} - -#Console\:modeErrors { - -moz-image-region: rect(0px 96px 24px 72px); -} - -#Console\:modeErrors:hover, -#Console\:modeErrors[checked="true"] { - -moz-image-region: rect(24px 96px 48px 72px); -} - -#Console\:modeWarnings { - -moz-image-region: rect(0px 72px 24px 48px); -} - -#Console\:modeWarnings:hover, -#Console\:modeWarnings[checked="true"] { - -moz-image-region: rect(24px 72px 48px 48px); -} - -#Console\:modeMessages { - -moz-image-region: rect(0px 48px 24px 24px); -} - -#Console\:modeMessages:hover, -#Console\:modeMessages[checked="true"] { - -moz-image-region: rect(24px 48px 48px 24px); -} - -#Console\:clear { - -moz-image-region: rect(0px 120px 24px 96px); -} - -#Console\:clear:hover, -#Console\:clear[checked="true"] { - -moz-image-region: rect(24px 120px 48px 96px); -} - -toolbar#ToolbarMode .toolbarbutton-icon { - padding: 2px 0 !important; -} - -toolbar#ToolbarMode .toolbarbutton-text { - -moz-padding-end: 4px; -} - -*/ - -/* ::::: Fix Error Console toolbar button text spacing ::::: */ - -.toolbarbutton-text { - -moz-padding-start: 0px; - -moz-padding-end: 5px; -} diff --git a/EarlyBlue/global/datetimepicker.css b/EarlyBlue/global/datetimepicker.css index 57a473a9..d59aea4a 100644 --- a/EarlyBlue/global/datetimepicker.css +++ b/EarlyBlue/global/datetimepicker.css @@ -19,11 +19,11 @@ datepicker, timepicker { .datetimepicker-input-box { cursor: text; - -moz-margin-end: 2px; + margin-inline-end: 2px; border: 1px inset #CCD0DD; padding: 2px 0 3px; - -moz-padding-start: 4px; - -moz-padding-end: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; background-color: #FFFFFF; color: #000000; } diff --git a/EarlyBlue/global/dialog.css b/EarlyBlue/global/dialog.css index 62333c09..24b93b97 100644 --- a/EarlyBlue/global/dialog.css +++ b/EarlyBlue/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 ::::: */ @@ -49,8 +49,8 @@ dialogheader { border-bottom: 1px solid #000000; padding-top: 12px; padding-bottom: 12px; - -moz-padding-start: 25px; - -moz-padding-end: 5px; + padding-inline-start: 25px; + padding-inline-end: 5px; background-color: #CCD0DD; color: #000000; } @@ -61,5 +61,5 @@ dialogheader { } .header-large > .dialogheader-description { - -moz-margin-start: 12px !important; + margin-inline-start: 12px !important; } diff --git a/EarlyBlue/global/dirListing/dirListing.css b/EarlyBlue/global/dirListing/dirListing.css index a67fa447..f4184922 100644 --- a/EarlyBlue/global/dirListing/dirListing.css +++ b/EarlyBlue/global/dirListing/dirListing.css @@ -6,8 +6,8 @@ background-color: #CCD0DD; color: #000000; font: 11px "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; - -moz-padding-start: 2em; - -moz-padding-end: 2em; + padding-inline-start: 2em; + padding-inline-end: 2em; } body { @@ -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("chrome://global/skin/dirListing/up.png"); } diff --git a/EarlyBlue/global/dropmarker.css b/EarlyBlue/global/dropmarker.css index 1b0749b4..957dec57 100644 --- a/EarlyBlue/global/dropmarker.css +++ b/EarlyBlue/global/dropmarker.css @@ -13,8 +13,8 @@ dropmarker:hover:active { border: 1px inset #CCD0DD; padding-top: 2px; padding-bottom: 0; - -moz-padding-start: 2px; - -moz-padding-end: 0; + padding-inline-start: 2px; + padding-inline-end: 0; } dropmarker[disabled="true"] { diff --git a/EarlyBlue/global/expander.css b/EarlyBlue/global/expander.css index 6c7d290e..92cb18de 100644 --- a/EarlyBlue/global/expander.css +++ b/EarlyBlue/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/EarlyBlue/global/filefield.css b/EarlyBlue/global/filefield.css index 9cb51180..7d428f3d 100644 --- a/EarlyBlue/global/filefield.css +++ b/EarlyBlue/global/filefield.css @@ -26,8 +26,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/EarlyBlue/global/findBar.css b/EarlyBlue/global/findBar.css index 5b5d48f0..b4cfbdc3 100644 --- a/EarlyBlue/global/findBar.css +++ b/EarlyBlue/global/findBar.css @@ -57,50 +57,40 @@ findbar[position="top"][hidden] { /* Buttons */ -.findbar-find-previous, -.findbar-find-next { - list-style-image: url("chrome://global/skin/icons/find-arrows.png"); -} - .findbar-find-previous:not([disabled]):active, .findbar-find-next:not([disabled]):active { } .findbar-find-previous { - -moz-image-region: rect(0, 12px, 9px, 0); + list-style-image: url(chrome://global/skin/icons/find-arrows.svg#glyph-find-previous); } .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, .findbar-find-previous:not([disabled]):active { } -.findbar-find-previous[disabled="true"] { - -moz-image-region: rect(9px, 12px, 18px, 0); -} - -.findbar-find-next[disabled="true"] { - -moz-image-region: rect(9px, 24px, 18px, 12px); -} - .findbar-find-previous > .toolbarbutton-icon, .findbar-find-next > .toolbarbutton-icon { } .findbar-find-previous[disabled="true"] > .toolbarbutton-icon, .findbar-find-next[disabled="true"] > .toolbarbutton-icon { + filter: url(icons/filters.svg#disabled-icon-state); } .findbar-highlight, -.findbar-case-sensitive { - -moz-margin-start: 5px; +.findbar-case-sensitive, +.findbar-entire-word { + margin-inline-start: 5px; } .findbar-highlight > .toolbarbutton-icon, -.findbar-case-sensitive > .toolbarbutton-icon { +.findbar-case-sensitive > .toolbarbutton-icon, +.findbar-entire-word > .toolbarbutton-icon { display: none; } @@ -108,7 +98,7 @@ findbar[position="top"][hidden] { .found-matches { color: #808080; margin: 0 !important; - -moz-margin-start: 12px !important; + margin-inline-start: 12px !important; } .find-status-icon[status="pending"] { diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css index 803e7ab7..25d0824e 100644 --- a/EarlyBlue/global/global.css +++ b/EarlyBlue/global/global.css @@ -40,8 +40,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 :::::*/ @@ -102,7 +102,7 @@ statusbarpanel:not(.statusbar-resizerpanel):-moz-lwtheme { -moz-appearance: none; border-top-style: none; border-bottom-style: none; - -moz-border-start-style: none; + border-inline-start-style: none; } .statusbar-resizerpanel { @@ -183,8 +183,8 @@ separator.groove:not([orient="vertical"]) { separator.groove[orient="vertical"] { border-left: 2px groove #CCD0DD; - -moz-margin-start: 0.4em; - -moz-margin-end: 0.4em; + margin-inline-start: 0.4em; + margin-inline-end: 0.4em; } /* groove separators (0 padding, for dividing effects) */ @@ -234,8 +234,8 @@ description { } .indent { -/* -moz-margin-start: 23px; */ - -moz-margin-start: 15px; +/* margin-inline-start: 23px; */ + margin-inline-start: 15px; } .box-padded { diff --git a/EarlyBlue/global/groupbox.css b/EarlyBlue/global/groupbox.css index 449287b8..8709cb89 100644 --- a/EarlyBlue/global/groupbox.css +++ b/EarlyBlue/global/groupbox.css @@ -15,8 +15,8 @@ groupbox { border: 2px groove #CCD0DD; padding-top: 3px; padding-bottom: 5px; - -moz-padding-start: 5px; - -moz-padding-end: 3px; + padding-inline-start: 5px; + padding-inline-end: 3px; } .groupbox-body { @@ -32,6 +32,6 @@ caption { .caption-text { margin-top: 0; margin-bottom: 0; - -moz-margin-start: 1px; - -moz-margin-end: 2px; + margin-inline-start: 1px; + margin-inline-end: 2px; } diff --git a/EarlyBlue/global/icons/filters.svg b/EarlyBlue/global/icons/filters.svg new file mode 100644 index 00000000..49163cff --- /dev/null +++ b/EarlyBlue/global/icons/filters.svg @@ -0,0 +1,20 @@ + + + + + + + + + + diff --git a/EarlyBlue/global/icons/find-arrows.png b/EarlyBlue/global/icons/find-arrows.png deleted file mode 100644 index cd444e97c81ce617f303ed6cb9d3b5c15178db38..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 221 zcmeAS@N?(olHy`uVBq!ia0vp^54nJa0`PlBg3pYAm!{Op1!W^cR9s`6;7{YNqIiZ0`kWGw@k*zI&EwD|1?N|VN*l`9n1-4BGlos+NR0^`mI5aml zJ2o~ZiZ+WK=3-kG${XX$Ezuxxf~k8=62s~21uvNxHrw&!dfIz;01amFboFyt=akR{ E0O3YCyZ`_I diff --git a/EarlyBlue/global/icons/find-arrows.svg b/EarlyBlue/global/icons/find-arrows.svg new file mode 100644 index 00000000..8e25a2c7 --- /dev/null +++ b/EarlyBlue/global/icons/find-arrows.svg @@ -0,0 +1,16 @@ + + + + + + + diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css index 64c51069..f1f90b45 100644 --- a/EarlyBlue/global/in-content/common.css +++ b/EarlyBlue/global/in-content/common.css @@ -82,9 +82,9 @@ xul|caption > xul|label { *|*.main-content { padding-top: 40px; - -moz-padding-end: 48px; /* orig is 44px to compensate the 4px margin of child elements */ + padding-inline-end: 48px; /* orig is 44px to compensate the 4px margin of child elements */ padding-bottom: 48px; - -moz-padding-start: 48px; + padding-inline-start: 48px; overflow: auto; } @@ -98,16 +98,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 */ @@ -176,6 +176,7 @@ html|button { /* xul buttons and menulists */ /* *|button, +html|select, xul|colorpicker[type="button"], xul|menulist { -moz-appearance: none; @@ -191,12 +192,14 @@ 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 { } 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"]) { @@ -204,6 +207,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"] { @@ -239,13 +243,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; @@ -295,8 +299,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 { @@ -331,7 +335,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; @@ -364,8 +368,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"], @@ -425,6 +429,14 @@ xul|textbox { padding-left: 10px; } +/ Create a separate rule to unset these styles on .tree-input instead of + using :not(.tree-input) so the selector specifity doesn't change. / +xul|textbox.tree-input { + min-height: unset; + padding-right: unset; + padding-left: unset; +} + html|input[type="text"], html|textarea { font-family: inherit; @@ -447,15 +459,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: none; } @@ -465,8 +475,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; } @@ -493,7 +502,7 @@ html|input[type="checkbox"] + html|label { } xul|checkbox { - -moz-margin-start: 0; + margin-inline-start: 0; } xul|*.checkbox-check, @@ -503,7 +512,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; @@ -533,8 +542,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 { @@ -542,7 +551,7 @@ xul|richlistitem > xul|*.checkbox-check { } xul|radio { - -moz-margin-start: 0; + margin-inline-start: 0; } xul|*.radio-check { @@ -551,7 +560,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); @@ -570,9 +579,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 */ @@ -588,9 +597,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; } @@ -603,8 +612,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 > xul|*.category[current] { @@ -616,7 +625,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; } @@ -629,7 +638,7 @@ xul|*.radio-label-box { /* header */ /* *|*.header { - -moz-margin-end: 4px; / add the 4px end-margin of other elements / + margin-inline-end: 4px; / add the 4px end-margin of other elements / border-bottom: 1px solid var(--in-content-header-border-color); margin-bottom: 15px; padding-bottom: 15px; @@ -658,13 +667,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), @@ -685,7 +694,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 */ @@ -693,7 +702,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); @@ -763,8 +772,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; } @@ -811,21 +820,20 @@ xul|menulist:not([editable="true"]) > xul|*.menulist-dropmarker { } xul|checkbox { - -moz-padding-start: 0; + padding-inline-start: 0; } xul|radio { -moz-binding: url("chrome://global/content/bindings/radio.xml#radio"); - -moz-padding-start: 0; + padding-inline-start: 0; } xul|*.radio-icon, xul|*.checkbox-icon { - -moz-margin-end: 0; + margin-inline-end: 0; } -.text-link:-moz-focusring, -.inline-link:-moz-focusring { +.text-link:-moz-focusring { border: 1px dotted -moz-DialogText; } */ diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css index 0b574587..3762773c 100644 --- a/EarlyBlue/global/in-content/info-pages.css +++ b/EarlyBlue/global/in-content/info-pages.css @@ -11,8 +11,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; } @@ -35,12 +35,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; } @@ -57,8 +57,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 { @@ -69,7 +69,7 @@ body { ul, ol { margin: 0; padding: 0; - -moz-margin-start: 1em; + margin-inline-start: 1em; } ul > li, ol > li { @@ -90,7 +90,7 @@ ul { } .button-container > button:first-child { - -moz-margin-start: 0; + margin-inline-start: 0; } /* Trees */ diff --git a/EarlyBlue/global/listbox.css b/EarlyBlue/global/listbox.css index d0d1e9f8..71a85d1d 100644 --- a/EarlyBlue/global/listbox.css +++ b/EarlyBlue/global/listbox.css @@ -67,12 +67,12 @@ listheader[sortable="true"]:hover:active { border: 1px outset #CCD0DD; padding-top: 1px; padding-bottom: 0px; - -moz-padding-start: 5px; - -moz-padding-end: 4px; + padding-inline-start: 5px; + padding-inline-end: 4px; } .listheader-icon { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .listheader-label { @@ -99,13 +99,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/EarlyBlue/global/media/closeCaptionButton.png b/EarlyBlue/global/media/closeCaptionButton.png new file mode 100644 index 0000000000000000000000000000000000000000..16f9b30c9b5095ebf0bd153c742c38769be5d882 GIT binary patch literal 188 zcmeAS@N?(olHy`uVBq!ia0vp^G9b*z3?w}c`(6i9YymzYu0jp<|NsBbthEsZiZGT0 z`2{mLJiCzw;v{*yyD)UH%6b4foCO|{#S9GG!XV7ZFl&wkP>{XE)7O>#0T-XRoK8Q# zMI}&3-_yl0gyVX0f&$Nt|NonXavV+^2>Z$7aiyMF==s@(BZ+1bjL(`>4|q9r30843 ZGh9j%oV#GL76(u(gQu&X%Q~loCICbcGLHZN literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/media/closeCaptionButton@2x.png b/EarlyBlue/global/media/closeCaptionButton@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..18c0fed536a96302c3bb12c98e068aa72b33a797 GIT binary patch literal 251 zcmeAS@N?(olHy`uVBq!ia0vp^79h;X3?wIctc(RxYymzYt~2)5|NsBL|9SZwpa^40 zkY6x^!?PP{AWo9Ey9+}HtE>l*!&%@FSMnRX`jD@@cw?7z% z+-S)7eav3r)}ntO>?H+afBvwU@$bVPSs(j~b9@VLN`AN;P-;+XP`uz-)0>Hoo5Y{- n&Dfpru4Sk6GyWO-UvM+*{_5gd(K#~^XfuPStDnm{r-UW|k^@-1 literal 0 HcmV?d00001 diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index 9d0334fd..a926a2d1 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -1,3 +1,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/. */ + @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); @namespace html url("http://www.w3.org/1999/xhtml"); @@ -8,15 +12,16 @@ .playButton, .muteButton, +.closedCaptionButton, .fullscreenButton { background-color: transparent; background-repeat: no-repeat; background-position: center; - margin: 0px; - padding: 0px; - border: none; + margin: 0; + padding: 0; min-height: 28px; min-width: 28px; + border: none; } .playButton { @@ -46,6 +51,19 @@ display: none; } +.closedCaptionButton { + background-image: url("chrome://global/skin/media/closeCaptionButton.png"); + background-position: 4px; +} + +.closedCaptionButton[enabled] { + opacity: 1; +} + +.closedCaptionButton[hidden] { + display: none; +} + .fullscreenButton { background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton.png"), 0, 16, 16, 0); } @@ -75,9 +93,44 @@ background-clip: content-box; } -.controlBar[fullscreen-unavailable] > .volumeStack { +.textTrackList { + display: -moz-box; + -moz-appearance: none; + -moz-box-pack: end; + -moz-box-align: end; + padding: 0; +} + +.textTrackList[hidden] { + display: none; +} + +.textTrackList > html|*.textTrackItem { + -moz-appearance: none; + -moz-box-align: start; + text-align: start; + overflow: hidden; + margin: 0; + padding: 2px 10px; + -moz-margin-end: 10px; + border: none; + color: rgba(255,255,255,.5); + background-color: rgba(35,31,32,.74); + white-space: nowrap; +} + +.textTrackList > html|*.textTrackItem[on] { + color: white; + background-color: black; +} + +.textTrackList > html|*.textTrackItem:hover { + background-color: rgba(0,0,0,.55); +} + +.controlBar[fullscreen-unavailable] { /* This value is duplicated in the videocontrols.xml adjustControlSize function. */ - -moz-margin-end: 8px; + padding-inline-end: 8px; } .volumeControl .scale-thumb { @@ -94,8 +147,8 @@ padding-left: 8px; /* don't bump into the scrubber bar */ padding-top: 0px; /* center vertically with scrubber bar */ color: rgba(204,208,221,0.75); - font-size: 11px; font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif; + font-size: 11px; } .positionLabel { @@ -109,14 +162,15 @@ background-color: rgba(0,0,0,0.75); } -.bufferBar, .progressBar { +.bufferBar, +.progressBar { /* margin top/bottom: make bar 8px tall (control height = 28, minus 2 * 10 margin) */ /* margin left/right: 1/2 of scrubber thumb width, for overhang. */ margin: 10px 22px; border: none; background-color: transparent; - min-width: 0px; - min-height: 0px; + min-width: 0; + min-height: 0; } /* .progress-bar is an element inside the implementation. */ @@ -136,7 +190,8 @@ } /* .scale-slider is an element inside the implementation. */ -.scrubber .scale-slider, .volumeControl .scale-slider { +.scrubber .scale-slider, +.volumeControl .scale-slider { /* Hide the default horizontal bar. */ background: none; margin: 0; @@ -212,11 +267,10 @@ -moz-box-pack: center; -moz-box-align: center; opacity: 0.7; - background-image: url("chrome://global/skin/media/clicktoplay-bgtexture.png"), - url("chrome://global/skin/media/videoClickToPlayButton.svg"); - background-repeat: repeat, no-repeat; - background-position: center, center; - background-size: auto, 64px 64px; + background-image: url("chrome://global/skin/media/videoClickToPlayButton.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: 64px 64px; background-color: hsla(0,0%,10%,.5); } .clickToPlay:hover { @@ -298,3 +352,59 @@ html|table { padding: 0 10px; text-align: center; } + +@media (min-resolution: 2dppx) { +/* + .playButton { + background-image: url(chrome://global/skin/media/pauseButton@2x.png); + background-size: 28px 28px; + } + .playButton[paused] { + background-image: url(chrome://global/skin/media/playButton@2x.png); + background-size: 28px 28px; + } + .volumeBackground { + background-image: url(chrome://global/skin/media/volume-empty@2x.png); + background-size: 32px 16px; + } + .volumeForeground { + background-image: url(chrome://global/skin/media/volume-full@2x.png); + background-size: 32px 16px; + } + .muteButton { + background-image: url(chrome://global/skin/media/muteButton@2x.png); + background-size: 33px 28px; + } + .muteButton[muted] { + background-image: url(chrome://global/skin/media/unmuteButton@2x.png); + background-size: 33px 28px; + } + .muteButton[noAudio] { + background-image: url(chrome://global/skin/media/noAudio@2x.png); + background-size: 33px 28px; + } +*/ + .closedCaptionButton { + background-image: url(chrome://global/skin/media/closeCaptionButton@2x.png); + background-position: 4px; + background-size: 28px 28px; + } +/* + .fullscreenButton { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton@2x.png"), 0, 32, 32, 0); + background-size: 16px 16px; + } + .fullscreenButton[fullscreened] { + background-image: -moz-image-rect(url("chrome://global/skin/media/fullscreenButton@2x.png"), 0, 64, 32, 32); + background-size: 16px 16px; + } + .timeThumb { + background-image: url(chrome://global/skin/media/scrubberThumb@2x.png); + background-size: 33px 28px; + } + .timeThumb[showhours="true"] { + background-image: url(chrome://global/skin/media/scrubberThumbWide@2x.png); + background-size: 45px 28px; + } +*/ +} diff --git a/EarlyBlue/global/menu.css b/EarlyBlue/global/menu.css index 3026d2cd..5f55b3e3 100644 --- a/EarlyBlue/global/menu.css +++ b/EarlyBlue/global/menu.css @@ -43,9 +43,9 @@ menuitem[_moz-menuactive="true"][disabled="true"], menubar > menu { padding: 2px 1px; - -moz-padding-start: 2px; + padding-inline-start: 2px; margin: 0px 2px; - -moz-margin-start: 0px; + margin-inline-start: 0px; border: 1px solid #CCD0DD; } @@ -99,39 +99,39 @@ 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-iconic-left { - -moz-margin-end: 3px !important; + margin-inline-end: 3px !important; } .menu-text { - -moz-margin-start: 19px !important; + margin-inline-start: 19px !important; font-weight: inherit; } menucaption > .menu-text, menucaption > .menu-iconic-text { font-weight: bold; - -moz-padding-start: 0 !important; + padding-inline-start: 0 !important; } .menu-description { font-style: italic; color: #808080; - -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; - -moz-margin-end: 2px !important; - -moz-padding-end: 14px; + margin-inline-start: 7px !important; + margin-inline-end: 2px !important; + padding-inline-end: 14px; color: inherit; } @@ -149,8 +149,8 @@ menucaption > .menu-iconic-text { .menu-right { margin-top: 0px; margin-bottom: 0px; - -moz-margin-start: 3px; - -moz-margin-end: 0px; + margin-inline-start: 3px; + margin-inline-end: 0px; width: 8px; list-style-image: url("chrome://global/skin/menu/menu-arrow.gif"); -moz-image-region: auto; @@ -179,8 +179,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; } @@ -244,6 +244,6 @@ menulist > menupopup > menuseparator { /* ::::: tree column picker ::::: */ .treecell-popupcell-menu { - -moz-margin-start: -2px; + margin-inline-start: -2px; list-style-image: url("chrome://global/skin/tree/columnpicker.gif"); } \ No newline at end of file diff --git a/EarlyBlue/global/menulist.css b/EarlyBlue/global/menulist.css index 33e472ad..b13965d6 100644 --- a/EarlyBlue/global/menulist.css +++ b/EarlyBlue/global/menulist.css @@ -33,7 +33,7 @@ menulist { .menulist-description { font-style: italic; color: #808080; - -moz-margin-start: 1ex !important; + margin-inline-start: 1ex !important; } menulist:focus > .menulist-label-box { @@ -65,8 +65,8 @@ menulist[open="true"] > .menulist-dropmarker { border: 1px inset #CCD0DD; padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } /* ::::: editable menulists ::::: */ diff --git a/EarlyBlue/global/narrate/narrate.svg b/EarlyBlue/global/narrate/narrate.svg deleted file mode 100644 index 597b0a65..00000000 --- a/EarlyBlue/global/narrate/narrate.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/EarlyBlue/global/narrateControls.css b/EarlyBlue/global/narrateControls.css index dc24a4c9..91d02d85 100644 --- a/EarlyBlue/global/narrateControls.css +++ b/EarlyBlue/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/EarlyBlue/global/netError.css b/EarlyBlue/global/netError.css index 9094d916..5c690c9e 100644 --- a/EarlyBlue/global/netError.css +++ b/EarlyBlue/global/netError.css @@ -28,7 +28,7 @@ h1 { ul, ol { margin: 0; - -moz-margin-start: 1.5em; + margin-inline-start: 1.5em; padding: 0; } @@ -47,7 +47,7 @@ ul { margin: 4em auto; border: 1px solid #666699; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #9999CC; background-origin: content-box; } @@ -56,16 +56,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: 64px; + margin-inline-start: 64px; } #errorLongContent { - -moz-margin-start: 64px; + margin-inline-start: 64px; } #errorShortDesc > p { @@ -77,7 +77,7 @@ ul { } #errorLongDesc { - -moz-padding-end: 3em; + padding-inline-end: 3em; font-size: 110%; } @@ -86,18 +86,18 @@ ul { #errorTryAgain { margin-top: 2em; - -moz-margin-start: 64px; + margin-inline-start: 64px; } #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/EarlyBlue/global/notification.css b/EarlyBlue/global/notification.css index cd66feda..929ad723 100644 --- a/EarlyBlue/global/notification.css +++ b/EarlyBlue/global/notification.css @@ -26,8 +26,8 @@ notification[type="critical"] { height: 16px; margin-top: 0px; margin-bottom: 0px; - -moz-margin-start: 6px; - -moz-margin-end: 1px; + margin-inline-start: 6px; + margin-inline-end: 1px; } /* Default icons for notifications */ @@ -51,7 +51,7 @@ notification[type="critical"] { } .messageCloseButton > .toolbarbutton-icon { - -moz-margin-start: 5px; + margin-inline-start: 5px; } /* Popup notification */ @@ -78,7 +78,7 @@ notification[type="critical"] { } .popup-notification-closebutton { - -moz-margin-end: -5px; + margin-inline-end: -5px; margin-top: -5px; } diff --git a/EarlyBlue/global/passwordmgr.css b/EarlyBlue/global/passwordmgr.css index d1de9953..83bce939 100644 --- a/EarlyBlue/global/passwordmgr.css +++ b/EarlyBlue/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/EarlyBlue/global/plugins.css b/EarlyBlue/global/plugins.css index 49cad665..3df73922 100644 --- a/EarlyBlue/global/plugins.css +++ b/EarlyBlue/global/plugins.css @@ -24,8 +24,8 @@ hr { div#outside { text-align: justify; width: 90%; - -moz-margin-start: 5%; - -moz-margin-end: 5%; + margin-inline-start: 5%; + margin-inline-end: 5%; } div#plugs { diff --git a/EarlyBlue/global/preferences.css b/EarlyBlue/global/preferences.css index d537977f..fc98638c 100644 --- a/EarlyBlue/global/preferences.css +++ b/EarlyBlue/global/preferences.css @@ -17,15 +17,15 @@ prefwindow { prefpane { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } prefwindow[type="child"] { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } prefwindow[type="child"] > prefpane { @@ -34,8 +34,8 @@ prefwindow[type="child"] > prefpane { .prefWindow-dlgbuttons { padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } prefwindow[type="child"] .prefWindow-dlgbuttons { @@ -51,7 +51,7 @@ radio[pane] { .paneSelector { border-bottom: 1px solid #666699; margin: 0px; - -moz-padding-start: 10px; + padding-inline-start: 10px; background-color: #FFFFFF; color: #000000; } diff --git a/EarlyBlue/global/radio.css b/EarlyBlue/global/radio.css index 441aa5e5..dfab765a 100644 --- a/EarlyBlue/global/radio.css +++ b/EarlyBlue/global/radio.css @@ -33,7 +33,7 @@ radio { } .radio-icon[src] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .radio-label { diff --git a/EarlyBlue/global/reader/RM-Close-24x24.svg b/EarlyBlue/global/reader/RM-Close-24x24.svg index e57a475b..89fc1eb8 100644 --- a/EarlyBlue/global/reader/RM-Close-24x24.svg +++ b/EarlyBlue/global/reader/RM-Close-24x24.svg @@ -2,7 +2,7 @@ - + - - - - + + diff --git a/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg b/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg new file mode 100644 index 00000000..48bbb9e8 --- /dev/null +++ b/EarlyBlue/global/reader/RM-Content-Width-Minus-42x16.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/EarlyBlue/global/reader/RM-Content-Width-Plus-44x16.svg b/EarlyBlue/global/reader/RM-Content-Width-Plus-44x16.svg new file mode 100644 index 00000000..bcdcbe8a --- /dev/null +++ b/EarlyBlue/global/reader/RM-Content-Width-Plus-44x16.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + diff --git a/EarlyBlue/global/reader/RM-Line-Height-Minus-38x14.svg b/EarlyBlue/global/reader/RM-Line-Height-Minus-38x14.svg new file mode 100644 index 00000000..05d52828 --- /dev/null +++ b/EarlyBlue/global/reader/RM-Line-Height-Minus-38x14.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + diff --git a/EarlyBlue/global/reader/RM-Line-Height-Plus-38x24.svg b/EarlyBlue/global/reader/RM-Line-Height-Plus-38x24.svg new file mode 100644 index 00000000..0a5ee0dc --- /dev/null +++ b/EarlyBlue/global/reader/RM-Line-Height-Plus-38x24.svg @@ -0,0 +1,20 @@ + + + + + + + + + + + + diff --git a/EarlyBlue/global/reader/RM-Type-Controls-24x24.svg b/EarlyBlue/global/reader/RM-Type-Controls-24x24.svg index 8a5a2125..5f43818d 100644 --- a/EarlyBlue/global/reader/RM-Type-Controls-24x24.svg +++ b/EarlyBlue/global/reader/RM-Type-Controls-24x24.svg @@ -2,7 +2,6 @@ - - - + + diff --git a/EarlyBlue/global/reader/pocket.svg b/EarlyBlue/global/reader/pocket.svg deleted file mode 100644 index d93fd6a1..00000000 --- a/EarlyBlue/global/reader/pocket.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - diff --git a/EarlyBlue/global/scrollbars.css b/EarlyBlue/global/scrollbars.css index 1eed3116..369c8fc7 100644 --- a/EarlyBlue/global/scrollbars.css +++ b/EarlyBlue/global/scrollbars.css @@ -83,8 +83,8 @@ scrollbarbutton[active="true"] { border-style: inset; padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } /* XXX - scrollbar.xml always grabs the OS settings and we don't want that */ diff --git a/EarlyBlue/global/scrollbox.css b/EarlyBlue/global/scrollbox.css index cc8cba18..4b11c759 100644 --- a/EarlyBlue/global/scrollbox.css +++ b/EarlyBlue/global/scrollbox.css @@ -70,8 +70,8 @@ autorepeatbutton, -moz-box-pack: center; margin-top: 1px; margin-bottom: 2px; - -moz-margin-start: 1px; - -moz-margin-end: 2px; + margin-inline-start: 1px; + margin-inline-end: 2px; } autorepeatbutton { @@ -86,6 +86,6 @@ autorepeatbutton:not([disabled="true"]):hover:active { border: 1px inset #CCD0DD; padding-top: 2px; padding-bottom: 1px; - -moz-padding-start: 2px; - -moz-padding-end: 1px; + padding-inline-start: 2px; + padding-inline-end: 1px; } diff --git a/EarlyBlue/global/tabbox.css b/EarlyBlue/global/tabbox.css index 7f9149cc..0c364ef3 100644 --- a/EarlyBlue/global/tabbox.css +++ b/EarlyBlue/global/tabbox.css @@ -60,8 +60,8 @@ tab:-moz-focusring > .tab-middle { /* tab:first-of-type[visuallyselected="true"] { - -moz-padding-end: 5px; - -moz-padding-start: 5px; + padding-inline-end: 5px; + padding-inline-start: 5px; } */ diff --git a/EarlyBlue/global/textbox.css b/EarlyBlue/global/textbox.css index 75c0ad31..595a3716 100644 --- a/EarlyBlue/global/textbox.css +++ b/EarlyBlue/global/textbox.css @@ -16,7 +16,7 @@ textbox { margin: 2px 3px; border: 1px inset #CCD0DD; padding: 1px 0px; - -moz-padding-start: 2px; + padding-inline-start: 2px; background-color: #FFFFFF; color: #000000; min-height: 19px; diff --git a/EarlyBlue/global/toolbar.css b/EarlyBlue/global/toolbar.css index ef5f1ce8..f793da10 100644 --- a/EarlyBlue/global/toolbar.css +++ b/EarlyBlue/global/toolbar.css @@ -83,8 +83,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"] { @@ -106,8 +106,8 @@ toolbarpaletteitem[place="toolbar"] > toolbarspacer { /* ..... drag and drop feedback ..... */ toolbarpaletteitem[place="toolbar"] { - -moz-margin-start: -2px; - -moz-margin-end: -2px; + margin-inline-start: -2px; + margin-inline-end: -2px; border-left: 2px solid transparent; border-right: 2px solid transparent; } diff --git a/EarlyBlue/global/toolbarbutton.css b/EarlyBlue/global/toolbarbutton.css index 6e61c071..47d0baa3 100644 --- a/EarlyBlue/global/toolbarbutton.css +++ b/EarlyBlue/global/toolbarbutton.css @@ -22,7 +22,7 @@ toolbarbutton { .toolbarbutton-icon[label]:not([label=""]), .toolbarbutton-icon[type="menu"] { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .toolbarbutton-text { @@ -54,8 +54,8 @@ toolbarbutton:hover:active, toolbarbutton[open="true"] { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; border: 1px inset #CCD0DD; } @@ -77,8 +77,8 @@ toolbarbutton:-moz-lwtheme { toolbarbutton[checked="true"] { padding-top: 2px !important; padding-bottom: 0px !important; - -moz-padding-start: 2px !important; - -moz-padding-end: 0px !important; + padding-inline-start: 2px !important; + padding-inline-end: 0px !important; border: 1px inset #CCD0DD !important; background-color: #DDDDDD !important; } @@ -140,8 +140,8 @@ toolbarbutton[type="menu-button"]:hover:active > toolbarbutton.toolbarbutton-men toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button { padding-top: 2px !important; padding-bottom: 0px !important; - -moz-padding-start: 2px !important; - -moz-padding-end: 0px !important; + padding-inline-start: 2px !important; + padding-inline-end: 0px !important; } toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button, @@ -152,7 +152,7 @@ toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubu /* ::::: toolbarbutton badged ::::: */ .toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) { - -moz-margin-end: 0; + margin-inline-end: 0; } .toolbarbutton-badge { @@ -166,7 +166,7 @@ toolbarbutton[disabled="true"]:hover:active > toolbarbutton.toolbarbutton-menubu 0 -1px 0 #9999CC inset, 0 1px 0 #9999CC; margin: -6px 0 0 !important; - -moz-margin-end: -8px !important; + margin-inline-end: -8px !important; min-width: 14px; max-width: 28px; line-height: 10px; @@ -186,8 +186,8 @@ toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropm toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 4px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } .toolbarbutton-menubutton-dropmarker[disabled="true"] { diff --git a/EarlyBlue/global/tree.css b/EarlyBlue/global/tree.css index eb04f8d2..38663a06 100644 --- a/EarlyBlue/global/tree.css +++ b/EarlyBlue/global/tree.css @@ -171,7 +171,7 @@ treechildren::-moz-tree-drop-feedback { background-color: #336699; width: 50px; height: 2px; - -moz-margin-start: 5px; + margin-inline-start: 5px; } treechildren::-moz-tree-drop-feedback(selected) { @@ -245,8 +245,8 @@ treecol:hover:active { border: 1px solid #666699; padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 5px; - -moz-padding-end: 3px; + padding-inline-start: 5px; + padding-inline-end: 3px; } treecolpicker:hover:active { @@ -256,8 +256,8 @@ treecolpicker:hover:active { .treecol-image:hover:active { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } /* ::::: column drag and drop styles ::::: */ @@ -279,11 +279,11 @@ treecol[insertbefore="true"]:-moz-locale-dir(ltr) { } treechildren::-moz-tree-column(insertbefore) { - -moz-border-start: 1px solid #000000; + border-inline-start: 1px solid #000000; } treechildren::-moz-tree-column(insertafter) { - -moz-border-end: 1px solid #000000; + border-inline-end: 1px solid #000000; } /* ::::: sort direction indicator ::::: */ @@ -310,7 +310,7 @@ treecol:not([hideheader="true"]) > .treecol-sortdirection[sortDirection="descend /* ::::: twisty ::::: */ treechildren::-moz-tree-twisty { - -moz-padding-end: 2px; + padding-inline-end: 2px; padding-top: 1px; width: 11px; /* The image's width is 11 pixels */ list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd"); @@ -364,6 +364,6 @@ treechildren::-moz-tree-cell-text(selected, editing) { .tree-input { border: 1px solid #336699; margin: 0; - -moz-margin-start: -4px; + margin-inline-start: -4px; padding: 1px; } diff --git a/EarlyBlue/global/wizard.css b/EarlyBlue/global/wizard.css index ad115549..8975f5ac 100644 --- a/EarlyBlue/global/wizard.css +++ b/EarlyBlue/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,10 +46,10 @@ 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; } */ diff --git a/EarlyBlue/help/help.css b/EarlyBlue/help/help.css index b49070be..db5ed2f6 100644 --- a/EarlyBlue/help/help.css +++ b/EarlyBlue/help/help.css @@ -19,7 +19,7 @@ /* With no labels, we don't need the margin on the icon that separates it from the label */ #HelpToolbar .toolbarbutton-icon { - -moz-margin-end: 0; + margin-inline-end: 0; } #help-back-button > toolbarbutton, diff --git a/EarlyBlue/help/helpFileLayout.css b/EarlyBlue/help/helpFileLayout.css index b4390027..3b4641a0 100644 --- a/EarlyBlue/help/helpFileLayout.css +++ b/EarlyBlue/help/helpFileLayout.css @@ -88,8 +88,8 @@ li { .menuPath { background: #c4d0f4; /* bluish color */ color: inherit; - -moz-padding-start: 1px; /* else bgcolor ends at last char - no space */ - -moz-padding-end: 1px; + padding-inline-start: 1px; /* else bgcolor ends at last char - no space */ + padding-inline-end: 1px; } table { diff --git a/EarlyBlue/inspector/titledSplitter.css b/EarlyBlue/inspector/titledSplitter.css index d2099593..31443e56 100644 --- a/EarlyBlue/inspector/titledSplitter.css +++ b/EarlyBlue/inspector/titledSplitter.css @@ -49,8 +49,8 @@ box[orient="vertical"] > .titled-splitter { border-style: inset; padding-top: 3px; padding-bottom: 1px; - -moz-padding-start: 3px; - -moz-padding-end: 1px; + padding-inline-start: 3px; + padding-inline-end: 1px; } diff --git a/EarlyBlue/inspector/viewers/domNode/domNode.css b/EarlyBlue/inspector/viewers/domNode/domNode.css index 0031939f..745da55b 100644 --- a/EarlyBlue/inspector/viewers/domNode/domNode.css +++ b/EarlyBlue/inspector/viewers/domNode/domNode.css @@ -6,7 +6,7 @@ @import url("chrome://inspector/content/extensions/treeEditable.css"); .olNodeInfoLabel { - -moz-padding-end: 0.5em; + padding-inline-end: 0.5em; } #olNodeInfo { diff --git a/EarlyBlue/messenger/accountCentral.css b/EarlyBlue/messenger/accountCentral.css index 1abf3605..e110dfec 100644 --- a/EarlyBlue/messenger/accountCentral.css +++ b/EarlyBlue/messenger/accountCentral.css @@ -34,7 +34,7 @@ spacer.big { } .acctCentralRow { - -moz-margin-start: 20px; + margin-inline-start: 20px; } .acctCentralRowTitleBox { @@ -44,7 +44,7 @@ spacer.big { } .acctCentralTitleRow { - -moz-margin-start: 10px; + margin-inline-start: 10px; font-weight: bold; font-size: 15px; } diff --git a/EarlyBlue/messenger/accountManage.css b/EarlyBlue/messenger/accountManage.css index e32224b1..3cd47364 100644 --- a/EarlyBlue/messenger/accountManage.css +++ b/EarlyBlue/messenger/accountManage.css @@ -13,11 +13,11 @@ /* ::::: account manager :::::: */ .specialFolderPickerGrid { - -moz-margin-start: 20px; + margin-inline-start: 20px; } .fccReplyFollowsParent { - -moz-margin-start: 20px; + margin-inline-start: 20px; } .selectForOfflineUseButton { @@ -25,8 +25,8 @@ } .selectForOfflineUseButton > .button-box > .button-icon { - -moz-margin-start: 4px; - -moz-margin-end: 4px; + margin-inline-start: 4px; + margin-inline-end: 4px; } .signatureBox { @@ -40,13 +40,13 @@ treechildren::-moz-tree-cell-text(isDefaultServer-true) { } #contentFrame { - -moz-margin-start: 2px; + margin-inline-start: 2px; } /* ::::: SMTP Server Panel :::::: */ .smtpServerListItem { - -moz-padding-start: 3px; + padding-inline-start: 3px; } #backgroundBox { diff --git a/EarlyBlue/messenger/accountWizard.css b/EarlyBlue/messenger/accountWizard.css index fe8e1ac5..206171c7 100644 --- a/EarlyBlue/messenger/accountWizard.css +++ b/EarlyBlue/messenger/accountWizard.css @@ -14,7 +14,7 @@ .awIdentityLabel { width: 8em; - -moz-margin-start: 5px; + margin-inline-start: 5px; } .serverLabel { @@ -22,5 +22,5 @@ } .serverDataBox { - -moz-margin-start: 15px; + margin-inline-start: 15px; } diff --git a/EarlyBlue/messenger/addressbook/abResultsPane.css b/EarlyBlue/messenger/addressbook/abResultsPane.css index 305412c4..28d83a9c 100644 --- a/EarlyBlue/messenger/addressbook/abResultsPane.css +++ b/EarlyBlue/messenger/addressbook/abResultsPane.css @@ -5,11 +5,11 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); treechildren::-moz-tree-image(GeneratedName) { - -moz-padding-end: 2px; + padding-inline-end: 2px; list-style-image: url("chrome://messenger/skin/addressbook/icons/abcard.gif"); } treechildren::-moz-tree-image(GeneratedName, MailList) { - -moz-padding-end: 2px; + padding-inline-end: 2px; list-style-image: url("chrome://messenger/skin/addressbook/icons/ablist.gif"); } diff --git a/EarlyBlue/messenger/addressbook/addressbook.css b/EarlyBlue/messenger/addressbook/addressbook.css index a05a3b62..031b973d 100644 --- a/EarlyBlue/messenger/addressbook/addressbook.css +++ b/EarlyBlue/messenger/addressbook/addressbook.css @@ -147,8 +147,8 @@ toolbar[iconsize="small"] > #button-abdelete[disabled] { #CardViewInnerBox { margin-top: 2px; margin-bottom: 2px; - -moz-padding-start: 8px; - -moz-padding-end: 8px; + padding-inline-start: 8px; + padding-inline-end: 8px; } #CardTitle { @@ -167,7 +167,7 @@ toolbar[iconsize="small"] > #button-abdelete[disabled] { .CardViewHeading { padding: 1px; - -moz-padding-start: 5px; + padding-inline-start: 5px; margin: 0 0 1px; background-color: #9999CC; color: #FFFFFF; @@ -176,14 +176,14 @@ toolbar[iconsize="small"] > #button-abdelete[disabled] { } #cvBuddyIcon { - -moz-padding-start: 20px; + padding-inline-start: 20px; padding-top: 2px; } .CardViewText, .CardViewLink { - -moz-padding-start: 20px; - -moz-padding-end: 2px; + padding-inline-start: 20px; + padding-inline-end: 2px; min-width: 30px; margin: 0px; } @@ -199,8 +199,8 @@ toolbar[iconsize="small"] > #button-abdelete[disabled] { } html|a { - -moz-padding-start: 0px; - -moz-padding-end: 2px; + padding-inline-start: 0px; + padding-inline-end: 2px; border: none !important; } diff --git a/EarlyBlue/messenger/addressbook/selectAddressesDialog.css b/EarlyBlue/messenger/addressbook/selectAddressesDialog.css index 1f434241..c9f30ec7 100644 --- a/EarlyBlue/messenger/addressbook/selectAddressesDialog.css +++ b/EarlyBlue/messenger/addressbook/selectAddressesDialog.css @@ -31,8 +31,8 @@ #newEditButtonBox { padding-top: 0.5em; - -moz-padding-end: 0px; - -moz-margin-start: 0px; + padding-inline-end: 0px; + margin-inline-start: 0px; } .middle-button-spacer { diff --git a/EarlyBlue/messenger/addressingWidget.css b/EarlyBlue/messenger/addressingWidget.css index 349794ad..831f7ee1 100644 --- a/EarlyBlue/messenger/addressingWidget.css +++ b/EarlyBlue/messenger/addressingWidget.css @@ -8,8 +8,8 @@ #addressingWidget { /* height: 80px; */ - -moz-margin-start: 0px; - -moz-margin-end: 0px; + margin-inline-start: 0px; + margin-inline-end: 0px; -moz-user-focus: none; width: 0px; } diff --git a/EarlyBlue/messenger/filterDialog.css b/EarlyBlue/messenger/filterDialog.css index bdd448ed..747c2a51 100644 --- a/EarlyBlue/messenger/filterDialog.css +++ b/EarlyBlue/messenger/filterDialog.css @@ -47,7 +47,7 @@ textbox { } .filler { - -moz-padding-end: 22px; + padding-inline-end: 22px; } .ruleaction { diff --git a/EarlyBlue/messenger/folderPane.css b/EarlyBlue/messenger/folderPane.css index 8fbaf70e..9d3dbf0c 100644 --- a/EarlyBlue/messenger/folderPane.css +++ b/EarlyBlue/messenger/folderPane.css @@ -11,7 +11,7 @@ /* ::::: mail folder ::::: */ treechildren::-moz-tree-image(folderNameCol) { - -moz-padding-end: 2px; + padding-inline-end: 2px; } .icon-holder[type="folder"], diff --git a/EarlyBlue/messenger/messageBody.css b/EarlyBlue/messenger/messageBody.css index 26ced551..b72fd71c 100644 --- a/EarlyBlue/messenger/messageBody.css +++ b/EarlyBlue/messenger/messageBody.css @@ -57,7 +57,7 @@ .moz-text-plain[graphical-quote="false"] blockquote { margin: inherit; border-left: inherit; - -moz-padding-start: inherit; + padding-inline-start: inherit; } .moz-text-plain[graphical-quote="true"] blockquote { diff --git a/EarlyBlue/messenger/messageHeader.css b/EarlyBlue/messenger/messageHeader.css index 23b76b22..165ec060 100644 --- a/EarlyBlue/messenger/messageHeader.css +++ b/EarlyBlue/messenger/messageHeader.css @@ -50,7 +50,7 @@ mail-urlfield { .headerName { margin: 0; - -moz-margin-end: .25em; + margin-inline-end: .25em; font-weight: bold; text-align: right; } @@ -77,7 +77,7 @@ mail-urlfield { .tagvalue { margin-top: 0; - -moz-margin-start: 0; + margin-inline-start: 0; } /* ::::: msg header message ids ::::: */ @@ -95,7 +95,7 @@ mail-urlfield { } .messageIdDisplayImage { - -moz-padding-start: 2px; + padding-inline-start: 2px; -moz-box-pack: end; } @@ -114,7 +114,7 @@ mail-urlfield { } .emailDisplayImage { - -moz-padding-start: 2px; + padding-inline-start: 2px; -moz-box-pack: end; } @@ -174,8 +174,8 @@ mail-urlfield { .collapsedHeaderDisplayName { padding: 0; - -moz-margin-start: .55em; - -moz-margin-end: .5em; + margin-inline-start: .55em; + margin-inline-end: .5em; font-weight: bold; } @@ -188,5 +188,5 @@ mail-urlfield { .collapsedAttachmentButton { list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif"); margin: 0; - -moz-margin-end: .5em; + margin-inline-end: .5em; } diff --git a/EarlyBlue/messenger/messengercompose/messengercompose.css b/EarlyBlue/messenger/messengercompose/messengercompose.css index bdf9c0a5..cc7c3bb8 100644 --- a/EarlyBlue/messenger/messengercompose/messengercompose.css +++ b/EarlyBlue/messenger/messengercompose/messengercompose.css @@ -134,28 +134,28 @@ toolbar[iconsize="small"] > #button-save[disabled="true"] { treechildren::-moz-tree-cell-text(default-match) { margin-top: 2px; margin-bottom: 2px; - -moz-margin-start: 15px; - -moz-margin-end: -3px; + margin-inline-start: 15px; + margin-inline-end: -3px; border: none; } treechildren::-moz-tree-image(local-abook) { margin-top: 2px; margin-bottom: 2px; - -moz-margin-start: 4px; - -moz-margin-end: -1px; + margin-inline-start: 4px; + margin-inline-end: -1px; list-style-image: url("chrome://messenger/skin/addressbook/icons/addrbook.gif"); } treechildren::-moz-tree-image(remote-abook) { margin: 2px; - -moz-margin-end: -3px; + margin-inline-end: -3px; list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook.gif"); } treechildren::-moz-tree-image(remote-err) { margin: 2px; - -moz-margin-end: -3px; + margin-inline-end: -3px; list-style-image: url("chrome://messenger/skin/addressbook/icons/remote-addrbook-error.gif"); } @@ -168,15 +168,15 @@ treechildren::-moz-tree-image(remote-err) { #addresses-box > hbox > label, #attachments-box > label { - -moz-margin-start: 0px; + margin-inline-start: 0px; } #msgIdentity{ - -moz-margin-end: 0px; + margin-inline-end: 0px; } #msgSubject { - -moz-margin-end: 0px; + margin-inline-end: 0px; } #attachmentBucket { @@ -188,8 +188,8 @@ treechildren::-moz-tree-image(remote-err) { } treechildren::-moz-tree-image(subscribed-news) { - -moz-margin-start: 2px; - -moz-margin-end: -3px; + margin-inline-start: 2px; + margin-inline-end: -3px; list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.png"); } @@ -214,7 +214,7 @@ treechildren::-moz-tree-image(subscribed-news) { } .menulist-compact > .menulist-label-box > .menulist-icon { - -moz-margin-start: 2px; + margin-inline-start: 2px; } .menulist-compact[open="true"] { diff --git a/EarlyBlue/messenger/newmailalert.css b/EarlyBlue/messenger/newmailalert.css index ebc56aaa..ed167e40 100644 --- a/EarlyBlue/messenger/newmailalert.css +++ b/EarlyBlue/messenger/newmailalert.css @@ -30,7 +30,7 @@ #alertTextBox { padding: 4px; - -moz-padding-end: 16px; + padding-inline-end: 16px; } .folderSummary-message-row diff --git a/EarlyBlue/messenger/prefPanels.css b/EarlyBlue/messenger/prefPanels.css index 968c1f14..f95a90cd 100644 --- a/EarlyBlue/messenger/prefPanels.css +++ b/EarlyBlue/messenger/prefPanels.css @@ -17,6 +17,6 @@ } #tagList > listitem > listcell { - -moz-padding-start: 16px; - -moz-padding-end: 16px; + padding-inline-start: 16px; + padding-inline-end: 16px; } diff --git a/EarlyBlue/messenger/searchDialog.css b/EarlyBlue/messenger/searchDialog.css index ca9c5233..fb2c566d 100644 --- a/EarlyBlue/messenger/searchDialog.css +++ b/EarlyBlue/messenger/searchDialog.css @@ -39,7 +39,7 @@ menulist:not(#menuSearchLocalSystem) { } menulist:not(#menuSearchLocalSystem) > menupopup > menuitem { - -moz-padding-end: 2px; + padding-inline-end: 2px; } textbox { @@ -47,7 +47,7 @@ textbox { } .filler { - -moz-padding-end: 22px; + padding-inline-end: 22px; } .small-button { diff --git a/EarlyBlue/messenger/subscribe.css b/EarlyBlue/messenger/subscribe.css index dbbe866e..0d83c626 100644 --- a/EarlyBlue/messenger/subscribe.css +++ b/EarlyBlue/messenger/subscribe.css @@ -41,13 +41,13 @@ treechildren::-moz-tree-cell-text(nameColumn, Subscribable-false) { /* ::::: folder icons :::::: */ treechildren::-moz-tree-image(nameColumn) { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://messenger/skin/icons/folder-closed.gif"); } treechildren::-moz-tree-image(nameColumn, ServerType-nntp), treechildren::-moz-tree-image(nameColumn2, nntp) { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://messenger/skin/icons/folder-newsgroup.gif"); } diff --git a/EarlyBlue/messenger/threadPane.css b/EarlyBlue/messenger/threadPane.css index ffba420b..8f131a41 100644 --- a/EarlyBlue/messenger/threadPane.css +++ b/EarlyBlue/messenger/threadPane.css @@ -180,7 +180,7 @@ treechildren::-moz-tree-image(subjectCol) { } treechildren::-moz-tree-image(subjectCol) { - -moz-margin-end: 2px; + margin-inline-end: 2px; } treechildren::-moz-tree-image(subjectCol, new) { diff --git a/EarlyBlue/messenger/virtualFolderListDialog.css b/EarlyBlue/messenger/virtualFolderListDialog.css index c3c6f608..32e17306 100644 --- a/EarlyBlue/messenger/virtualFolderListDialog.css +++ b/EarlyBlue/messenger/virtualFolderListDialog.css @@ -8,7 +8,7 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); treechildren::-moz-tree-image(selectedColumn) { - -moz-margin-end: 2px; + margin-inline-end: 2px; list-style-image: url("chrome://messenger/skin/icons/dot.gif"); } diff --git a/EarlyBlue/mozapps/aboutNetworking.css b/EarlyBlue/mozapps/aboutNetworking.css index d23f4590..887c6dd0 100644 --- a/EarlyBlue/mozapps/aboutNetworking.css +++ b/EarlyBlue/mozapps/aboutNetworking.css @@ -36,7 +36,7 @@ body { border: 1px solid #666699; border-radius: 10px; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: #CCD0DD; margin-left: auto; text-align: center; diff --git a/EarlyBlue/mozapps/aboutServiceWorkers.css b/EarlyBlue/mozapps/aboutServiceWorkers.css index 9c6f65d7..cbe98309 100644 --- a/EarlyBlue/mozapps/aboutServiceWorkers.css +++ b/EarlyBlue/mozapps/aboutServiceWorkers.css @@ -29,7 +29,7 @@ body { border: 1px solid #666699; border-radius: 10px; padding: 3em; - -moz-padding-start: 30px; + padding-inline-start: 30px; background: #FFFFFF; margin-left: auto; text-align: center; diff --git a/EarlyBlue/mozapps/downloads/downloads.css b/EarlyBlue/mozapps/downloads/downloads.css index 2af0dae6..45c4ef50 100644 --- a/EarlyBlue/mozapps/downloads/downloads.css +++ b/EarlyBlue/mozapps/downloads/downloads.css @@ -12,7 +12,7 @@ /* Download View Items */ richlistitem[type="download"] { padding: 4px; - -moz-padding-end: 8px; + padding-inline-end: 8px; min-height: 46px; border-bottom: 1px solid #9999CC; } diff --git a/EarlyBlue/mozapps/downloads/unknownContentType.css b/EarlyBlue/mozapps/downloads/unknownContentType.css index 205b6c07..ba94316b 100644 --- a/EarlyBlue/mozapps/downloads/unknownContentType.css +++ b/EarlyBlue/mozapps/downloads/unknownContentType.css @@ -12,15 +12,15 @@ width: 16px; margin-top: 0px; margin-bottom: 0px; - -moz-margin-start: 0px; - -moz-margin-end: 5px; + margin-inline-start: 0px; + margin-inline-end: 5px; } .small-indent { - -moz-margin-start: 15px; - -moz-margin-end: 15px; + margin-inline-start: 15px; + margin-inline-end: 15px; } .small-indent label { - -moz-margin-start: 0px; + margin-inline-start: 0px; } diff --git a/EarlyBlue/mozapps/extensions/about.css b/EarlyBlue/mozapps/extensions/about.css index 567a634e..b2a44113 100644 --- a/EarlyBlue/mozapps/extensions/about.css +++ b/EarlyBlue/mozapps/extensions/about.css @@ -18,7 +18,7 @@ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 64px; max-height: 64px; - -moz-margin-end: 6px; + margin-inline-end: 6px; } #genericAbout[addontype="theme"] #extensionIcon { @@ -61,7 +61,7 @@ } .boxIndent { - -moz-margin-start: 6px; + margin-inline-start: 6px; } #extensionCreator, .contributor { diff --git a/EarlyBlue/mozapps/extensions/blocklist.css b/EarlyBlue/mozapps/extensions/blocklist.css index 3fb9cf88..8a8aa66a 100644 --- a/EarlyBlue/mozapps/extensions/blocklist.css +++ b/EarlyBlue/mozapps/extensions/blocklist.css @@ -1,8 +1,8 @@ richlistitem { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; border-bottom: 1px solid #6666CC; } diff --git a/EarlyBlue/mozapps/extensions/eula.css b/EarlyBlue/mozapps/extensions/eula.css index a505822e..8120a3b3 100644 --- a/EarlyBlue/mozapps/extensions/eula.css +++ b/EarlyBlue/mozapps/extensions/eula.css @@ -2,7 +2,7 @@ list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); max-width: 48px; max-height: 48px; - -moz-margin-end: 6px; + margin-inline-end: 6px; } #eula-dialog[addontype="theme"] #icon { diff --git a/EarlyBlue/mozapps/extensions/extensions.css b/EarlyBlue/mozapps/extensions/extensions.css index ce48b8e3..08ffac9f 100644 --- a/EarlyBlue/mozapps/extensions/extensions.css +++ b/EarlyBlue/mozapps/extensions/extensions.css @@ -5,9 +5,7 @@ @import url("chrome://global/skin/in-content/common.css"); .main-content { - padding-top: 0; - -moz-padding-end: 0; - padding-bottom: 0; + padding: 0; } #nav-header { @@ -16,7 +14,8 @@ } .view-pane > .list > scrollbox { - -moz-padding-end: 48px; + padding-right: 48px; + padding-left: 48px; } /*** global warnings ***/ @@ -63,7 +62,6 @@ background-image: none; } - /*** notification icons ***/ .warning-icon, @@ -97,7 +95,8 @@ .alert-container { -moz-box-align: center; - -moz-margin-end: 48px; + margin-right: 48px; + margin-left: 48px; } .alert-spacer-before { @@ -170,7 +169,7 @@ button.warning { background-color: #666699; padding: 2px 8px; margin: 6px 0; - -moz-margin-start: 6px; + margin-inline-start: 6px; border-radius: 100%; color: #FFFFFF; font-weight: bold; @@ -221,7 +220,7 @@ button.warning { #header { margin-top: 20px; margin-bottom: 20px; - -moz-margin-end: 48px; + margin-inline-end: 48px; } @media (max-width: 600px) { @@ -231,14 +230,13 @@ button.warning { } .view-header { - margin: 0; - -moz-margin-end: 48px; + margin: 0 48px; border-bottom: 1px solid #666699; } #header-utils-btn { list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities"); - -moz-margin-end: 16px; + margin-inline-end: 16px; } .header-button { @@ -261,7 +259,7 @@ button.warning { } #forward-btn { - -moz-border-start: none; + border-inline-start: none; } #back-btn:-moz-locale-dir(ltr), @@ -326,7 +324,7 @@ button.warning { } .sorter .button-icon { - -moz-margin-start: 4px; + margin-inline-start: 4px; } @@ -344,7 +342,7 @@ button.warning { .discover-logo { list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png"); - -moz-margin-end: 15px; + margin-inline-end: 15px; } .discover-title { @@ -393,7 +391,7 @@ button.warning { .details { cursor: pointer; margin: 0; - -moz-margin-start: 10px; + margin-inline-start: 10px; } .icon-container { @@ -411,7 +409,7 @@ button.warning { } .content-inner-container { - -moz-margin-end: 5px; + margin-inline-end: 5px; } .addon[active="false"] .icon { @@ -450,7 +448,7 @@ button.warning { } .description-container { - -moz-margin-start: 6px; + margin-inline-start: 6px; -moz-box-align: center; font-size: 1.25rem; } @@ -462,7 +460,7 @@ button.warning { .warning, .pending, .error { - -moz-margin-start: 48px; + margin-inline-start: 48px; font-weight: bold; -moz-box-align: center; } @@ -522,7 +520,7 @@ button.warning { .addon .relnotes-container { -moz-box-align: start; - -moz-margin-start: 6px; + margin-inline-start: 6px; height: 0; overflow: hidden; opacity: 0; @@ -551,7 +549,7 @@ button.warning { } .addon .relnotes-toggle > .button-box > .button-icon { - -moz-padding-start: 4px; + padding-inline-start: 4px; } .addon[show-relnotes] .relnotes-toggle { @@ -639,7 +637,8 @@ button.warning { #search-filter { padding: 5px 20px; - -moz-margin-end: 48px; + margin-right: 48px; + margin-left: 48px; font-size: 120%; border-bottom: 1px solid #666699; overflow-x: hidden; @@ -648,7 +647,7 @@ button.warning { #search-filter-label { font-weight: bold; color: #808080; - -moz-margin-end: 10px; + margin-inline-end: 10px; } #search-allresults-link { @@ -659,8 +658,9 @@ button.warning { /*** detail view ***/ -#detail-view { - -moz-margin-end: 48px; +#detail-view > .box-inherit { + margin-right: 48px; + margin-left: 48px; } #detail-view .loading { @@ -674,7 +674,7 @@ button.warning { } .detail-view-container { - -moz-padding-end: 2em; + padding-inline-end: 2em; padding-bottom: 2em; font-size: 1.25rem; color: #000000; @@ -688,12 +688,12 @@ button.warning { #detail-notifications .warning, #detail-notifications .pending, #detail-notifications .error { - -moz-margin-start: 0; + margin-inline-start: 0; } #detail-icon-container { width: 64px; - -moz-margin-end: 10px; + margin-inline-end: 10px; margin-top: 6px; } @@ -712,7 +712,7 @@ button.warning { } #detail-screenshot-box { - -moz-margin-end: 2em; + margin-inline-end: 2em; } #detail-screenshot { @@ -736,7 +736,7 @@ button.warning { } #detail-desc, #detail-fulldesc { - -moz-margin-start: 6px; + margin-inline-start: 6px; white-space: pre-wrap; /* This is necessary to fix layout issues with multi-line descriptions, see bug 592712*/ @@ -772,7 +772,7 @@ button.warning { } #detail-contrib-btn .button-icon { - -moz-margin-end: 3px; + margin-inline-end: 3px; } #detail-grid { @@ -824,7 +824,7 @@ setting { font-size: 90.9%; color: #808080; margin-top: -2px; - -moz-margin-start: 2em; + margin-inline-start: 2em; white-space: pre-wrap; } @@ -840,8 +840,8 @@ setting[type="radio"] > radiogroup { /*** creator ***/ .creator > label { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; } .creator > .text-link { @@ -853,7 +853,7 @@ setting[type="radio"] > radiogroup { /*** rating ***/ .meta-rating { - -moz-margin-end: 0; + margin-inline-end: 0; padding-top: 2px; } @@ -934,7 +934,7 @@ setting[type="radio"] > radiogroup { } .download-progress .cancel .button-icon { - -moz-margin-start: 0; + margin-inline-start: 0; } .download-progress .cancel { @@ -1048,7 +1048,7 @@ button.button-link:not([disabled="true"]):active:hover { #disabled-unsigned-addons-info { margin-bottom: 2em; - -moz-margin-end: 48px; + margin-inline-end: 48px; } #disabled-unsigned-addons-heading { diff --git a/EarlyBlue/mozapps/extensions/newaddon.css b/EarlyBlue/mozapps/extensions/newaddon.css index 5f99ced4..4276b537 100644 --- a/EarlyBlue/mozapps/extensions/newaddon.css +++ b/EarlyBlue/mozapps/extensions/newaddon.css @@ -36,7 +36,7 @@ #icon { margin-top: 8px; - -moz-margin-end: 10px; + margin-inline-end: 10px; max-width: 64px; max-height: 64px; list-style-image: url("chrome://mozapps/skin/extensions/extensionGeneric.svg"); @@ -80,11 +80,11 @@ width: 16px; height: 16px; margin-top: 5px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } #allow { - -moz-margin-start: 84px; + margin-inline-start: 84px; margin-bottom: 20px; } diff --git a/EarlyBlue/mozapps/extensions/update.css b/EarlyBlue/mozapps/extensions/update.css index 191ae674..557efddf 100644 --- a/EarlyBlue/mozapps/extensions/update.css +++ b/EarlyBlue/mozapps/extensions/update.css @@ -8,8 +8,8 @@ height: 16px; margin-top: 5px; margin-bottom: 5px; - -moz-margin-start: 5px; - -moz-margin-end: 2px; + margin-inline-start: 5px; + margin-inline-end: 2px; } .alertBox { @@ -17,7 +17,7 @@ color: #000000; border: 0px solid transparent; border-bottom: 1px solid #9999CC; - -moz-margin-start: 3px; - -moz-margin-end: 3px; + margin-inline-start: 3px; + margin-inline-end: 3px; padding: 5px; } diff --git a/EarlyBlue/mozapps/extensions/xpinstallConfirm.css b/EarlyBlue/mozapps/extensions/xpinstallConfirm.css index aaad089e..2e2f1b5b 100644 --- a/EarlyBlue/mozapps/extensions/xpinstallConfirm.css +++ b/EarlyBlue/mozapps/extensions/xpinstallConfirm.css @@ -11,7 +11,7 @@ } #itemWarningIntro { - -moz-margin-start: 8px; + margin-inline-start: 8px; } #dialogContentBox { @@ -21,14 +21,14 @@ installitem { padding-top: 5px; padding-bottom: 5px; - -moz-padding-start: 5px; - -moz-padding-end: 0px; + padding-inline-start: 5px; + padding-inline-end: 0px; border-bottom: 1px dotted #666699; margin-bottom: 5px; } .alert-icon { - -moz-margin-end: 20px; + margin-inline-end: 20px; } .warning { @@ -40,7 +40,7 @@ installitem { .xpinstallIconContainer { width: 32px; height: 32px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } .xpinstallItemName { @@ -60,8 +60,8 @@ installitem { color: #000000; margin-top: 1px; margin-bottom: 1px; - -moz-margin-start: 6px; - -moz-margin-end: 5px; + margin-inline-start: 6px; + margin-inline-end: 5px; } .xpinstallItemIcon { diff --git a/EarlyBlue/mozapps/handling/handling.css b/EarlyBlue/mozapps/handling/handling.css index 441ff04a..1988dc4d 100644 --- a/EarlyBlue/mozapps/handling/handling.css +++ b/EarlyBlue/mozapps/handling/handling.css @@ -5,7 +5,7 @@ richlistitem[type] { min-height: 36px; /* Don't forget to update the richlistbox height! */ - -moz-padding-start: 2px; + padding-inline-start: 2px; } richlistitem { diff --git a/EarlyBlue/mozapps/plugins/pluginProblem.css b/EarlyBlue/mozapps/plugins/pluginProblem.css index 5771919b..7e5a71d5 100644 --- a/EarlyBlue/mozapps/plugins/pluginProblem.css +++ b/EarlyBlue/mozapps/plugins/pluginProblem.css @@ -170,8 +170,8 @@ html|a { width: 16px; height: 16px; margin-top: 4px; - -moz-margin-start: -20px; - -moz-margin-end: 4px; + margin-inline-start: -20px; + margin-inline-end: 4px; border: none; background-color: transparent; background-image: url("chrome://mozapps/skin/plugins/contentPluginClose.png"); diff --git a/EarlyBlue/mozapps/pref/pref.css b/EarlyBlue/mozapps/pref/pref.css index a853597c..3868b58d 100644 --- a/EarlyBlue/mozapps/pref/pref.css +++ b/EarlyBlue/mozapps/pref/pref.css @@ -15,12 +15,12 @@ } .indent { - -moz-margin-start: 23px; - -moz-margin-end: 23px; + margin-inline-start: 23px; + margin-inline-end: 23px; } .small-indent { - -moz-margin-start: 15px; + margin-inline-start: 15px; } .uniWidthButton { @@ -45,23 +45,23 @@ .extensionChildren::-moz-tree-image(fileExtension), .pluginTypesChildren::-moz-tree-image(fileExtension) { margin: 0; - -moz-margin-end: 5px; + margin-inline-end: 5px; } .pluginTypesChildren::-moz-tree-image(pluginEnabled) { margin: 0; - -moz-margin-end: 5px; + margin-inline-end: 5px; list-style-image: url("chrome://mozapps/skin/pref/dot.gif"); } .pluginTypesChildren::-moz-tree-image(pluginEnabled, enabled) { margin: 0; - -moz-margin-end: 5px; + margin-inline-end: 5px; list-style-image: url("chrome://mozapps/skin/pref/check.gif"); } .biggerIndent { - -moz-margin-start: 28px; + margin-inline-start: 28px; } #typeField { @@ -69,5 +69,5 @@ } #defaultAppName { - -moz-margin-start: 6px !important; + margin-inline-start: 6px !important; } diff --git a/EarlyBlue/mozapps/update/updates.css b/EarlyBlue/mozapps/update/updates.css index aa656097..37a6d7fa 100644 --- a/EarlyBlue/mozapps/update/updates.css +++ b/EarlyBlue/mozapps/update/updates.css @@ -42,8 +42,8 @@ wizardpage { } #licenseContent, #incompatibleListbox { - -moz-margin-start: 6px; - -moz-margin-end: 6px; + margin-inline-start: 6px; + margin-inline-end: 6px; } .inline-link { @@ -57,8 +57,8 @@ wizardpage { /* Unsupported Page */ #unsupportedLabel, #unsupportedLinkLabel { - -moz-margin-start: 0; - -moz-padding-start: 0; + margin-inline-start: 0; + padding-inline-start: 0; } /* Update Found Basic Page */ @@ -87,7 +87,7 @@ wizardpage { } #downloadStatusProgress { - -moz-padding-end: 5px; + padding-inline-end: 5px; } #pauseButton { @@ -136,7 +136,7 @@ wizardpage { } #verificationFailedIcon { - -moz-margin-start: 5px; + margin-inline-start: 5px; list-style-image: url("chrome://global/skin/icons/notfound.png"); } @@ -144,8 +144,8 @@ wizardpage { #errorReason { margin-top: 1px; margin-bottom: 2px; - -moz-margin-start: 6px !important; - -moz-margin-end: 5px; + margin-inline-start: 6px !important; + margin-inline-end: 5px; font-weight: bold; } diff --git a/EarlyBlue/navigator/navigator.css b/EarlyBlue/navigator/navigator.css index 44a77ffb..1ea8046b 100644 --- a/EarlyBlue/navigator/navigator.css +++ b/EarlyBlue/navigator/navigator.css @@ -138,13 +138,13 @@ toolbar[iconsize="small"] > #sync-button[status=active] { -moz-box-align: center; padding: 0 2px; border-left: 1px solid #9999CC; - -moz-margin-start: 2px; + margin-inline-start: 2px; } #window-controls > toolbarbutton { padding: 3px; - -moz-padding-start: 2px; - -moz-padding-end: 1px; + padding-inline-start: 2px; + padding-inline-end: 1px; } toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { @@ -166,15 +166,15 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { /* ::::: nav-bar-inner ::::: */ .nav-bar-class { - -moz-padding-start: 1px; - -moz-padding-end: 1px; + padding-inline-start: 1px; + padding-inline-end: 1px; min-width: 0px; -moz-box-align: center; } #urlbar { margin: 0; - -moz-margin-start: 3px; + margin-inline-start: 3px; } .urlbar-security-level { @@ -203,7 +203,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { @@ -250,7 +250,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { /* Notification icon box */ #notification-popup-box { - -moz-margin-end: 3px; + margin-inline-end: 3px; } .notification-anchor-icon:-moz-focusring { @@ -306,20 +306,20 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { .click-to-play-plugins-notification-icon-box { background-color: #CCD0DD; - -moz-border-end: 1px solid #666699; + border-inline-end: 1px solid #666699; padding: 24px; } .click-to-play-plugins-notification-separator { - -moz-border-start: 1px solid #666699; + border-inline-start: 1px solid #666699; border-top: 1px solid #666699; } .click-to-play-plugins-notification-description-box { padding-top: 12px; - -moz-padding-end: 11px; + padding-inline-end: 11px; padding-bottom: 9px; - -moz-padding-start: 10px; + padding-inline-start: 10px; } .click-to-play-plugins-notification-center-box { @@ -409,7 +409,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { /* ::::: autocomplete ::::: */ .autocomplete-treebody::-moz-tree-cell-text(value) { - -moz-padding-start: 13px; + padding-inline-start: 13px; } .autocomplete-treebody::-moz-tree-cell-text(comment) { @@ -437,7 +437,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { } .autocomplete-search-engine-img { - -moz-margin-end: 4px; + margin-inline-end: 4px; } .autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) { @@ -450,7 +450,7 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-icon { #go-button { margin: 0; padding: 1px 0; - -moz-margin-start: 2px; + margin-inline-start: 2px; background-color: #9999CC; } @@ -492,7 +492,7 @@ toolbar[mode="icons"] #search-button > .button-box > .button-text { /* ::::: security button ::::: */ #security-button { - -moz-margin-start: 2px; + margin-inline-start: 2px; } #security-button { diff --git a/EarlyBlue/navigator/pageInfo.css b/EarlyBlue/navigator/pageInfo.css index 5dbd44c9..2cf5b2ba 100644 --- a/EarlyBlue/navigator/pageInfo.css +++ b/EarlyBlue/navigator/pageInfo.css @@ -21,7 +21,7 @@ textbox { } textbox.header { - -moz-margin-start: 0; + margin-inline-start: 0; } textbox.meta-properties { @@ -66,8 +66,8 @@ treechildren::-moz-tree-cell-text(broken) { #feedListbox richlistitem { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #9999CC; } @@ -85,8 +85,8 @@ treechildren::-moz-tree-cell-text(broken) { .permission { padding-top: 6px; padding-bottom: 6px; - -moz-padding-start: 7px; - -moz-padding-end: 7px; + padding-inline-start: 7px; + padding-inline-end: 7px; min-height: 25px; border-bottom: 1px dotted #9999CC; } diff --git a/EarlyBlue/navigator/tabbrowser.css b/EarlyBlue/navigator/tabbrowser.css index 2448e819..37b546d1 100644 --- a/EarlyBlue/navigator/tabbrowser.css +++ b/EarlyBlue/navigator/tabbrowser.css @@ -23,7 +23,7 @@ tabpanels { .tab-icon { margin-top: 1px; - -moz-margin-end: 3px; + margin-inline-end: 3px; width: 16px; height: 16px; } @@ -115,7 +115,7 @@ tabbrowser > tabbox > tabpanels { .tab-drop-indicator-bar { height: 11px; margin-top: -11px; - -moz-margin-start: -6px; + margin-inline-start: -6px; position: relative; } diff --git a/EarlyBlue/navigator/webDeveloper.css b/EarlyBlue/navigator/webDeveloper.css index be7532c1..5286dc7a 100644 --- a/EarlyBlue/navigator/webDeveloper.css +++ b/EarlyBlue/navigator/webDeveloper.css @@ -66,7 +66,7 @@ text-shadow: none; background-color: #FFCCCC; border-radius: 2px; - -moz-margin-end: 2px; + margin-inline-end: 2px; /* Firefox browser/themes/windows/browser.css color: #FDF3DE; @@ -74,14 +74,14 @@ text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 5px; + margin-inline-end: 5px; Firefox browser/themes/linux/browser.css color: #FDF3DE; min-width: 16px; text-shadow: none; background-image: linear-gradient(#B4211B, #8A1915); border-radius: 1px; - -moz-margin-end: 2px; + margin-inline-end: 2px; */ } diff --git a/EarlyBlue/x-browser-old/aboutDialog.css b/EarlyBlue/x-browser-old/aboutDialog.css index 47953115..871966da 100644 --- a/EarlyBlue/x-browser-old/aboutDialog.css +++ b/EarlyBlue/x-browser-old/aboutDialog.css @@ -14,8 +14,8 @@ #detailsBox { padding-top: 8px; padding-bottom: 10px; - -moz-padding-start: 8px; - -moz-padding-end: 10px; + padding-inline-start: 8px; + padding-inline-end: 10px; } #userAgent { @@ -24,8 +24,8 @@ color: #000000; padding-top: 1px; padding-bottom: 1px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; -moz-appearance: none; border: none; } diff --git a/EarlyBlue/x-browser-old/browser.css b/EarlyBlue/x-browser-old/browser.css index 529bf946..44c45e6b 100644 --- a/EarlyBlue/x-browser-old/browser.css +++ b/EarlyBlue/x-browser-old/browser.css @@ -24,8 +24,8 @@ toolbarbutton.bookmark-item:hover:active, toolbarbutton.bookmark-item[open="true"] { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } .bookmark-item > .toolbarbutton-icon { @@ -75,8 +75,8 @@ menuitem.bookmark-item { border-bottom: 1px solid transparent !important; padding-top: 1px; padding-bottom: 1px; - -moz-padding-start: 2px; - -moz-padding-end: 3px; + padding-inline-start: 2px; + padding-inline-end: 3px; margin-top: -1px; } @@ -371,8 +371,8 @@ toolbar[iconsize="small"] .toolbarbutton-1:hover:active, toolbar[iconsize="small"] .toolbarbutton-1[open="true"] { padding-top: 3px; padding-bottom: 1px; - -moz-padding-start: 3px; - -moz-padding-end: 1px; + padding-inline-start: 3px; + padding-inline-end: 1px; } toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"], @@ -385,8 +385,8 @@ toolbar[iconsize="small"] .toolbarbutton-1[disabled="true"][open="true"] { toolbar[iconsize="small"] .toolbarbutton-1[checked="true"] { padding-top: 3px !important; padding-bottom: 1px !important; - -moz-padding-start: 3px !important; - -moz-padding-end: 1px !important; + padding-inline-start: 3px !important; + padding-inline-end: 1px !important; } toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"], @@ -405,8 +405,8 @@ toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]: -moz-box-align: center; padding-top: 0px; padding-bottom: 0px; - -moz-padding-start: 4px; - -moz-padding-end: 2px; + padding-inline-start: 4px; + padding-inline-end: 2px; border-left: 2px groove #CCD0DD; } @@ -459,7 +459,7 @@ toolbar[iconsize="small"] .toolbarbutton-1[type="menu-button"][disabled="true"]: statusbarpanel#statusbar-display { - -moz-padding-start: 0; + padding-inline-start: 0; } /* ::::: search-bar ::::: */ @@ -509,7 +509,7 @@ statusbarpanel#statusbar-display { } #go-button > .button-box > .button-text { - -moz-margin-start: 5px !important; + margin-inline-start: 5px !important; } #go-button > .button-box { diff --git a/EarlyBlue/x-browser-old/downloads/downloadmanager.css b/EarlyBlue/x-browser-old/downloads/downloadmanager.css index 8b427279..da9f7b4d 100644 --- a/EarlyBlue/x-browser-old/downloads/downloadmanager.css +++ b/EarlyBlue/x-browser-old/downloads/downloadmanager.css @@ -15,18 +15,18 @@ download { } #downloadHistoryView > treechildren::-moz-tree-image(Name) { - -moz-margin-end: 2px; + margin-inline-end: 2px; } .indented { - -moz-margin-start: 17px; + margin-inline-start: 17px; } listcell { margin-top: 2px; margin-bottom: 2px; - -moz-margin-start: 4px; - -moz-margin-end: 4px; + margin-inline-start: 4px; + margin-inline-end: 4px; } .link { diff --git a/EarlyBlue/x-browser-old/pref/pref.css b/EarlyBlue/x-browser-old/pref/pref.css index e8c36d30..e37b707c 100644 --- a/EarlyBlue/x-browser-old/pref/pref.css +++ b/EarlyBlue/x-browser-old/pref/pref.css @@ -10,7 +10,7 @@ .buttonBox { margin: 0 !important; - -moz-margin-end: 3px !important; + margin-inline-end: 3px !important; } .buttonBoxButton { @@ -61,7 +61,7 @@ expander { } .themesLink { - -moz-margin-start: 0px; + margin-inline-start: 0px; text-decoration: underline; color: blue; cursor: pointer; diff --git a/LCARStrek/browser/aboutPrivateBrowsing.css b/LCARStrek/browser/aboutPrivateBrowsing.css index 3b5d4b54..541f18c3 100644 --- a/LCARStrek/browser/aboutPrivateBrowsing.css +++ b/LCARStrek/browser/aboutPrivateBrowsing.css @@ -19,7 +19,7 @@ body.normal > #errorPageContainer { } #startPrivateBrowsingDesc > button { - -moz-margin-start: 0; + margin-inline-start: 0; } #footerDesc > p { @@ -28,11 +28,11 @@ body.normal > #errorPageContainer { #moreInfo { font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */ - -moz-padding-start: 25px; + padding-inline-start: 25px; background: url("chrome://global/skin/icons/information-16.png") no-repeat top left; } -#moreInfo:-moz-dir(rtl) { +#moreInfo:dir(rtl) { background-position: top right; } diff --git a/LCARStrek/browser/aboutProviderDirectory.css b/LCARStrek/browser/aboutProviderDirectory.css index f03e82ff..7717c43c 100644 --- a/LCARStrek/browser/aboutProviderDirectory.css +++ b/LCARStrek/browser/aboutProviderDirectory.css @@ -8,7 +8,7 @@ body { #message-box { margin-top: 2em; background: url('chrome://global/skin/icons/information-24.png') no-repeat left 4px; - -moz-padding-start: 30px; + padding-inline-start: 30px; } #activation-frame { diff --git a/LCARStrek/browser/aboutSocialError.css b/LCARStrek/browser/aboutSocialError.css index 99e1e463..a9ee90dd 100644 --- a/LCARStrek/browser/aboutSocialError.css +++ b/LCARStrek/browser/aboutSocialError.css @@ -26,7 +26,7 @@ button { } #errorTitle { background: none; - -moz-padding-start: 0 !important; + padding-inline-start: 0 !important; } button { width: auto !important; diff --git a/LCARStrek/browser/aboutSyncTabs.css b/LCARStrek/browser/aboutSyncTabs.css index 1950574a..ee08db3e 100644 --- a/LCARStrek/browser/aboutSyncTabs.css +++ b/LCARStrek/browser/aboutSyncTabs.css @@ -8,18 +8,18 @@ margin-top: 4px; width: 45em; height: 32px; - -moz-margin-start: 2em; - -moz-margin-end: 2em; + margin-inline-start: 2em; + margin-inline-end: 2em; } #tabsListHeading { font-size: 140%; font-weight: bold; - -moz-margin-start: 40px; + margin-inline-start: 40px; } richlistitem { - -moz-margin-end: 2em; + margin-inline-end: 2em; } richlistitem[selected="true"], @@ -32,7 +32,7 @@ richlistitem[type="tab"] { border: #9C9CFF 1px solid !important; padding: 2px 5px; margin-bottom: 4px; - -moz-margin-start: 4em; + margin-inline-start: 4em; border-radius: 6px; background-color: #402800; width: 44em; @@ -46,7 +46,7 @@ richlistitem[type="tab"][selected="true"] { richlistitem[type="client"] { min-height: 2em; color: #FF9F00; - -moz-margin-start: 2em; + margin-inline-start: 2em; margin-top: 2px; margin-bottom: 3px; width: 42em; @@ -77,6 +77,6 @@ richlistitem.desktop[type="client"] { } .tabIcon { - -moz-padding-start: 2px; + padding-inline-start: 2px; padding-top: 2px; } diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index 35751446..5122af86 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -239,7 +239,7 @@ menubar { -moz-appearance: none; margin-top: 6px; margin-top: 4px; - -moz-margin-end: 3px; + margin-inline-end: 3px; z-index: 1; } @@ -321,16 +321,16 @@ toolbarbutton.bookmark-item:not([disabled="true"]):not(.subviewbutton):hover:act toolbarbutton.bookmark-item[open="true"] { /* padding-top: 3px; padding-bottom: 1px; - -moz-padding-start: 4px; - -moz-padding-end: 2px;*/ + padding-inline-start: 4px; + padding-inline-end: 2px;*/ } .bookmark-item > .toolbarbutton-icon, #personal-bookmarks[cui-areatype="toolbar"] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { width: 16px; height: 16px; - -moz-margin-start: 1px; - -moz-margin-end: 2px; + margin-inline-start: 1px; + margin-inline-end: 2px; margin-top: 1px; margin-bottom: 1px; } @@ -430,7 +430,7 @@ menuitem.bookmark-item { } .bookmark-item > .menu-iconic-left > .menu-iconic-icon { - -moz-padding-start: 0px; + padding-inline-start: 0px; } /* ::::: bookmark items ::::: */ @@ -597,8 +597,8 @@ menuitem.bookmark-item { #bookmarks-menu-button[cui-areatype="toolbar"][open="true"] > .toolbarbutton-menubutton-dropmarker { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 2px; - -moz-padding-end: 0px; + padding-inline-start: 2px; + padding-inline-end: 0px; } #history-panelmenu[cui-areatype="toolbar"] { @@ -1333,8 +1333,8 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button[disabled= .toolbarbutton-1:hover:active > .toolbarbutton-menubutton-button { padding-top: 2px; padding-bottom: 0px; - -moz-padding-start: 3px; - -moz-padding-end: 1px; + padding-inline-start: 3px; + padding-inline-end: 1px; } #main-window:not([customizing]) .toolbarbutton-1[disabled=true] > .toolbarbutton-icon, @@ -1367,8 +1367,8 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri } #nav-bar #PanelUI-menu-button { -/* -moz-padding-start: 7px; - -moz-padding-end: 5px;*/ +/* padding-inline-start: 7px; + padding-inline-end: 5px;*/ } #nav-bar .toolbarbutton-1[type=panel], @@ -1386,11 +1386,11 @@ toolbar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker:-moz-lwtheme-bri } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button { -/* -moz-padding-end: 0;*/ +/* padding-inline-end: 0;*/ } #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker { -/* -moz-padding-start: 0; +/* padding-inline-start: 0; -moz-box-align: center;*/ } @@ -1431,7 +1431,7 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba #nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button):not(#back-button):not(#forward-button) > .toolbarbutton-icon, #nav-bar .toolbarbutton-1[type=menu]:not(#PanelUI-menu-button) > .toolbarbutton-badge-stack, #nav-bar .toolbarbutton-1[type=menu] > .toolbarbutton-text /* hack for add-ons that forcefully display the label */ { -/* -moz-padding-end: 17px;*/ +/* padding-inline-end: 17px;*/ } #nav-bar .toolbarbutton-1[type=panel] > .toolbarbutton-icon, @@ -1466,7 +1466,7 @@ toolbarbutton[constrain-size="true"][cui-areatype="toolbar"] > .toolbarbutton-ba display: -moz-box; width: 1px; height: 16px; - -moz-margin-end: -1px; + margin-inline-end: -1px; */ } @@ -1522,7 +1522,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #forward-button:not([ope } #forward-button { - -moz-margin-start: -4px !important; + margin-inline-start: -4px !important; padding-left: 5px; padding-right: 5px; margin-top: 3px; @@ -1556,8 +1556,8 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but #back-button { /* padding-top: 3px !important; padding-bottom: 3px !important; - -moz-padding-start: 5px !important; - -moz-padding-end: 0 !important;*/ + padding-inline-start: 5px !important; + padding-inline-end: 0 !important;*/ position: relative; z-index: 1; border-radius: 10000px; @@ -1688,7 +1688,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but /* ::::: fullscreen window controls ::::: */ #window-controls { - -moz-margin-start: 4px; + margin-inline-start: 4px; } #minimize-button, @@ -1728,7 +1728,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but .searchbar-textbox { border-radius: 5px; margin: 2px 0; - -moz-margin-start: 3px; + margin-inline-start: 3px; } #urlbar { @@ -1754,7 +1754,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar { -/* -moz-border-start: none; +/* border-inline-start: none; margin-left: 0;*/ } @@ -1798,7 +1798,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, } .urlbar-input-box { - -moz-margin-start: 0; + margin-inline-start: 0; } #urlbar-icons { @@ -1835,25 +1835,25 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, #urlbar-search-splitter { min-width: 6px; - -moz-margin-start: -3px; + margin-inline-start: -3px; border: none; background: transparent; } #urlbar-search-splitter + #urlbar-container > #urlbar, #urlbar-search-splitter + #search-container > #searchbar > .searchbar-textbox { - -moz-margin-start: 0; + margin-inline-start: 0; } #urlbar-display-box { } .urlbar-display { - -moz-border-end: 1px solid #9C9CFF; - -moz-margin-end: 3px; + border-inline-end: 1px solid #9C9CFF; + margin-inline-end: 3px; margin-top: 0; margin-bottom: 0; - -moz-margin-start: 0; + margin-inline-start: 0; color: #8050B0; } @@ -1863,8 +1863,8 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, border-bottom: 1px solid #A09090; background-color: #000000; padding: 6px 0; - -moz-padding-start: 44px; - -moz-padding-end: 6px; + padding-inline-start: 44px; + padding-inline-end: 6px; background-image: url("chrome://browser/skin/info.svg"); background-clip: padding-box; background-position: 20px center; @@ -1882,7 +1882,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > description > label.text-link { - -moz-margin-start: 0; + margin-inline-start: 0; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button { @@ -1891,7 +1891,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, border-radius: 3px; padding: 4px 16px; margin: 0; - -moz-margin-start: 10px; + margin-inline-start: 10px; } #PopupAutoCompleteRichResult > hbox[anonid="search-suggestions-notification"] > button[anonid="search-suggestions-notification-disable"] { @@ -1991,7 +1991,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, #urlbar[pageproxystate="valid"] > #identity-box.chromeUI { color: var(--identity-box-chrome-color); - -moz-border-end: 1px solid var(--identity-box-chrome-color); + border-inline-end: 1px solid var(--identity-box-chrome-color); } #identity-box:hover > :not(#identity-icon), @@ -2001,7 +2001,7 @@ html|*.urlbar-input:-moz-lwtheme::-moz-placeholder, #urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity { color: var(--identity-box-verified-color); - -moz-border-end: 1px solid var(--identity-box-verified-color); + border-inline-end: 1px solid var(--identity-box-verified-color); } #identity-icon-labels:-moz-locale-dir(ltr) { @@ -2148,7 +2148,7 @@ window:not([chromehidden~="toolbar"]) #urlbar-wrapper:not(:hover) > #forward-but } window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar > #identity-box > #page-proxy-favicon { -/* -moz-margin-end: 1px;*/ +/* margin-inline-end: 1px;*/ } #identity-box:hover > #page-proxy-favicon { @@ -2352,8 +2352,8 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- #urlbar > toolbarbutton:not([disabled=true]):active:hover, #urlbar-reload-button:not(:hover) { - -moz-border-start-style: none; - -moz-padding-start: 3px; + border-inline-start-style: none; + padding-inline-start: 3px; } #urlbar-reload-button { @@ -2618,13 +2618,13 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .panel-promo-icon { list-style-image: url("chrome://browser/skin/sync-notification-24.png"); - -moz-margin-end: 10px; + margin-inline-end: 10px; vertical-align: middle; } .panel-promo-closebutton { list-style-image: url("chrome://global/skin/icons/close-button.gif"); - -moz-margin-end: -3px; + margin-inline-end: -3px; margin-top: -3px; } @@ -2652,7 +2652,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } #sidebar-splitter { - -moz-margin-start: 0; + margin-inline-start: 0; } #sidebar-header { @@ -2661,7 +2661,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } #sidebar-title { - -moz-padding-start: 0px; + padding-inline-start: 0px; } #sidebar-header > .close-icon { @@ -2732,7 +2732,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tabbrowser-tab:first-of-type { - -moz-margin-start: 2px; + margin-inline-start: 2px; } .tabs-newtab-button, @@ -2740,7 +2740,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- #TabsToolbar > toolbarpaletteitem > #new-tab-button, #TabsToolbar > toolbarpaletteitem > #new-tab-button[cui-areatype="toolbar"] { border-radius: 8px 8px 0px 0px; - -moz-margin-start: 0; + margin-inline-start: 0; } .tabs-newtab-button:not(:hover), @@ -2775,7 +2775,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-icon-image { height: 16px; width: 16px; - -moz-margin-end: 3px; + margin-inline-end: 3px; } .tab-icon-image { @@ -2786,7 +2786,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- width: 16px; height: 16px; margin-top: -8px; - -moz-margin-start: -15px; + margin-inline-start: -15px; margin-inline-end: -1px; position: relative; } @@ -2843,8 +2843,8 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tab-throbber[pinned], .tab-icon-image[pinned] { - -moz-margin-start: 2px; - -moz-margin-end: 2px; + margin-inline-start: 2px; + margin-inline-end: 2px; } .tab-label { @@ -2855,7 +2855,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- } .tab-icon-sound { - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 16px; height: 16px; padding: 0; @@ -3069,7 +3069,7 @@ richlistitem[selected="true"][current="true"] > .ac-title-box > .ac-result-type- .tabbrowser-tab::after, .tabbrowser-tab::before { width: 1px; - -moz-margin-start: -1px; + margin-inline-start: -1px; background-image: linear-gradient(transparent 5px, currentColor 5px, currentColor calc(100% - 4px), @@ -3284,7 +3284,7 @@ toolbarbutton.chevron > .toolbarbutton-icon { #sidebar-throbber[loading="true"] { list-style-image: url("chrome://global/skin/icons/loading.png"); - -moz-margin-end: 4px; + margin-inline-end: 4px; } @media (min-resolution: 1.1dppx) { @@ -3315,7 +3315,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .menupopup-drop-indicator { list-style-image: none; height: 2px; - -moz-margin-end: -4em; + margin-inline-end: -4em; background-color: #008484; } @@ -3324,7 +3324,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { .popup-notification-icon { width: 64px; height: 64px; - -moz-margin-end: 10px; + margin-inline-end: 10px; } .popup-notification-icon[popupid="geolocation"] { @@ -3411,7 +3411,7 @@ toolbarbutton.bookmark-item[dragover="true"][open="true"] { padding-right: 8px; border-radius: 3px 0 0 3px; border-image: url("chrome://browser/skin/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0; - -moz-margin-end: -8px; + margin-inline-end: -8px; border-right-width: 8px; } @@ -3741,7 +3741,7 @@ notification[value="translation"] menulist > .menulist-dropmarker { } .translation-welcome-content { - -moz-margin-start: 16px; + margin-inline-start: 16px; } .translation-welcome-headline { @@ -4279,7 +4279,7 @@ html|*#gcli-output-frame { .devtools-responsiveui-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button { /* color: inherit; border-width: 0; - -moz-border-end: 1px solid hsla(210,8%,5%,.45); + border-inline-end: 1px solid hsla(210,8%,5%,.45); box-shadow: -1px 0 0 hsla(210,16%,76%,.15) inset, 1px 0 0 hsla(210,16%,76%,.15);*/ } @@ -4529,7 +4529,7 @@ html|*#gcli-output-frame { text-shadow: none; background-color: #FF0000; border-radius: 1px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } /* Social toolbar item */ @@ -4537,7 +4537,7 @@ html|*#gcli-output-frame { #social-notification-icon-mentions { background-color: #000000; border-radius: 3px; - -moz-margin-start: 2px; + margin-inline-start: 2px; } #social-notification-icon-mentions:hover { @@ -4780,7 +4780,7 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { height: 21px; width: 21px; border-top: 1px solid #008484; - -moz-border-end: 1px solid #008484; + border-inline-end: 1px solid #008484; } @media (min-resolution: 2dppx) { @@ -4813,7 +4813,7 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { .chatbar-button > .toolbarbutton-icon { opacity: .6; - -moz-margin-end: 0; + margin-inline-end: 0; } .chatbar-button:hover > .toolbarbutton-icon, .chatbar-button[open="true"] > .toolbarbutton-icon { @@ -4843,11 +4843,11 @@ chatbar > chatbox > .chat-titlebar > .chat-swap-button { } chatbar { - -moz-margin-end: 20px; + margin-inline-end: 20px; } chatbox { - -moz-margin-start: 4px; + margin-inline-start: 4px; background-color: transparent; } @@ -4858,7 +4858,7 @@ chatbar > chatbox { border-top-right-radius: 4px;*/ /* Offset the chatbox the same amount as the box-shadows' spread, to make it visible. */ -/* -moz-margin-end: 5px;*/ +/* margin-inline-end: 5px;*/ } chatbox[minimized="true"] { @@ -4867,7 +4867,7 @@ chatbox[minimized="true"] { } window > chatbox { - -moz-margin-start: 0px; + margin-inline-start: 0px; margin: 0px; border: none; padding: 0px; @@ -4902,7 +4902,7 @@ window > chatbox { background-repeat: no-repeat; width: 16px; height: 15px; - -moz-margin-start: 6px; + margin-inline-start: 6px; } .click-to-play-plugins-notification-button-container { @@ -5019,7 +5019,7 @@ notification.pluginVulnerable .messageImage { color: var(--panel-arrowcontent-color); background-clip: padding-box; border-left: 1px solid #9C9CFF; - -moz-margin-start: 38px; + margin-inline-start: 38px; } /* === END login-doorhanger.inc.css === */ @@ -5201,7 +5201,7 @@ notification.pluginVulnerable .messageImage { #customization-lwtheme-button > .box-inherit > .box-inherit > .button-text, #customization-titlebar-visibility-button > .button-box > .button-text { /* Sadly, button.css thinks its margins are perfect for everyone. */ - -moz-margin-start: 5px !important; + margin-inline-start: 5px !important; } #customization-lwtheme-button > .box-inherit > .box-inherit > .button-icon { @@ -5363,7 +5363,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { } #personal-bookmarks[cui-areatype="toolbar"]:not([overflowedItem=true]) > #bookmarks-toolbar-placeholder > .toolbarbutton-icon { - -moz-margin-end: 5px; + margin-inline-end: 5px; } #customization-palette > toolbarpaletteitem > label { @@ -5388,9 +5388,9 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { -moz-appearance: none; margin: 0 -5px 5px; padding-top: 0; - -moz-padding-end: 5px; + padding-inline-end: 5px; padding-bottom: 0; - -moz-padding-start: 0; + padding-inline-start: 0; } .customization-lwtheme-menu-theme[defaulttheme] { @@ -5526,7 +5526,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { .customization-tipPanel-closeBox > .close-icon { -moz-appearance: none; border: 0; - -moz-margin-end: -25px; + margin-inline-end: -25px; } #customization-tipPanel > .panel-arrowcontainer > .panel-arrowbox > .panel-arrow[side="left"], @@ -5618,7 +5618,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #TabsToolbar > .private-browsing-indicator { background: url("chrome://browser/skin/privatebrowsing-mask-tabstrip.png") no-repeat center -3px; - -moz-margin-start: 4px; + margin-inline-start: 4px; width: 48px; } @@ -5629,7 +5629,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #private-browsing-indicator-titlebar > .private-browsing-indicator, #main-window[inFullscreen] #TabsToolbar > .private-browsing-indicator { background: url("chrome://browser/skin/privatebrowsing-mask-titlebar.png") no-repeat center 0px; - -moz-margin-end: 4px; + margin-inline-end: 4px; width: 40px; height: 20px; position: relative; @@ -5667,8 +5667,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { } #UITourTooltipBody { - -moz-margin-end: 14px; - -moz-margin-start: 14px; + margin-inline-end: 14px; + margin-inline-start: 14px; margin-top: -16px; margin-bottom: 8px; } @@ -5676,8 +5676,8 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipIcon { width: 48px; height: 48px; - -moz-margin-start: 14px; - -moz-margin-end: 14px; + margin-inline-start: 14px; + margin-inline-end: 14px; } #UITourTooltipTitle, @@ -5688,16 +5688,16 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipTitle { font-size: 1.45rem; font-weight: bold; - -moz-margin-start: 0; + margin-inline-start: 0; /* Avoid the title overlapping the close button */ - -moz-margin-end: 14px; + margin-inline-end: 14px; margin-top: 0; margin-bottom: 9px; } #UITourTooltipDescription { - -moz-margin-start: 0; - -moz-margin-end: 0; + margin-inline-start: 0; + margin-inline-end: 0; font-size: 1.15rem; line-height: 1.8rem; margin-bottom: 0; /* Override global.css */ @@ -5709,7 +5709,7 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { border: none; background-color: transparent; min-width: 0; - -moz-margin-start: 4px; + margin-inline-start: 4px; margin-top: -2px; } @@ -5732,13 +5732,13 @@ toolbarpaletteitem[place="toolbar"]:-moz-focusring { #UITourTooltipButtons > label:first-child, #UITourTooltipButtons > button:first-child { - -moz-margin-start: 0; + margin-inline-start: 0; } #UITourTooltipButtons > button[image] > .button-box > .button-icon { width: 16px; height: 16px; - -moz-margin-end: 5px; + margin-inline-end: 5px; } #UITourTooltipButtons > label, @@ -5832,14 +5832,14 @@ notification.heartbeat { .messageText.heartbeat { color: #000000; /* text-shadow: none; */ - -moz-margin-start: 0px; + margin-inline-start: 0px; } .messageImage.heartbeat { width: 24px; height: 24px; - -moz-margin-start: 8px; - -moz-margin-end: 8px; + margin-inline-start: 8px; + margin-inline-end: 8px; } .messageImage.heartbeat.pulse-onshow { @@ -5859,7 +5859,7 @@ notification.heartbeat { /* Learn More link styles */ .heartbeat > .text-link { color: #3333FF; - -moz-margin-start: 0px; + margin-inline-start: 0px; } .heartbeat > .text-link:hover { @@ -5896,8 +5896,8 @@ notification.heartbeat { .heartbeat > #star-rating-container > .star-x { background: url("chrome://browser/skin/heartbeat-star-off.svg"); cursor: pointer; - /* Overrides the -moz-margin-end for all platforms defined in the .plain class */ - -moz-margin-end: 4px !important; + /* Overrides the margin-inline-end for all platforms defined in the .plain class */ + margin-inline-end: 4px !important; width: 16px; height: 16px; } diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css index 0162861c..159f203f 100644 --- a/LCARStrek/browser/controlcenter/panel.css +++ b/LCARStrek/browser/controlcenter/panel.css @@ -104,8 +104,8 @@ #tracking-protection-content { padding: 0.5em 0 1em; /* .identity-popup-headline.host depends on this width */ - -moz-padding-start: calc(2em + 24px); - -moz-padding-end: 1em; + padding-inline-start: calc(2em + 24px); + padding-inline-end: 1em; } #identity-popup-securityView:-moz-locale-dir(rtl), @@ -187,12 +187,12 @@ } .identity-popup-warning-gray { - -moz-padding-start: 24px; + padding-inline-start: 24px; background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%; } .identity-popup-warning-yellow { - -moz-padding-start: 24px; + padding-inline-start: 24px; background: url(chrome://browser/skin/controlcenter/warning-yellow.svg) no-repeat 0 50%; } @@ -267,8 +267,8 @@ #identity-popup-securityView-header, #identity-popup-securityView-body { - -moz-margin-start: calc(2em + 24px); - -moz-margin-end: 1em; + margin-inline-start: calc(2em + 24px); + margin-inline-end: 1em; } #identity-popup-securityView-header { @@ -278,7 +278,7 @@ } #identity-popup-securityView-body { - -moz-padding-end: 1em; + padding-inline-end: 1em; } #identity-popup-securityView-footer { @@ -361,7 +361,7 @@ description#identity-popup-content-verifier, } .identity-popup-permission-label { - -moz-margin-start: 0; + margin-inline-start: 0; word-wrap: break-word; } diff --git a/LCARStrek/browser/customizableui/panelUI.css b/LCARStrek/browser/customizableui/panelUI.css index 987f7aef..bb39b655 100644 --- a/LCARStrek/browser/customizableui/panelUI.css +++ b/LCARStrek/browser/customizableui/panelUI.css @@ -1064,7 +1064,7 @@ panelview .toolbarbutton-1, } .PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after { - -moz-margin-start: 10px; + margin-inline-start: 10px; } /* This is a