#tabs-drop-indicator-bar {
position: relative;
margin-top: -3px;
- -moz-margin-start: -5px;
+ margin-inline-start: -5px;
height: 3px;
}
border: 1px solid #666699;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
margin-left: 1em;
margin-right: 1em;
}
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;
}
#warningOuterBox > vbox > label,
#warningInnerBox > description {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
}
#buttons {
- -moz-margin-start: 80px;
+ margin-inline-start: 80px;
}
#buttons > button {
margin-top: 2em;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
#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"],
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;
richlistitem[type="client"] {
min-height: 2em;
color: #000000;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
}
.tabIcon {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
padding-top: 2px;
}
treechildren::-moz-tree-image(Name),
treechildren::-moz-tree-image(title) {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
.bookmark-item,
}
#infoBoxExpanderLabel {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
#organizerScopeBar {
padding: 2px 0;
- -moz-padding-end: 3px;
+ padding-inline-end: 3px;
}
#placesMenu {
.menupopup-drop-indicator {
list-style-image: none;
height: 2px;
- -moz-margin-end: -4em;
+ margin-inline-end: -4em;
background-color: #336699;
}
.expander-down {
min-width: 0;
padding: 2px 0;
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
.expander-up {
-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;
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");
}
.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"] {
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,
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"] {
.toolbarbutton-icon[label]:not([label=""]),
.toolbarbutton-icon[type="menu"] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
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;
}
}
#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;
.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;
}
.hostLabel {
font-weight: bold;
font-style: italic;
- -moz-margin-end: 1em;
+ margin-inline-end: 1em;
}
.permissionLabel {
}
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");
}
*/
treechildren::-moz-tree-image(Name) {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
#pauseButton,
/* 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 */
#feedBody {
border: 1px solid #666699;
padding: 2em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
margin: 2em auto;
background: #FFFFFF;
}
#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;
}
#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 {
#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;
}
}
#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;
prefwindow {
padding-top: 8px;
padding-bottom: 10px;
- -moz-padding-start: 8px;
- -moz-padding-end: 10px;
+ padding-inline-start: 8px;
+ padding-inline-end: 10px;
}
.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;
}
.actionsMenu > .menulist-label-box {
padding: 1px;
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
.actionsMenu > .menulist-label-box > .menulist-icon {
.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.
@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");
}
}
#buttons-box {
- -moz-margin-start: 1em;
+ margin-inline-start: 1em;
}
* 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;
}
width: 6em;
min-width: 6em;
margin: 0;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
.searchbar-textbox > .autocomplete-textbox-container {
}
.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) {
border: none;
color: #CCD0DD;
background-color: #666699;
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
height: auto;
overflow-x: hidden;
}
#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");
}
}
.text-panel-loading[loading="false"] {
- -moz-margin-start: 11px;
+ margin-inline-start: 11px;
}
.image-panel-loading {
background-color: #336699;
border-top: 1px solid #336699;
padding: 1px;
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
.box-texttab[last-panel="true"],
}
.statusIcon {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
max-height: 16px;
max-width: 16px;
}
}
.inputColumn {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.recommended {
}
#urlColumn {
- -moz-margin-start: 1ex;
+ margin-inline-start: 1ex;
}
.confirmSeparator {
width: 25px;
height: 20px;
margin: 0;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
#ColorPickerSwatch[default="true"] {
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;
}
.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;
}
.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 */
#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"] {
#BackgroundColorButton {
margin-top: 9px;
margin-bottom: 2px;
- -moz-margin-start: 9px;
- -moz-margin-end: 2px;
+ margin-inline-start: 9px;
+ margin-inline-end: 2px;
}
#HighlightColorButton {
margin: 4em auto;
border: 1px solid #666699;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: #FFFFFF;
}
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;
}
}
button {
- -moz-margin-start: 0;
- -moz-margin-end: 8px;
+ margin-inline-start: 0;
+ margin-inline-end: 8px;
}
table {
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;
}
@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;
}
}
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 {
}
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%);
}
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 {
blockquote {
padding: 0;
- -moz-padding-start: 16px;
+ padding-inline-start: 16px;
}
ul,
}
ul {
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
list-style: disc;
}
ol {
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
list-style: decimal;
}
#font-type-buttons,
#font-size-buttons,
-#color-scheme-buttons {
+#color-scheme-buttons,
+#content-width-buttons,
+#line-height-buttons {
display: flex;
flex-direction: row;
}
#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;
}
#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;
}
}
#font-size-buttons > button,
-#color-scheme-buttons > button {
+#color-scheme-buttons > button,
+#content-width-buttons > button,
+#line-height-buttons > button {
height: 60px;
}
}
/* 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;
}
#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;
}
}
.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;
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;
}
button {
- -moz-margin-start: 0;
- -moz-margin-end: 8px;
+ margin-inline-start: 0;
+ margin-inline-end: 8px;
}
table {
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%;
}
display: none;
}
-#action-box:-moz-dir(rtl) {
+#action-box:dir(rtl) {
float: left;
}
display: block;
}
+#verify-place-result {
+ max-height: 200px;
+ overflow: auto;
+}
+
.block {
display: block;
}
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 ::::: */
}
.autocomplete-treebody::-moz-tree-cell-text {
- -moz-padding-start: 8px;
+ padding-inline-start: 8px;
}
.autocomplete-treebody::-moz-tree-row(selected) {
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 {
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");
}
/*
}
.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. */
-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;
}
/**
.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
* In-tab close button
*/
.tab-close-button > .toolbarbutton-icon {
- -moz-margin-end: 0px !important;
+ margin-inline-end: 0px !important;
margin-top: 1px;
}
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 {
}
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 {
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 .......... */
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 ::::: */
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,
.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 ::::: */
}
.checkbox-icon[src] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.checkbox-label {
}
checkbox > .checkbox-check {
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
checkbox:hover:active > .checkbox-check,
#filler {
- -moz-margin-start: -8px;
- -moz-margin-end: -10px;
+ margin-inline-start: -8px;
+ margin-inline-end: -10px;
}
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 {
#filterRow {
margin-top: 4px;
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
}
#configTree {
+++ /dev/null
-/* 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;
-}
.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;
}
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 ::::: */
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;
}
}
.header-large > .dialogheader-description {
- -moz-margin-start: 12px !important;
+ margin-inline-start: 12px !important;
}
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 {
float: left;
}
-#UI_goUp:-moz-dir(rtl) {
+#UI_goUp:dir(rtl) {
float: right;
}
float: right;
}
-#UI_showHidden:-moz-dir(rtl) {
+#UI_showHidden:dir(rtl) {
float: left;
}
.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");
}
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"] {
.settingsContainer {
padding-top: 3px;
padding-bottom: 5px;
- -moz-padding-start: 20px;
- -moz-padding-end: 5px;
+ padding-inline-start: 20px;
+ padding-inline-end: 5px;
}
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 {
/* 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;
}
.found-matches {
color: #808080;
margin: 0 !important;
- -moz-margin-start: 12px !important;
+ margin-inline-start: 12px !important;
}
.find-status-icon[status="pending"] {
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 :::::*/
-moz-appearance: none;
border-top-style: none;
border-bottom-style: none;
- -moz-border-start-style: none;
+ border-inline-start-style: none;
}
.statusbar-resizerpanel {
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) */
}
.indent {
-/* -moz-margin-start: 23px; */
- -moz-margin-start: 15px;
+/* margin-inline-start: 23px; */
+ margin-inline-start: 15px;
}
.box-padded {
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 {
.caption-text {
margin-top: 0;
margin-bottom: 0;
- -moz-margin-start: 1px;
- -moz-margin-end: 2px;
+ margin-inline-start: 1px;
+ margin-inline-end: 2px;
}
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg height="0" xmlns="http://www.w3.org/2000/svg">
+ <filter id="active-icon-state"><!-- make every icon be fully black, but keep alpha channel -->
+ <feColorMatrix in="SourceGraphic" type="matrix"
+ values="0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 1 0"/>
+ </filter>
+ <filter id="disabled-icon-state"><!-- move any icon to #808080 / rgb(128,128,128), keeping alpha channel -->
+ <feColorMatrix in="SourceGraphic" type="matrix" color-interpolation-filters="sRGB"
+ values="0 0 0 0 0.50
+ 0 0 0 0 0.50
+ 0 0 0 0 0.50
+ 0 0 0 1 0"/>
+ </filter>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+ <style>
+ path:not(:target) {
+ display: none;
+ }
+ path {
+ fill: #CCD0DD;
+ }
+ </style>
+ <path id="glyph-find-previous" d="M5.407,1.5l-5,4.599L1.65,7.283l3.757-3.387l3.705,3.385l1.296-1.158L5.407,1.5z"/>
+ <path id="glyph-find-next" d="M5.547,8.255L0.538,3.53l1.239-1.265l3.77,3.641l3.719-3.641l1.264,1.188L5.547,8.255z"/>
+</svg>
*|*.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;
}
-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 */
/* xul buttons and menulists */
/*
*|button,
+html|select,
xul|colorpicker[type="button"],
xul|menulist {
-moz-appearance: none;
}
*/
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"]) {
}
html|button:disabled,
+html|select:disabled,
xul|button[disabled="true"],
xul|colorpicker[type="button"][disabled="true"],
xul|menulist[disabled="true"] {
}
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;
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 {
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;
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"],
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;
/* 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;
}
}
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;
}
}
xul|checkbox {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
xul|*.checkbox-check,
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;
}
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 {
}
xul|radio {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
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);
}
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 */
*|*.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;
}
*|*.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] {
line-height: 22px;
font-size: 1.25rem;
padding-bottom: 2px;
- -moz-padding-start: 9px;
+ padding-inline-start: 9px;
margin: 0;
-moz-user-select: none;
}
/* 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;
}
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),
xul|textbox + xul|button,
xul|filefield + xul|button {
- -moz-border-start: none;
+ border-inline-start: none;
}
*/
/* List boxes */
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);
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;
}
}
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;
}
*/
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;
}
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;
}
.title {
background-image: none !important;
- -moz-padding-start: 0;
- -moz-margin-start: 0;
+ padding-inline-start: 0;
+ margin-inline-start: 0;
}
.title-text {
ul, ol {
margin: 0;
padding: 0;
- -moz-margin-start: 1em;
+ margin-inline-start: 1em;
}
ul > li, ol > li {
}
.button-container > button:first-child {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
/* Trees */
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 {
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"] {
+/* 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");
.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 {
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);
}
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 {
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 {
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 <progressmeter> implementation. */
}
/* .scale-slider is an element inside the <scale> implementation. */
-.scrubber .scale-slider, .volumeControl .scale-slider {
+.scrubber .scale-slider,
+.volumeControl .scale-slider {
/* Hide the default horizontal bar. */
background: none;
margin: 0;
-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 {
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;
+ }
+*/
+}
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;
}
.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;
}
.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;
.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;
}
/* ::::: 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
.menulist-description {
font-style: italic;
color: #808080;
- -moz-margin-start: 1ex !important;
+ margin-inline-start: 1ex !important;
}
menulist:focus > .menulist-label-box {
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 ::::: */
+++ /dev/null
-<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18.77">
- <path fill="gray" d="M3.13 13.72a1.57 1.57 0 0 1-3.13 0V5.41a1.57 1.57 0 0 1 3.13 0v8.31zm6.29 3.62a1.57 1.57 0 0 1-3.13 0V1.44a1.57 1.57 0 0 1 3.13 0v15.9zm6.29-2.9a1.57 1.57 0 0 1-3.13 0V4.83a1.57 1.57 0 0 1 3.13 0v9.61zM22 12.62a1.57 1.57 0 0 1-3.13 0V6.15a1.57 1.57 0 0 1 3.13 0v6.47z"/>
-</svg>
--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 {
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");
}
ul, ol {
margin: 0;
- -moz-margin-start: 1.5em;
+ margin-inline-start: 1.5em;
padding: 0;
}
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;
}
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 {
}
#errorLongDesc {
- -moz-padding-end: 3em;
+ padding-inline-end: 3em;
font-size: 110%;
}
#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;
}
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 */
}
.messageCloseButton > .toolbarbutton-icon {
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
/* Popup notification */
}
.popup-notification-closebutton {
- -moz-margin-end: -5px;
+ margin-inline-end: -5px;
margin-top: -5px;
}
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) {
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 {
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 {
.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 {
.paneSelector {
border-bottom: 1px solid #666699;
margin: 0px;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
background-color: #FFFFFF;
color: #000000;
}
}
.radio-icon[src] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.radio-label {
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
<defs>
<style>
use:not(:target) {
fill: #fff;
}
</style>
- <g id="close-shape">
- <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/>
- <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/>
- </g>
+
+ <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
</defs>
<use id="close" xlink:href="#close-shape"/>
<use id="close-hover" xlink:href="#close-shape"/>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="42"
+ height="16"
+ viewBox="0 0 42 16"
+ fill="#808080">
+
+ <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z"/>
+ <path d="M38.5,7 L32.75,1.25 L34,6.58831647e-15 L42,8 L41.375,8.625 L34,16 L32.75,14.75 L38.5,9 L24,9 L24,7 L38.5,7 Z" transform="translate(33.000000, 8.000000) scale(-1, 1) translate(-33.000000, -8.000000)"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="44"
+ height="16"
+ viewBox="0 0 44 16"
+ fill="#808080">
+
+ <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z" transform="translate(9.000000, 8.000000) scale(-1, 1) translate(-9.000000, -8.000000)"/>
+ <path d="M40.5,7 L34.75,1.25 L36,-5.17110888e-16 L44,8 L43.375,8.625 L36,16 L34.75,14.75 L40.5,9 L26,9 L26,7 L40.5,7 Z"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="38"
+ height="14"
+ viewBox="0 0 38 14"
+ fill="#808080">
+
+ <rect x="0" y="0" width="28" height="2"/>
+ <rect x="0" y="6" width="38" height="2"/>
+ <rect x="0" y="12" width="18" height="2"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="38"
+ height="24"
+ viewBox="0 0 38 24"
+ fill="#808080">
+
+ <rect x="0" y="0" width="28" height="2"/>
+ <rect x="0" y="11" width="38" height="2"/>
+ <rect x="0" y="22" width="18" height="2"/>
+
+</svg>
<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
- License, v. 2.0. If a copy of the MPL was not distributed with this\r
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\r
- <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07 H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166 L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>\r
- <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425 c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815 S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581 s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273 c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181 c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061 c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459 c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474 c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03 s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592 c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786 c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117 c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\r
+ <path fill="#737373" d="M10.87,18.989h2.144L8.3,3.991H5.724l-4.739,15H3.044l1.115-4.171h5.6ZM4.652,12.91L6.968,5.69l2.294,7.22H4.652ZM22.1,16.515v-5.06c0-2.31-.984-3.713-3.65-3.713a10.236,10.236,0,0,0-3.7.756L15.116,9.9A9.9,9.9,0,0,1,18.1,9.317c1.533,0,1.958.627,1.958,2.223v0.975h-1.35c-3.086,0-4.871,1.125-4.871,3.5a3.217,3.217,0,0,0,3.527,3.338,3.205,3.205,0,0,0,2.945-1.659,2.573,2.573,0,0,0,2.436,1.659l0.441-1.344A1.408,1.408,0,0,1,22.1,16.515ZM17.8,17.9a1.744,1.744,0,0,1-1.911-1.995c0-1.512,1.029-2.111,3.065-2.111h1.1V16.18C19.426,17.334,18.938,17.9,17.8,17.9Z"/>\r
</svg>\r
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>\r
-<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
- - License, v. 2.0. If a copy of the MPL was not distributed with this\r
- - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24">\r
- <style>\r
- use:not(:target) {\r
- display: none;\r
- }\r
- use {\r
- fill: #808080;\r
- }\r
- use[id$="-added"] {\r
- fill: #ee4056;\r
- }\r
- </style>\r
- <defs>\r
- <path id="pocket-mark-shape" d="M21.901,4.204C21.642,3.484,20.956,3,20.196,3h-0.01h-1.721H3.814C3.067,3,2.385,3.474,2.119,4.179 C2.04,4.388,2,4.606,2,4.828v6.082l0.069,1.21c0.29,2.751,1.707,5.155,3.899,6.832c0.039,0.03,0.079,0.06,0.119,0.089l0.025,0.018 c1.175,0.866,2.491,1.452,3.91,1.741C10.677,20.932,11.347,21,12.013,21c0.615,0,1.232-0.057,1.839-0.171 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.299,2.621-0.87,3.753-1.704l0.025-0.018 c0.04-0.029,0.08-0.059,0.119-0.089c2.192-1.677,3.609-4.08,3.898-6.832L22,10.91V4.828C22,4.618,21.975,4.409,21.901,4.204z M17.667,10.539l-4.704,4.547c-0.266,0.256-0.608,0.385-0.949,0.385c-0.342,0-0.684-0.129-0.949-0.385l-4.705-4.547 c-0.547-0.528-0.565-1.403-0.04-1.954c0.524-0.551,1.392-0.569,1.939-0.041l3.756,3.63l3.755-3.63 c0.547-0.528,1.415-0.51,1.939,0.04C18.231,9.136,18.213,10.011,17.667,10.539z"/>\r
- </defs>\r
- <use id="pocket-mark" xlink:href="#pocket-mark-shape"/>\r
- <use id="pocket-mark-added" xlink:href="#pocket-mark-shape"/>\r
-</svg>\r
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 */
-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 {
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;
}
/*
tab:first-of-type[visuallyselected="true"] {
- -moz-padding-end: 5px;
- -moz-padding-start: 5px;
+ padding-inline-end: 5px;
+ padding-inline-start: 5px;
}
*/
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;
.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"] {
/* ..... 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;
}
.toolbarbutton-icon[label]:not([label=""]),
.toolbarbutton-icon[type="menu"] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.toolbarbutton-text {
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;
}
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;
}
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,
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.toolbarbutton-badge {
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;
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"] {
background-color: #336699;
width: 50px;
height: 2px;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
treechildren::-moz-tree-drop-feedback(selected) {
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 {
.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 ::::: */
}
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 ::::: */
/* ::::: 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");
.tree-input {
border: 1px solid #336699;
margin: 0;
- -moz-margin-start: -4px;
+ margin-inline-start: -4px;
padding: 1px;
}
}
.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 {
/*
.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;
}
*/
/* 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,
.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 {
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;
}
@import url("chrome://inspector/content/extensions/treeEditable.css");
.olNodeInfoLabel {
- -moz-padding-end: 0.5em;
+ padding-inline-end: 0.5em;
}
#olNodeInfo {
}
.acctCentralRow {
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
}
.acctCentralRowTitleBox {
}
.acctCentralTitleRow {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
font-weight: bold;
font-size: 15px;
}
/* ::::: account manager :::::: */
.specialFolderPickerGrid {
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
}
.fccReplyFollowsParent {
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
}
.selectForOfflineUseButton {
}
.selectForOfflineUseButton > .button-box > .button-icon {
- -moz-margin-start: 4px;
- -moz-margin-end: 4px;
+ margin-inline-start: 4px;
+ margin-inline-end: 4px;
}
.signatureBox {
}
#contentFrame {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
/* ::::: SMTP Server Panel :::::: */
.smtpServerListItem {
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
}
#backgroundBox {
.awIdentityLabel {
width: 8em;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
.serverLabel {
}
.serverDataBox {
- -moz-margin-start: 15px;
+ margin-inline-start: 15px;
}
@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");
}
#CardViewInnerBox {
margin-top: 2px;
margin-bottom: 2px;
- -moz-padding-start: 8px;
- -moz-padding-end: 8px;
+ padding-inline-start: 8px;
+ padding-inline-end: 8px;
}
#CardTitle {
.CardViewHeading {
padding: 1px;
- -moz-padding-start: 5px;
+ padding-inline-start: 5px;
margin: 0 0 1px;
background-color: #9999CC;
color: #FFFFFF;
}
#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;
}
}
html|a {
- -moz-padding-start: 0px;
- -moz-padding-end: 2px;
+ padding-inline-start: 0px;
+ padding-inline-end: 2px;
border: none !important;
}
#newEditButtonBox {
padding-top: 0.5em;
- -moz-padding-end: 0px;
- -moz-margin-start: 0px;
+ padding-inline-end: 0px;
+ margin-inline-start: 0px;
}
.middle-button-spacer {
#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;
}
}
.filler {
- -moz-padding-end: 22px;
+ padding-inline-end: 22px;
}
.ruleaction {
/* ::::: mail folder ::::: */
treechildren::-moz-tree-image(folderNameCol) {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
.icon-holder[type="folder"],
.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 {
.headerName {
margin: 0;
- -moz-margin-end: .25em;
+ margin-inline-end: .25em;
font-weight: bold;
text-align: right;
}
.tagvalue {
margin-top: 0;
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
/* ::::: msg header message ids ::::: */
}
.messageIdDisplayImage {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
-moz-box-pack: end;
}
}
.emailDisplayImage {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
-moz-box-pack: end;
}
.collapsedHeaderDisplayName {
padding: 0;
- -moz-margin-start: .55em;
- -moz-margin-end: .5em;
+ margin-inline-start: .55em;
+ margin-inline-end: .5em;
font-weight: bold;
}
.collapsedAttachmentButton {
list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
margin: 0;
- -moz-margin-end: .5em;
+ margin-inline-end: .5em;
}
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");
}
#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 {
}
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");
}
}
.menulist-compact > .menulist-label-box > .menulist-icon {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
.menulist-compact[open="true"] {
#alertTextBox {
padding: 4px;
- -moz-padding-end: 16px;
+ padding-inline-end: 16px;
}
.folderSummary-message-row
}
#tagList > listitem > listcell {
- -moz-padding-start: 16px;
- -moz-padding-end: 16px;
+ padding-inline-start: 16px;
+ padding-inline-end: 16px;
}
}
menulist:not(#menuSearchLocalSystem) > menupopup > menuitem {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
textbox {
}
.filler {
- -moz-padding-end: 22px;
+ padding-inline-end: 22px;
}
.small-button {
/* ::::: 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");
}
}
treechildren::-moz-tree-image(subjectCol) {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
treechildren::-moz-tree-image(subjectCol, new) {
@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");
}
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;
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;
/* Download View Items */
richlistitem[type="download"] {
padding: 4px;
- -moz-padding-end: 8px;
+ padding-inline-end: 8px;
min-height: 46px;
border-bottom: 1px solid #9999CC;
}
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;
}
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 {
}
.boxIndent {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
}
#extensionCreator, .contributor {
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;
}
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 {
@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 {
}
.view-pane > .list > scrollbox {
- -moz-padding-end: 48px;
+ padding-right: 48px;
+ padding-left: 48px;
}
/*** global warnings ***/
background-image: none;
}
-
/*** notification icons ***/
.warning-icon,
.alert-container {
-moz-box-align: center;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
.alert-spacer-before {
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;
#header {
margin-top: 20px;
margin-bottom: 20px;
- -moz-margin-end: 48px;
+ margin-inline-end: 48px;
}
@media (max-width: 600px) {
}
.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 {
}
#forward-btn {
- -moz-border-start: none;
+ border-inline-start: none;
}
#back-btn:-moz-locale-dir(ltr),
}
.sorter .button-icon {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
}
.discover-logo {
list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
- -moz-margin-end: 15px;
+ margin-inline-end: 15px;
}
.discover-title {
.details {
cursor: pointer;
margin: 0;
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
.icon-container {
}
.content-inner-container {
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
.addon[active="false"] .icon {
}
.description-container {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
-moz-box-align: center;
font-size: 1.25rem;
}
.warning,
.pending,
.error {
- -moz-margin-start: 48px;
+ margin-inline-start: 48px;
font-weight: bold;
-moz-box-align: center;
}
.addon .relnotes-container {
-moz-box-align: start;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
height: 0;
overflow: hidden;
opacity: 0;
}
.addon .relnotes-toggle > .button-box > .button-icon {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
.addon[show-relnotes] .relnotes-toggle {
#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;
#search-filter-label {
font-weight: bold;
color: #808080;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
#search-allresults-link {
/*** detail view ***/
-#detail-view {
- -moz-margin-end: 48px;
+#detail-view > .box-inherit {
+ margin-right: 48px;
+ margin-left: 48px;
}
#detail-view .loading {
}
.detail-view-container {
- -moz-padding-end: 2em;
+ padding-inline-end: 2em;
padding-bottom: 2em;
font-size: 1.25rem;
color: #000000;
#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;
}
}
#detail-screenshot-box {
- -moz-margin-end: 2em;
+ margin-inline-end: 2em;
}
#detail-screenshot {
}
#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*/
}
#detail-contrib-btn .button-icon {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
#detail-grid {
font-size: 90.9%;
color: #808080;
margin-top: -2px;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
white-space: pre-wrap;
}
/*** creator ***/
.creator > label {
- -moz-margin-start: 0;
- -moz-margin-end: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
}
.creator > .text-link {
/*** rating ***/
.meta-rating {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
padding-top: 2px;
}
}
.download-progress .cancel .button-icon {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.download-progress .cancel {
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- -moz-margin-end: 48px;
+ margin-inline-end: 48px;
}
#disabled-unsigned-addons-heading {
#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");
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;
}
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 {
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;
}
}
#itemWarningIntro {
- -moz-margin-start: 8px;
+ margin-inline-start: 8px;
}
#dialogContentBox {
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 {
.xpinstallIconContainer {
width: 32px;
height: 32px;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
.xpinstallItemName {
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 {
richlistitem[type] {
min-height: 36px; /* Don't forget to update the richlistbox height! */
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
richlistitem {
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");
}
.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 {
.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 {
}
#defaultAppName {
- -moz-margin-start: 6px !important;
+ margin-inline-start: 6px !important;
}
}
#licenseContent, #incompatibleListbox {
- -moz-margin-start: 6px;
- -moz-margin-end: 6px;
+ margin-inline-start: 6px;
+ margin-inline-end: 6px;
}
.inline-link {
/* Unsupported Page */
#unsupportedLabel, #unsupportedLinkLabel {
- -moz-margin-start: 0;
- -moz-padding-start: 0;
+ margin-inline-start: 0;
+ padding-inline-start: 0;
}
/* Update Found Basic Page */
}
#downloadStatusProgress {
- -moz-padding-end: 5px;
+ padding-inline-end: 5px;
}
#pauseButton {
}
#verificationFailedIcon {
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
list-style-image: url("chrome://global/skin/icons/notfound.png");
}
#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;
}
-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 {
/* ::::: 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 {
.popup-notification-icon {
width: 64px;
height: 64px;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
.popup-notification-icon[popupid="geolocation"] {
/* Notification icon box */
#notification-popup-box {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
.notification-anchor-icon:-moz-focusring {
.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 {
/* ::::: autocomplete ::::: */
.autocomplete-treebody::-moz-tree-cell-text(value) {
- -moz-padding-start: 13px;
+ padding-inline-start: 13px;
}
.autocomplete-treebody::-moz-tree-cell-text(comment) {
}
.autocomplete-search-engine-img {
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.autocomplete-treebody::-moz-tree-cell-text(treecolAutoCompleteComment) {
#go-button {
margin: 0;
padding: 1px 0;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
background-color: #9999CC;
}
/* ::::: security button ::::: */
#security-button {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
#security-button {
}
textbox.header {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
textbox.meta-properties {
#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;
}
.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;
}
.tab-icon {
margin-top: 1px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
width: 16px;
height: 16px;
}
.tab-drop-indicator-bar {
height: 11px;
margin-top: -11px;
- -moz-margin-start: -6px;
+ margin-inline-start: -6px;
position: relative;
}
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;
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;
*/
}
#detailsBox {
padding-top: 8px;
padding-bottom: 10px;
- -moz-padding-start: 8px;
- -moz-padding-end: 10px;
+ padding-inline-start: 8px;
+ padding-inline-end: 10px;
}
#userAgent {
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;
}
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 {
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;
}
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"],
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"],
-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;
}
statusbarpanel#statusbar-display {
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
/* ::::: search-bar ::::: */
}
#go-button > .button-box > .button-text {
- -moz-margin-start: 5px !important;
+ margin-inline-start: 5px !important;
}
#go-button > .button-box {
}
#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 {
.buttonBox {
margin: 0 !important;
- -moz-margin-end: 3px !important;
+ margin-inline-end: 3px !important;
}
.buttonBoxButton {
}
.themesLink {
- -moz-margin-start: 0px;
+ margin-inline-start: 0px;
text-decoration: underline;
color: blue;
cursor: pointer;
}
#startPrivateBrowsingDesc > button {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#footerDesc > p {
#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;
}
#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 {
}
#errorTitle {
background: none;
- -moz-padding-start: 0 !important;
+ padding-inline-start: 0 !important;
}
button {
width: auto !important;
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"],
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;
richlistitem[type="client"] {
min-height: 2em;
color: #FF9F00;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
}
.tabIcon {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
padding-top: 2px;
}
-moz-appearance: none;
margin-top: 6px;
margin-top: 4px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
z-index: 1;
}
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;
}
}
.bookmark-item > .menu-iconic-left > .menu-iconic-icon {
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
/* ::::: bookmark items ::::: */
#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"] {
.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,
}
#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],
}
#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;*/
}
#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,
display: -moz-box;
width: 1px;
height: 16px;
- -moz-margin-end: -1px;
+ margin-inline-end: -1px;
*/
}
}
#forward-button {
- -moz-margin-start: -4px !important;
+ margin-inline-start: -4px !important;
padding-left: 5px;
padding-right: 5px;
margin-top: 3px;
#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;
/* ::::: fullscreen window controls ::::: */
#window-controls {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
}
#minimize-button,
.searchbar-textbox {
border-radius: 5px;
margin: 2px 0;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
#urlbar {
}
window:not([chromehidden~="toolbar"]) #urlbar-wrapper > #urlbar {
-/* -moz-border-start: none;
+/* border-inline-start: none;
margin-left: 0;*/
}
}
.urlbar-input-box {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#urlbar-icons {
#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;
}
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;
}
#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 {
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"] {
#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),
#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) {
}
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 {
#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 {
.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;
}
}
#sidebar-splitter {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#sidebar-header {
}
#sidebar-title {
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
#sidebar-header > .close-icon {
}
.tabbrowser-tab:first-of-type {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
.tabs-newtab-button,
#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),
.tab-icon-image {
height: 16px;
width: 16px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
.tab-icon-image {
width: 16px;
height: 16px;
margin-top: -8px;
- -moz-margin-start: -15px;
+ margin-inline-start: -15px;
margin-inline-end: -1px;
position: relative;
}
.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 {
}
.tab-icon-sound {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
width: 16px;
height: 16px;
padding: 0;
.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),
#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) {
.menupopup-drop-indicator {
list-style-image: none;
height: 2px;
- -moz-margin-end: -4em;
+ margin-inline-end: -4em;
background-color: #008484;
}
.popup-notification-icon {
width: 64px;
height: 64px;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
.popup-notification-icon[popupid="geolocation"] {
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;
}
}
.translation-welcome-content {
- -moz-margin-start: 16px;
+ margin-inline-start: 16px;
}
.translation-welcome-headline {
.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);*/
}
text-shadow: none;
background-color: #FF0000;
border-radius: 1px;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
/* Social toolbar item */
#social-notification-icon-mentions {
background-color: #000000;
border-radius: 3px;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
#social-notification-icon-mentions:hover {
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) {
.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 {
}
chatbar {
- -moz-margin-end: 20px;
+ margin-inline-end: 20px;
}
chatbox {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
background-color: transparent;
}
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"] {
}
window > chatbox {
- -moz-margin-start: 0px;
+ margin-inline-start: 0px;
margin: 0px;
border: none;
padding: 0px;
background-repeat: no-repeat;
width: 16px;
height: 15px;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
}
.click-to-play-plugins-notification-button-container {
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 === */
#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 {
}
#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 {
-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] {
.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"],
#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;
}
#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;
}
#UITourTooltipBody {
- -moz-margin-end: 14px;
- -moz-margin-start: 14px;
+ margin-inline-end: 14px;
+ margin-inline-start: 14px;
margin-top: -16px;
margin-bottom: 8px;
}
#UITourTooltipIcon {
width: 48px;
height: 48px;
- -moz-margin-start: 14px;
- -moz-margin-end: 14px;
+ margin-inline-start: 14px;
+ margin-inline-end: 14px;
}
#UITourTooltipTitle,
#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 */
border: none;
background-color: transparent;
min-width: 0;
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
margin-top: -2px;
}
#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,
.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 {
/* Learn More link styles */
.heartbeat > .text-link {
color: #3333FF;
- -moz-margin-start: 0px;
+ margin-inline-start: 0px;
}
.heartbeat > .text-link:hover {
.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;
}
#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),
}
.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%;
}
#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 {
}
#identity-popup-securityView-body {
- -moz-padding-end: 1em;
+ padding-inline-end: 1em;
}
#identity-popup-securityView-footer {
}
.identity-popup-permission-label {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
word-wrap: break-word;
}
}
.PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
/* This is a <label> but it should fit in with the menu font- and colorwise. */
}
#PanelUI-button {
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
#PanelUI-button:-moz-locale-dir(rtl) {
.panel-subviews {
padding: 4px;
- -moz-margin-start: var(--panel-ui-exit-subview-gutter-width);
+ margin-inline-start: var(--panel-ui-exit-subview-gutter-width);
}
.panel-viewstack[viewtype="main"] > .panel-subviews {
#wrapper-edit-controls:-moz-any([place="palette"],[place="panel"]) > #edit-controls,
#wrapper-zoom-controls:-moz-any([place="palette"],[place="panel"]) > #zoom-controls {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#PanelUI-contents {
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
-moz-box-align: center;
width: 16px;
- -moz-margin-start: -16px;
+ margin-inline-start: -16px;
height: 51px;
margin-bottom: 2.2em;
padding: 0;
}
#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #bookmarks-toolbar-placeholder > .toolbarbutton-icon {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
#edit-controls:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > #copy-button,
#PanelUI-customize > .toolbarbutton-icon,
#PanelUI-help > .toolbarbutton-icon,
#PanelUI-quit > .toolbarbutton-icon {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
#PanelUI-fxa-icon {
- -moz-padding-start: 15px;
- -moz-padding-end: 15px;
+ padding-inline-start: 15px;
+ padding-inline-end: 15px;
}
#PanelUI-fxa-label,
#PanelUI-customize {
flex: 1;
- -moz-padding-start: 15px;
- -moz-border-start-style: none;
+ padding-inline-start: 15px;
+ border-inline-start-style: none;
}
#PanelUI-footer-fxa[fxaprofileimage="set"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
#PanelUI-footer-fxa[fxaprofileimage="enabled"]:not([fxastatus="error"]) > #PanelUI-fxa-status > #PanelUI-fxa-label {
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
#PanelUI-update-status {
width: calc(22.35em + 30px);
- -moz-padding-start: 15px;
- -moz-border-start-style: none;
+ padding-inline-start: 15px;
+ border-inline-start-style: none;
}
#PanelUI-update-status {
}
#PanelUI-quit {
- -moz-border-end-style: none;
+ border-inline-end-style: none;
list-style-image: url("chrome://browser/skin/menuPanel-exit.png");
}
margin: 0px 7px;
padding: 0px;
border: 0px none;
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
#PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
}
.subviewbutton.panel-subview-footer > .menu-text {
- -moz-margin-start: 0px !important;
- -moz-padding-start: 6px;
- -moz-padding-end: 6px;
+ margin-inline-start: 0px !important;
+ padding-inline-start: 6px;
+ padding-inline-end: 6px;
-moz-box-flex: 0;
text-align: center;
}
}
.subviewbutton.panel-subview-footer > .menu-accel-container {
- -moz-padding-start: 6px;
+ padding-inline-start: 6px;
}
.subviewbutton:not(.panel-subview-footer) {
}
.PanelUI-subView.cui-widget-panelview .subviewbutton[shortcut]::after {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
/* This is a <label> but it should fit in with the menu font- and colorwise. */
.PanelUI-subView menuseparator,
.PanelUI-subView toolbarseparator {
-/* -moz-margin-start: -5px;
- -moz-margin-end: -4px;*/
+/* margin-inline-start: -5px;
+ margin-inline-end: -4px;*/
}
.PanelUI-subView menuseparator.small-separator,
.subviewbutton > .menu-accel-container {
-moz-box-pack: start;
- -moz-margin-start: 10px;
- -moz-margin-end: auto;
+ margin-inline-start: 10px;
+ margin-inline-end: auto;
color: #A09090;
}
.widget-overflow-list .toolbarbutton-1:not(.toolbarbutton-combined) > .toolbarbutton-text,
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-text {
text-align: start;
- -moz-padding-start: .5em;
+ padding-inline-start: .5em;
}
#widget-overflow-list > .toolbaritem-combined-buttons {
display: -moz-box;
width: 1px;
height: 18px;
- -moz-margin-end: -1px;
+ margin-inline-end: -1px;
}
.subviewbutton[checked="true"] {
}
.subbiewbutton > .menu-iconic-left {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
menuitem[checked="true"].subviewbutton > .menu-iconic-left {
#PanelUI-panic-timeframe-icon,
#PanelUI-panic-timeframe-icon-small {
background-color: transparent;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
#panic-button-success-icon,
}
.PanelUI-panic-actionlist {
- -moz-padding-start: 20px;
+ padding-inline-start: 20px;
padding-top: 2px;
padding-bottom: 2px;
background-size: 16px 16px;
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-button {
-moz-appearance: none;
border: 0;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
.widget-overflow-list .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
padding: 0 2px;
- -moz-padding-start: 0;
+ padding-inline-start: 0;
height: 18px;
}
}
.downloadTypeIcon {
- -moz-margin-end: 8px;
- -moz-margin-start: 8px;
+ margin-inline-end: 8px;
+ margin-inline-start: 8px;
/* explicitly size the icon, so size doesn't vary on hidpi systems */
height: 32px;
width: 32px;
#downloadsSummary,
richlistitem[type="download"] {
height: var(--downloads-item-height);
- -moz-padding-end: 0;
+ padding-inline-end: 0;
color: inherit;
}
}
.downloadTypeIcon {
- -moz-margin-end: 8px;
+ margin-inline-end: 8px;
/* Prevent flickering when changing states. */
height: 32px;
width: 32px;
#feedBody {
border: 1px solid #9C9CFF;
padding: 2em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
margin: 2em auto;
background: #FFFFFF;
}
#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;
}
background: url("chrome://communicator/skin/icons/audioFeedIcon.png") 0% 10% no-repeat #FFCF00;
}
-#feedHeader:-moz-dir(rtl) {
+#feedHeader:dir(rtl) {
background-position: 100% 10%;
}
#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 {
#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;
}
}
#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;
}
.newtab-site[pinned] .newtab-title {
- -moz-padding-start: 24px;
+ padding-inline-start: 24px;
}
.newtab-site[pinned] .newtab-title::before {
margin-top: 0;
}
-.newtab-site[pinned] .newtab-title:-moz-dir(rtl)::before {
+.newtab-site[pinned] .newtab-title:dir(rtl)::before {
left: auto;
right: 0;
}
box-shadow: none;
border-radius: 0 300px 300px 0;
border: none;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
#newtab-search-text:focus + #newtab-search-submit,
#newtab-search-text[autofocus] + #newtab-search-submit {
/* View buttons */
#viewGroup {
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
}
#viewGroup > radio {
#topBar {
border-bottom: 2px solid #9C9CFF;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
background-color: #000000;
color: #FF9F00;
}
}
textbox.header {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.iframe {
height: 9px;
background-repeat: no-repeat;
background-position: center;
- -moz-margin-start: 2px;
- -moz-margin-end: 2px;
+ margin-inline-start: 2px;
+ margin-inline-end: 2px;
background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
}
}
#securityBox description {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
#general-security-identity {
#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 #9C9CFF;
}
.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 #9C9CFF;
}
.expander-down {
min-width: 0;
margin: 0;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.expander-up > .button-box,
#placesMenu > .toolbar-box > .toolbar-holder {
background-color: transparent;
- -moz-padding-end: 0;
+ padding-inline-end: 0;
}
/* organize, view and maintenance buttons icons */
}
#infoBoxExpanderLabel {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
/**
border: none;
height: 24px; /* match back/forward buttons */
border-radius: 0;
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
+ padding-inline-start: 5px;
+ padding-inline-end: 5px;
}
#viewButton > .button-box > .button-menu-dropmarker {
height: auto;
width: auto;
- -moz-margin-end: -3px;
+ margin-inline-end: -3px;
}
.typeIcon,
.actionIcon {
- -moz-margin-start: 3px;
- -moz-margin-end: 3px;
+ margin-inline-start: 3px;
+ margin-inline-end: 3px;
}
#handlersView > richlistitem label {
- -moz-margin-start: 1px;
+ margin-inline-start: 1px;
margin-top: 2px;
}
.actionsMenu > .menulist-label-box {
padding: 1px;
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
.actionsMenu > .menulist-label-box > .menulist-icon {
}
menuitem {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
.menu-iconic-left {
- -moz-margin-end: 4px !important;
+ margin-inline-end: 4px !important;
}
}
caption {
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
groupbox {
#useFirefoxSync {
font-size: 90%;
- -moz-margin-end: 8px !important;
+ margin-inline-end: 8px !important;
}
#getStarted {
}
#notificationsPolicyLearnMore {
- -moz-margin-start: 1.5em !important;
+ margin-inline-start: 1.5em !important;
}
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
- -moz-margin-start: 4px !important;
+ margin-inline-start: 4px !important;
}
/* Applications Pane Styles */
}
#filter {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#handlersView {
}
.typeIcon {
- -moz-margin-start: 10px !important;
- -moz-margin-end: 9px !important;
+ margin-inline-start: 10px !important;
+ margin-inline-end: 9px !important;
}
.actionIcon {
- -moz-margin-start: 11px !important;
- -moz-margin-end: 8px !important;
+ margin-inline-start: 11px !important;
+ margin-inline-end: 8px !important;
}
.actionsMenu {
}
.actionsMenu > menupopup > menuitem {
- -moz-padding-start: 10px !important;
+ padding-inline-start: 10px !important;
}
.actionsMenu > menupopup > menuitem > .menu-iconic-left {
- -moz-margin-end: 8px !important;
+ margin-inline-end: 8px !important;
}
/* Privacy pane */
.doNotTrackLearnMore,
#trackingProtectionPBMLearnMore,
#trackingProtectionLearnMore {
- -moz-margin-start: 1.5em !important;
+ margin-inline-start: 1.5em !important;
margin-top: 0;
font-weight: normal;
}
#weavePrefsDeck > #hasFxaAccount > vbox > label,
#weavePrefsDeck > #hasFxaAccount > hbox:not(#tosPP-normal) > label {
/* no margin-start for elements at the begin of a line */
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#advancedPrefs {
}
#tabsElement {
-/* -moz-margin-end: 4px; / add the 4px end-margin of other elements */
+/* margin-inline-end: 4px; / add the 4px end-margin of other elements */
}
#telemetryLearnMore,
#crashReporterLearnMore {
/* provide some margin between the links and the label text */
/* !important is needed to override the rules defined in common.css */
- -moz-margin-start: 20px !important;
+ margin-inline-start: 20px !important;
/* center the links */
margin-top: 8px;
margin-bottom: 8px;
}
.indent {
- /* !important needed to override -moz-margin-start:0 !important; rule
+ /* !important needed to override margin-inline-start:0 !important; rule
define in common.css for labels - but not in LCARStrek*/
- -moz-margin-start: 33px /*!important*/;
+ margin-inline-start: 33px /*!important*/;
}
.text-link {
}
#showUpdateHistory {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#fxaProfileImage {
}
#dialogBox > .groupbox-title {
- -moz-margin-start: 0;
- -moz-margin-end: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
/* padding: 3.5px 0;
background-color: #F1F1F1; */
}
}
.indent-small {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
@media (min-resolution: 2dppx) {
}
#engineList treechildren::-moz-tree-image(engineName) {
- -moz-margin-end: 10px;
- -moz-margin-start: 1px;
+ margin-inline-end: 10px;
+ margin-inline-start: 1px;
width: 16px;
height: 16px;
}
width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window
we may have, overflow isn't visible. */
height: 2px;
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
#engineShown {
}
#engineList treechildren::-moz-tree-image(engineName) {
- -moz-margin-end: 4px;
- -moz-margin-start: 0;
+ margin-inline-end: 4px;
+ margin-inline-start: 0;
width: 16px;
height: 16px;
}
width: 10000px; /* 100% doesn't work; 10k is hopefully larger than any window
we may have, overflow isn't visible. */
height: 2px;
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.section-main {
margin-bottom: 48px;
- -moz-margin-start: var(--icon-margin);
- -moz-padding-start: 24px;
+ margin-inline-start: var(--icon-margin);
+ padding-inline-start: 24px;
}
.section-main:last-child {
float: left;
width: 220px;
line-height: 1.5em;
- -moz-margin-start: 1em;
+ margin-inline-start: 1em;
margin-bottom: 0;
}
-.list-row > ul > li:-moz-dir(rtl) {
+.list-row > ul > li:dir(rtl) {
float: right;
}
font-weight: lighter;
line-height: 1.5em;
min-height: 64px;
- -moz-margin-start: 0;
- -moz-padding-start: calc(var(--icon-margin) + 24px);
+ margin-inline-start: 0;
+ padding-inline-start: calc(var(--icon-margin) + 24px);
}
-.title:-moz-dir(rtl) {
+.title:dir(rtl) {
background-position: right, center;
}
background-image: url("chrome://browser/skin/privatebrowsing/tracking-protection.svg");
background-repeat: no-repeat;
background-size: 32px;
- -moz-margin-start: calc(var(--icon-margin) - 32px);
- -moz-padding-start: 56px;
+ margin-inline-start: calc(var(--icon-margin) - 32px);
+ padding-inline-start: 56px;
}
-.about-subheader:-moz-dir(rtl) {
+.about-subheader:dir(rtl) {
background-position: right;
}
background-image: url("chrome://browser/skin/privatebrowsing/check.svg");
}
-.toggle + .toggle-btn:-moz-dir(rtl)::after {
+.toggle + .toggle-btn:dir(rtl)::after {
left: auto;
right: 0;
transition-property: right;
}
-.toggle + .toggle-btn:-moz-dir(rtl)::before {
+.toggle + .toggle-btn:dir(rtl)::before {
float: right;
left: auto;
right: 9px;
left: 35px;
}
-.toggle:checked + .toggle-btn:-moz-dir(rtl)::after {
+.toggle:checked + .toggle-btn:dir(rtl)::after {
right: 35px;
}
#sanitizeDurationChoice {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
/* Align the duration label with the warning box and item list */
#sanitizeDurationLabel {
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
/* Make the item list the same width as the warning box */
#itemList {
- -moz-margin-start: 0;
- -moz-margin-end: 0;
+ margin-inline-start: 0;
+ margin-inline-end: 0;
}
/* Align the last dialog button with the end of the warning box */
.prefWindow-dlgbuttons {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.dialog-button[dlgtype="cancel"] {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
#PopupSearchAutoComplete {
- -moz-margin-start: -25px;
+ margin-inline-start: -25px;
}
.autocomplete-textbox-container {
height: 16px;
width: 16px;
list-style-image: url("chrome://global/skin/filepicker/file.gif");
- -moz-margin-start: -1px;
+ margin-inline-start: -1px;
}
/* ::::: search-go-button ::::: */
-moz-image-region: rect(0, 20px, 20px, 0);
margin-top: 1px;
margin-bottom: 1px;
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
border-radius: 3px;
}
.addengine-item > .button-box > .button-text {
-moz-box-flex: 1;
text-align: start;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
}
.addengine-item:not([image]) {
}
.search-panel-tree > .autocomplete-treebody::-moz-tree-cell {
- -moz-padding-start: 15px;
+ padding-inline-start: 15px;
border-top: none !important;
}
.search-panel-tree > .autocomplete-treebody::-moz-tree-cell-text {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
.search-panel-tree > .autocomplete-treebody::-moz-tree-image {
- -moz-padding-start: 5px;
+ padding-inline-start: 5px;
width: 14px;
height: 14px;
}
}
.statusIcon {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
max-height: 16px;
max-width: 16px;
}
}
.inputColumn {
- -moz-margin-end: 2px
+ margin-inline-end: 2px
}
.pin {
}
.item {
- -moz-padding-end: 0;
+ padding-inline-end: 0;
}
.item-title {
}
.item-title {
- -moz-margin-end: 6px;
+ margin-inline-end: 6px;
}
.search-box {
cursor: text;
margin: 2px 4px;
padding: 2px 2px 3px;
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
color: #E7ADE7;
border: 1px solid #9C9CFF;
}
background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover");
}
-.item.client .item-twisty-container:-moz-dir(rtl) {
+.item.client .item-twisty-container:dir(rtl) {
background-image: url("chrome://global/skin/tree/twisty.svg#open-rtl");
}
-.item.client.closed .item-twisty-container:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:dir(rtl) {
background-image: url("chrome://global/skin/tree/twisty.svg#clsd-rtl");
}
-.item.client .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client .item-twisty-container:hover:dir(rtl) {
background-image: url("chrome://global/skin/tree/twisty.svg#open-hover-rtl");
}
-.item.client.closed .item-twisty-container:hover:-moz-dir(rtl) {
+.item.client.closed .item-twisty-container:hover:dir(rtl) {
background-image: url("chrome://global/skin/tree/twisty.svg#clsd-hover-rtl");
}
#tabs-drop-indicator-bar {
position: relative;
margin-top: -3px;
- -moz-margin-start: -5px;
+ margin-inline-start: -5px;
height: 3px;
}
border: 1px solid #9C9CFF;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
margin-left: 1em;
margin-right: 1em;
}
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;
}
#warningOuterBox > vbox > label,
#warningInnerBox > description {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
}
#buttons {
- -moz-margin-start: 80px;
+ margin-inline-start: 80px;
}
#buttons > button {
margin-top: 2em;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
#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"],
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;
richlistitem[type="client"] {
min-height: 2em;
color: #FF9F00;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
margin-top: 2px;
margin-bottom: 3px;
width: 42em;
}
.tabIcon {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
padding-top: 2px;
}
treechildren::-moz-tree-image(Name),
treechildren::-moz-tree-image(title) {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
.bookmark-item,
}
#infoBoxExpanderLabel {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
#organizerScopeBar {
padding: 2px 0;
- -moz-padding-end: 3px;
+ padding-inline-end: 3px;
}
#back-button, #forward-button {
.menupopup-drop-indicator {
list-style-image: none;
height: 2px;
- -moz-margin-end: -4em;
+ margin-inline-end: -4em;
background-color: #008484;
}
.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;
}
.toolbarbutton-1[type="menu"] {
toolbar[mode="text"] .toolbarbutton-menubutton-dropmarker {
padding-top: 4px;
padding-bottom: 8px;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker,
toolbar[iconsize="small"] .toolbarbutton-menubutton-dropmarker {
padding-top: 0px;
padding-bottom: 13px;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
toolbar[mode="text"] .toolbarbutton-1[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
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,
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"] {
padding-top: 4px !important;
padding-bottom: 8px !important;
- -moz-padding-start: 1px !important;
- -moz-padding-end: 1px !important;
+ padding-inline-start: 1px !important;
+ padding-inline-end: 1px !important;
}
toolbar[mode="icons"] .toolbarbutton-menubutton-dropmarker[disabled="true"],
toolbar[iconsize="small"] > .toolbarbutton-menubutton-dropmarker[disabled="true"] {
padding-top: 0px !important;
padding-bottom: 13px !important;
- -moz-padding-start: 1px !important;
- -moz-padding-end: 1px !important;
+ padding-inline-start: 1px !important;
+ padding-inline-end: 1px !important;
}
toolbar[mode="icons"] .toolbarbutton-text,
.toolbarbutton-icon[label]:not([label=""]),
.toolbarbutton-icon[type="menu"] {
- -moz-margin-start: 1px;
- -moz-margin-end: 2px;
+ margin-inline-start: 1px;
+ margin-inline-end: 2px;
}
background-color: #9C9CFF;
color: #000000;
border-radius: 8px;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
}
#errorPageContainer {
border: 2px solid #FFCF00;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: url("chrome://global/skin/icons/sslWarning.png") left 0 no-repeat #000000;
background-origin: content-box;
}
}
#errorTitle {
- -moz-margin-start: 80px;
+ margin-inline-start: 80px;
}
#errorLongContent {
- -moz-margin-start: 80px;
+ margin-inline-start: 80px;
}
#technicalContent > h2, #expertContent > h2 {
- -moz-padding-start: 20px;
+ padding-inline-start: 20px;
cursor: pointer;
background-image: url("chrome://global/skin/tree/twisty.svg#open-hover");
background-position: 5px center;
.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 #9C9CFF;
}
.hostLabel {
font-weight: bold;
font-style: italic;
- -moz-margin-end: 1em;
+ margin-inline-end: 1em;
}
.permissionLabel {
}
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");
}
*/
treechildren::-moz-tree-image(Name) {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
#pauseButton,
#feedBody {
border: 1px solid #9C9CFF;
padding: 2em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
margin: 2em auto;
background: #FFFFFF;
}
#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;
}
#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 {
#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;
}
}
#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;
}
dialogheader {
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
.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;
}
.actionsMenu > .menulist-label-box {
padding: 1px;
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
.actionsMenu > .menulist-label-box > .menulist-icon {
.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.
background-color: #9C9CFF;
color: #000000;
border: none;
- -moz-border-start: 3px solid #000000;
+ border-inline-start: 3px solid #000000;
border-radius: 0;
- -moz-margin-start: 37px;
+ margin-inline-start: 37px;
}
.wizard-box {
background-color: #000000;
border-radius: 5px 0 0 0;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
.wizard-box:-moz-locale-dir(rtl) {
}
.dialog-button-box {
- -moz-border-start: 5px solid #8050B0; /* match wizard-box margin */
- -moz-padding-start: 2px;
+ border-inline-start: 5px solid #8050B0; /* match wizard-box margin */
+ padding-inline-start: 2px;
margin-top: 3px;
}
treechildren::-moz-tree-image {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
list-style-image: url("chrome://communicator/skin/profile/profile.png");
-moz-image-region: rect(0, 10px, 12px, 0);
}
treechildren::-moz-tree-image(selected) {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
list-style-image: url("chrome://communicator/skin/profile/profile.png");
-moz-image-region: rect(0, 20px, 12px, 10px);
}
}
#buttons-box {
- -moz-margin-start: 1em;
+ margin-inline-start: 1em;
}
* 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;
}
min-width: 6em;
border-radius: 5px;
margin: 0;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
.searchbar-textbox > .autocomplete-textbox-container {
}
.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) {
}
#sidebar-splitter {
- -moz-margin-start: 0px;
+ margin-inline-start: 0px;
}
#sidebar-splitter:not([state="collapsed"]) {
#sidebar-panels {
background-color: #000000;
border-radius: 0 5px 0 0;
- -moz-padding-end: 3px;
+ padding-inline-end: 3px;
}
#sidebar-splitter:not([state="collapsed"]):-moz-locale-dir(rtl),
color: #000000;
background-color: #9C9CFF;
padding: 0px 2px;
- -moz-padding-start: 3px;
- -moz-padding-end: 8px;
+ padding-inline-start: 3px;
+ padding-inline-end: 8px;
height: auto;
overflow-x: hidden;
}
}
.text-panel-loading[loading="false"] {
- -moz-margin-start: 11px;
+ margin-inline-start: 11px;
}
.image-panel-loading {
}
.statusIcon {
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
max-height: 16px;
max-width: 16px;
}
}
.inputColumn {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.recommended {
#component-bar {
-moz-box-align: stretch;
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
#component-bar + statusbarpanel {
}
#urlColumn {
- -moz-margin-start: 1ex;
+ margin-inline-start: 1ex;
}
.confirmSeparator {
border-radius: 300px;
padding-top: 1px;
padding-bottom: 2px;
- -moz-padding-start: .5em;
- -moz-padding-end: calc(.5em + 1px);
+ padding-inline-start: .5em;
+ padding-inline-end: calc(.5em + 1px);
}
button.left {
button:hover:active {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
#banners-and-logs {
border-radius: 300px;
padding-top: 1px;
padding-bottom: 2px;
- -moz-padding-start: .5em;
- -moz-padding-end: calc(.5em + 1px);
+ padding-inline-start: .5em;
+ padding-inline-end: calc(.5em + 1px);
cursor: pointer;
background-color: #C09070;
text-transform: uppercase;
button:hover:active {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
a, a:visited {
#tabs {
background: #000000;
- -moz-padding-end: 3px;
+ padding-inline-end: 3px;
}
#toolbox-tabs {
border-left-width: 0;
padding-top: 1px;
padding-bottom: 2px;
- -moz-padding-start: .5em;
- -moz-padding-end: calc(.5em + 1px);
+ padding-inline-start: .5em;
+ padding-inline-end: calc(.5em + 1px);
border: none;
border-radius: 300px;
cursor: pointer;
.project-buttons > button:hover:active {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
.project-buttons > button:not([disabled]):hover {
border-right-width: 0;
padding-top: 1px;
padding-bottom: 2px;
- -moz-padding-start: .5em;
- -moz-padding-end: calc(.5em + 1px);
+ padding-inline-start: .5em;
+ padding-inline-end: calc(.5em + 1px);
border: none;
border-radius: 300px;
cursor: pointer;
.manifest-header > button:hover:active {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
.manifest-header > button:not([disabled]):hover {
.gcli-out-shortcut:before,
.gcli-help-synopsis:before {
color: var(--gcli-input-color);
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
.gcli-help-arrow {
}
.gcli-menu-name {
- -moz-padding-start: 8px;
+ padding-inline-start: 8px;
}
.gcli-menu-desc {
- -moz-padding-end: 8px;
+ padding-inline-end: 8px;
color: var(--gcli-input-color);
}
.gcli-menu-more {
font-size: 80%;
text-align: end;
- -moz-padding-end: 8px;
+ padding-inline-end: 8px;
}
.gcli-addon-disabled {
width: 32px;
height: 32px;
margin: 6px;
- -moz-margin-end: 20px;
+ margin-inline-end: 20px;
}
.devtools-tooltip-alert-icon {
}
.devtools-tooltip-variables-view-box .variable-or-property > .title {
- -moz-padding-end: 6px;
+ padding-inline-end: 6px;
}
/* Tooltip: Tiles */
div.CodeMirror span.marked-text {
background: rgba(255,207,0,0.2);
border: 1px dashed rgba(156, 156, 255, 0.6);
- -moz-margin-start: -1px;
- -moz-margin-end: -1px;
+ margin-inline-start: -1px;
+ margin-inline-end: -1px;
}
/* Highlight for evaluating current statement. */
}
#sources-pane > tabs {
-/* -moz-border-end: 1px solid;*/
+/* border-inline-end: 1px solid;*/
}
#sources-pane .devtools-toolbar {
border: none; /* Remove the devtools-toolbar bottom border. */
-/* -moz-border-end: 1px solid;*/
+/* border-inline-end: 1px solid;*/
}
#sources-pane > tabs,
#sources-pane .devtools-toolbar {
- -moz-border-end-color: var(--theme-splitter-color);
+ border-inline-end-color: var(--theme-splitter-color);
}
/* Sources and breakpoints list */
}
.dbg-breakpoint-text {
- -moz-padding-start: 6px;
+ padding-inline-start: 6px;
font-style: italic;
font-size: 90%;
}
.dbg-breakpoint.dbg-breakpoint-condition-thrown .dbg-breakpoint-condition-thrown-message {
display: block;
- -moz-padding-start: 0;
+ padding-inline-start: 0;
}
/* Sources toolbar */
background-position: 0 0;
background-size: 32px 16px;
background-repeat: no-repeat;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
@media (min-resolution: 1.1dppx) {
/* Breadcrumbs stack frames view */
.dbg-stackframe-details {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
/* Classic stack frames view */
}
.trace-name {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
/* Tracer dark+light theme */
#searchbox {
min-width: 220px;
- -moz-margin-start: 1px;
+ margin-inline-start: 1px;
}
#filter-label {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
#searchbox-panel-operators {
margin-top: 5px;
margin-bottom: 8px;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
.searchbox-panel-operator-button {
min-width: 26px;
margin-top: 0;
margin-bottom: 0;
- -moz-margin-start: 2px;
- -moz-margin-end: 6px;
+ margin-inline-start: 2px;
+ margin-inline-end: 6px;
text-align: center;
}
}
.results-panel-item-label-before {
- -moz-padding-end: 6px;
+ padding-inline-end: 6px;
}
.results-panel-item-label {
}
.dbg-results-header {
- -moz-padding-start: 6px;
+ padding-inline-start: 6px;
}
.dbg-results-header-location {
}
.dbg-results-header-match-count {
- -moz-padding-start: 6px;
+ padding-inline-start: 6px;
color: var(--theme-body-color-inactive);
}
.dbg-results-line-number {
min-width: 3em;
- -moz-border-end: 1px solid #9C9CFF;
- -moz-padding-end: 4px;
+ border-inline-end: 1px solid #9C9CFF;
+ padding-inline-end: 4px;
text-align: end;
}
.dbg-results-line-contents {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
.dbg-results-line-contents-string[match=true] {
}
#body[layout=vertical] #sources-pane > tabs {
- -moz-border-end: none;
+ border-inline-end: none;
}
#body[layout=vertical] #instruments-pane {
#body[layout=vertical] .side-menu-widget-group,
#body[layout=vertical] .side-menu-widget-item {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
vertical-align: top;
}
-#layout-header:-moz-dir(rtl) {
+#layout-header:dir(rtl) {
-moz-box-direction: reverse;
}
-moz-box-flex: 1;
}
-#layout-element-size:-moz-dir(rtl) {
+#layout-element-size:dir(rtl) {
-moz-box-pack: end;
}
height: 1em;
border-radius: 0;
border: 1px solid var(--theme-body-color);
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
background-color: var(--theme-toolbar-background);
background-position: center center;
background-repeat: no-repeat;
width: calc(1em + 4px);
height: calc(1em + 4px);
margin: -4px 0px;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.requests-menu-icon {
.requests-security-state-icon {
width: 16px;
height: 16px;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
cursor: pointer;
}
/* Network requests table: status codes */
.requests-menu-status-code {
- -moz-margin-start: 3px !important;
+ margin-inline-start: 3px !important;
width: 3em;
- -moz-margin-end: -3em !important;
+ margin-inline-end: -3em !important;
}
.requests-menu-status-icon {
background-color: #A09090;
height: 10px;
width: 10px;
- -moz-margin-start: 5px;
- -moz-margin-end: 5px;
+ margin-inline-start: 5px;
+ margin-inline-end: 5px;
border-radius: 20px;
border: 1px solid #000000;
transition: background-color 0.5s ease-in-out;
/* Network requests table: waterfall items */
.requests-menu-subitem.requests-menu-waterfall {
- -moz-padding-start: 0px;
- -moz-padding-end: 4px;
+ padding-inline-start: 0px;
+ padding-inline-end: 4px;
/* Background created on a <canvas> in js. */
/* @see devtools/client/netmonitor/netmonitor-view.js */
background-image: -moz-element(#waterfall-background);
}
.requests-menu-timings-total {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
font-size: 85%;
font-weight: 600;
}
}
.tabpanel-summary-label {
- -moz-padding-start: 4px;
- -moz-padding-end: 3px;
+ padding-inline-start: 4px;
+ padding-inline-end: 3px;
font-weight: 600;
}
.tabpanel-summary-value {
color: inherit;
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
}
/* Headers tabpanel */
#headers-summary-resend {
margin-top: -10px;
- -moz-margin-end: 6px;
+ margin-inline-end: 6px;
}
#toggle-raw-headers {
margin-top: -10px;
- -moz-margin-end: 6px;
+ margin-inline-end: 6px;
}
.raw-response-textarea {
/* Security tabpanel */
.security-info-section {
- -moz-padding-start: 1em;
+ padding-inline-start: 1em;
}
#security-tabpanel {
.security-warning-icon {
background-image: url("images/alerticon-warning.png");
background-size: 13px 12px;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
vertical-align: top;
width: 13px;
height: 12px;
border-radius: 0;
border-top: none;
border-bottom: none;
- -moz-border-start: none;
+ border-inline-start: none;
}
#network-statistics-view-splitter {
}
#network-statistics-charts .pie-chart-container {
- -moz-margin-start: 3vw;
- -moz-margin-end: 1vw;
+ margin-inline-start: 3vw;
+ margin-inline-end: 1vw;
}
#network-statistics-charts .table-chart-container {
- -moz-margin-start: 1vw;
- -moz-margin-end: 3vw;
+ margin-inline-start: 1vw;
+ margin-inline-end: 3vw;
}
.chart-colored-blob[name=html] {
/* Toolbar */
#performance-toolbar-control-other {
- -moz-padding-end: 5px;
+ padding-inline-end: 5px;
}
#performance-toolbar-controls-detail-views .toolbarbutton-text {
- -moz-padding-start: 4px;
- -moz-padding-end: 8px;
+ padding-inline-start: 4px;
+ padding-inline-end: 8px;
}
#filter-button {
text-overflow: ellipsis;
padding: 1px 4px;
color: var(--theme-body-color);
- -moz-border-end-color: var(--cell-border-color);
+ border-inline-end-color: var(--cell-border-color);
}
.call-tree-header:not(:last-child),
.call-tree-cell:not(:last-child) {
- -moz-border-end-width: 1px;
- -moz-border-end-style: solid;
+ border-inline-end-width: 1px;
+ border-inline-end-style: solid;
}
.call-tree-header:not(:last-child) {
}
.call-tree-item:focus .call-tree-cell {
- -moz-border-end-color: var(--focus-cell-border-color);
+ border-inline-end-color: var(--focus-cell-border-color);
}
.call-tree-item:not([origin="content"]) .call-tree-name,
}
.call-tree-name {
- -moz-margin-end: 4px !important;
+ margin-inline-end: 4px !important;
}
.call-tree-url {
}
.call-tree-host {
- -moz-margin-start: 8px !important;
+ margin-inline-start: 8px !important;
font-size: 90%;
color: var(--theme-content-color2);
}
}
.waterfall-header-tick:not(:first-child) {
- -moz-margin-start: -100px !important; /* Don't affect layout. */
+ margin-inline-start: -100px !important; /* Don't affect layout. */
}
.waterfall-background-ticks {
*/
.waterfall-sidebar {
- -moz-border-end: 1px solid var(--cell-border-color);
+ border-inline-end: 1px solid var(--cell-border-color);
}
.waterfall-tree-item > .waterfall-sidebar:hover,
.waterfall-marker-bullet {
width: 8px;
height: 8px;
- -moz-margin-start: 8px;
- -moz-margin-end: 6px;
+ margin-inline-start: 8px;
+ margin-inline-end: 6px;
border-radius: 1px;
}
.waterfall-marker > .theme-twisty {
/* Don't affect layout. */
width: 14px;
- -moz-margin-end: -14px;
+ margin-inline-end: -14px;
}
/**
*/
#waterfall-details {
- -moz-padding-start: 8px;
- -moz-padding-end: 8px;
+ padding-inline-start: 8px;
+ padding-inline-end: 8px;
padding-top: 2vh;
overflow: auto;
min-width: 50px;
}
.marker-details-name-label {
- -moz-padding-end: 4px;
+ padding-inline-end: 4px;
}
.marker-details-type {
}
.splitview-main > toolbar {
- -moz-padding-end: 3px;
+ padding-inline-end: 3px;
}
.splitview-details > toolbar {
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
}
.splitview-main > toolbar,
.stylesheet-more > h3 {
font-size: 11px;
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.devtools-searchinput,
}
#toolbox-buttons .devtools-toolbarbutton[text-as-image] {
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
+ padding-inline-start: 5px;
+ padding-inline-end: 5px;
min-width: inherit;
}
}
.devtools-toolbar .devtools-toolbarbutton {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
.devtools-toolbarbutton > .toolbarbutton-icon {
/* margin-top: 1px;
margin-bottom: 1px;
padding: 0;*/
- -moz-padding-start: 22px;
- -moz-padding-end: 4px;
+ padding-inline-start: 22px;
+ padding-inline-end: 4px;
background-image: var(--magnifying-glass-image);
background-position: 8px center;
background-size: 11px 11px;
}
.devtools-searchinput:-moz-locale-dir(rtl),
-.devtools-searchinput:-moz-dir(rtl) {
+.devtools-searchinput:dir(rtl) {
background-position: calc(100% - 8px) center;
}
.devtools-rule-searchbox[filled] {
background-color: var(--searchbox-background-color);
border-color: var(--searchbox-border-color);
- -moz-padding-end: 23px;
+ padding-inline-end: 23px;
}
.devtools-style-searchbox-no-match {
background-color: transparent;
}
-.devtools-searchinput-clear:-moz-dir(rtl) {
+.devtools-searchinput-clear:dir(rtl) {
right: unset;
left: 7px;
}
padding: 0 4px;
margin: 0;
border-width: 0 0 1px 0;
- -moz-border-start-width: 1px;
+ border-inline-start-width: 1px;
border-style: solid;*/
}
}
.devtools-sidebar-tabs tabs > tab:first-of-type {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.devtools-sidebar-tabs tabs > tab:last-of-type {
- -moz-border-end-width: 0;
+ border-inline-end-width: 0;
}
.devtools-sidebar-tabs tabs > tab {
max-width: 100px;
color: #000000;
margin: 0;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
padding: 1px;
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
background-color: #C09070;
border-radius: 8px 8px 0 0;
}
}
.devtools-tab > image {
- -moz-margin-end: 0;
- -moz-margin-start: 0;
+ margin-inline-end: 0;
+ margin-inline-start: 0;
}
#toolbox-picker-container {
}
#toolbox-tab-options > image {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
.devtools-tab:not([highlighted]) > .highlighted-icon,
#toolbox-option-container .devtools-tab {
/* border-color: transparent;
border-width: 0;
- -moz-padding-start: 1px;*/
+ padding-inline-start: 1px;*/
}
#toolbox-tab-options > image {
/* margin: 0 8px;*/
}
.devtools-side-splitter {
-/* -moz-border-end: 1px solid var(--theme-splitter-color);
+/* border-inline-end: 1px solid var(--theme-splitter-color);
border-color: var(--theme-splitter-color); / Needed for responsive container at low width. */
}
content: "";
display: inline-block;
vertical-align: bottom;
- -moz-margin-end: 0.5em;
+ margin-inline-end: 0.5em;
width: 1em;
height: 1em;
border: 2px solid currentColor;
since it's way faster than using 100% with -moz-box-flex (see Bug 1237368) */
#output-container.hideTimestamps > .message {
- -moz-padding-start: 0;
- -moz-margin-start: 7px;
+ padding-inline-start: 0;
+ margin-inline-start: 7px;
width: calc(100% - 7px);
}
}
.message[category=network] > .indent {
- -moz-border-end: solid var(--theme-body-color-alt) 6px;
+ border-inline-end: solid var(--theme-body-color-alt) 6px;
}
.message[category=network][severity=error] > .icon::before {
.message[category=network] .status {
flex: none;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
}
.message[category=network].mixed-content .url {
}
.message[category=cssparser] > .indent {
- -moz-border-end: solid #9C9CFF 6px;
+ border-inline-end: solid #9C9CFF 6px;
}
.message[category=cssparser][severity=error] > .icon::before {
}
.message[category=exception] > .indent {
- -moz-border-end: solid #FF9F00 6px;
+ border-inline-end: solid #FF9F00 6px;
}
.message[category=exception][severity=error] > .icon::before {
}
.message[category=console] > .indent {
- -moz-border-end: solid #8050B0 6px;
+ border-inline-end: solid #8050B0 6px;
}
.message[category=console][severity=error] > .icon::before,
}
.message[category=server] > .indent {
- -moz-border-end: solid #8050B0 6px;
+ border-inline-end: solid #8050B0 6px;
}
/* Input and output styles */
.message[category=input] > .indent,
.message[category=output] > .indent {
- -moz-border-end: solid #A09090 6px;
+ border-inline-end: solid #A09090 6px;
}
.message[category=input] > .icon::before {
flex: 1;
margin-top: 5px;
margin-bottom: 15px;
- -moz-margin-end: 15px;
+ margin-inline-end: 15px;
border: 1px solid var(--theme-splitter-color);
border-radius: 3px;
}
/* Security styles */
.message[category=security] > .indent {
- -moz-border-end: solid #FF0000 6px;
+ border-inline-end: solid #FF0000 6px;
}
.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
}
.navigation-marker .url {
- -moz-padding-end: 9px;
+ padding-inline-end: 9px;
text-decoration: none;
background: var(--theme-body-background);
}
/* Generic pane helpers */
.generic-toggled-pane {
- -moz-margin-start: 0 !important;
+ margin-inline-start: 0 !important;
/* Unfortunately, transitions don't work properly with locale-aware properties,
so both the left and right margins are set via js, while the start margin
is always overridden here. */
.devtools-responsive-container .generic-toggled-pane {
/* To hide generic-toggled-pane, negative margins are applied dynamically.
* In the default horizontal layout, the pane is on the side and should be
- * hidden using negative -moz-margin-end only.
+ * hidden using negative margin-inline-end only.
*/
margin-top: 0 !important;
margin-bottom: 0 !important;
* If a vertical layout, the pane is on the bottom and should be hidden
* using negative bottom margin only.
*/
- -moz-margin-end: 0 !important;
+ margin-inline-end: 0 !important;
}
}
/* BreacrumbsWidget */
.breadcrumbs-widget-container {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
max-height: 24px; /* Set max-height for proper sizing on linux */
height: 24px; /* Set height to prevent starting small waiting for content */
}
}
.scrollbutton-up {
- -moz-margin-end: 1px;
+ margin-inline-end: 1px;
}
.scrollbutton-down {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.scrollbutton-up > .toolbarbutton-icon,
}
.side-menu-widget-item-arrow {
- -moz-margin-start: -7px;
+ margin-inline-start: -7px;
width: 7px; /* The image's width is 7 pixels */
}
.side-menu-widget-group-checkbox {
margin: 0;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.side-menu-widget-item-checkbox {
margin: 0;
- -moz-margin-start: 4px;
- -moz-margin-end: -4px;
+ margin-inline-start: 4px;
+ margin-inline-end: -4px;
}
/* SideMenuWidget misc */
}
.variable-or-property > .title > .theme-twisty {
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
.variable-or-property:not([untitled]) > .variables-view-element-details {
- -moz-margin-start: 7px;
+ margin-inline-start: 7px;
}
/* Traits applied when variables or properties are changed or overridden */
.variable-or-property-sealed-label,
.variable-or-property-non-extensible-label {
height: 16px;
- -moz-padding-end: 4px;
+ padding-inline-end: 4px;
}
.variable-or-property:not(:focus) > .title > .variable-or-property-frozen-label,
}
.variable-or-property[overridden] > tooltip > label.overridden {
- -moz-padding-start: 4px;
- -moz-border-start: 1px dotted #9C9CFF;
+ padding-inline-start: 4px;
+ border-inline-start: 1px dotted #9C9CFF;
}
.variable-or-property[safe-getter] > tooltip > label.WebIDL {
- -moz-padding-start: 4px;
- -moz-border-start: 1px dotted #9C9CFF;
+ padding-inline-start: 4px;
+ border-inline-start: 1px dotted #9C9CFF;
color: #008484;
}
/* Variables and properties input boxes */
.variable-or-property > .title > .separator + .element-value-input {
- -moz-margin-start: -2px !important;
- -moz-margin-end: 2px !important;
+ margin-inline-start: -2px !important;
+ margin-inline-end: 2px !important;
}
.variable-or-property > .title > .separator[hidden=true] + .element-value-input {
- -moz-margin-start: 4px !important;
- -moz-margin-end: 2px !important;
+ margin-inline-start: 4px !important;
+ margin-inline-end: 2px !important;
}
.element-name-input {
- -moz-margin-start: -2px !important;
- -moz-margin-end: 2px !important;
+ margin-inline-start: -2px !important;
+ margin-inline-end: 2px !important;
font-weight: 600;
}
pointer-events: none;
background: #000000;
- -moz-border-end: 1px solid #9C9CFF;
+ border-inline-end: 1px solid #9C9CFF;
}
.line-graph-widget-gutter-line {
position: absolute;
border-radius: 2px;
line-height: 15px;
- -moz-padding-start: 6px;
- -moz-padding-end: 6px;
+ padding-inline-start: 6px;
+ padding-inline-end: 6px;
transform: translateY(-50%);
font-size: 0.8rem !important;
z-index: 1;
}
.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
- -moz-border-end: 3px solid #9C9CFF;
+ border-inline-end: 3px solid #9C9CFF;
left: -3px;
}
.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
- -moz-border-start: 3px solid #9C9CFF;
+ border-inline-start: 3px solid #9C9CFF;
right: -3px;
}
}
.line-graph-widget-tooltip > [text=value] {
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
.line-graph-widget-tooltip > [text=metric] {
- -moz-margin-start: 1px;
+ margin-inline-start: 1px;
color: var(--theme-content-color4);
}
.bar-graph-widget-legend-item {
float: left;
- -moz-margin-end: 8px;
+ margin-inline-end: 8px;
}
.bar-graph-widget-legend-item > [view="color"],
height: 8px;
border: 1px solid #9C9CFF;
border-radius: 1px;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
pointer-events: all;
cursor: pointer;
}
.table-chart-row-box {
width: 8px;
height: 1.5em;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
.table-chart-row-label {
width: 8em;
- -moz-padding-end: 6px;
+ padding-inline-end: 6px;
cursor: inherit;
}
height: 100%;
list-style: none;
overflow: hidden;
- -moz-margin-end: 40px;
+ margin-inline-end: 40px;
}
.tree-widget-container:-moz-focusring,
/* For level > 6 */
.tree-widget-item[level] + ul > li > .tree-widget-item {
- -moz-padding-start: 98px;
+ padding-inline-start: 98px;
}
/* First level */
.tree-widget-item[level="1"] + ul > li > .tree-widget-item {
- -moz-padding-start: 14px;
+ padding-inline-start: 14px;
}
/* Second level */
.tree-widget-item[level="2"] + ul > li > .tree-widget-item {
- -moz-padding-start: 28px;
+ padding-inline-start: 28px;
}
/* Third level */
.tree-widget-item[level="3"] + ul > li > .tree-widget-item {
- -moz-padding-start: 42px;
+ padding-inline-start: 42px;
}
/* Fourth level */
.tree-widget-item[level="4"] + ul > li > .tree-widget-item {
- -moz-padding-start: 56px;
+ padding-inline-start: 56px;
}
/* Fifth level */
.tree-widget-item[level="5"] + ul > li > .tree-widget-item {
- -moz-padding-start: 70px;
+ padding-inline-start: 70px;
}
/* Sixth level */
.tree-widget-item[level="6"] + ul > li > .tree-widget-item {
- -moz-padding-start: 84px;
+ padding-inline-start: 84px;
}
/* Custom icons for certain tree items indicating the type of the item */
float: left;
width: 16px;
height: 17px;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
background-repeat: no-repeat;
background-size: 20px auto;
background-position: 0 0;
width: 25px;
height: 20px;
margin: 0;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
#ColorPickerSwatch[default="true"] {
border: 1px inset #9C9CFF;
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 #9C9CFF;
- -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;
}
.colorpicker {
border: 1px outset #9C9CFF;
/* 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;
}
.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 */
#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"] {
#BackgroundColorButton {
margin-top: 9px;
margin-bottom: 2px;
- -moz-margin-start: 9px;
- -moz-margin-end: 2px;
+ margin-inline-start: 9px;
+ margin-inline-end: 2px;
}
#HighlightColorButton {
border: 1px solid #9C9CFF;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: #000000;
}
color: #008484;
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;
}
}
button {
- -moz-margin-start: 0;
- -moz-margin-end: 8px;
+ margin-inline-start: 0;
+ margin-inline-end: 8px;
}
table {
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;
}
@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;
}
}
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 {
}
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%);
}
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 {
blockquote {
padding: 0;
- -moz-padding-start: 16px;
+ padding-inline-start: 16px;
}
ul,
}
ul {
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
list-style: disc;
}
ol {
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
list-style: decimal;
}
#font-type-buttons,
#font-size-buttons,
-#color-scheme-buttons {
+#color-scheme-buttons,
+#content-width-buttons,
+#line-height-buttons {
display: flex;
flex-direction: row;
}
#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;
}
#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;
}
}
#font-size-buttons > button,
-#color-scheme-buttons > button {
+#color-scheme-buttons > button,
+#content-width-buttons > button,
+#line-height-buttons > button {
height: 60px;
}
}
/* 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;
}
#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;
}
}
.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;
background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
}
+.content-width-minus-button {
+ background-size: 42px 16px;
+ background-image: url("chrome://global/skin/reader/RM-Content-Width-Minus-42x16.svg");
+}
+
+.content-width-plus-button {
+ background-size: 44px 16px;
+ background-image: url("chrome://global/skin/reader/RM-Content-Width-Plus-44x16.svg");
+}
+
+.line-height-minus-button {
+ background-size: 34px 14px;
+ background-image: url("chrome://global/skin/reader/RM-Line-Height-Minus-38x14.svg");
+}
+
+.line-height-plus-button {
+ background-size: 34px 24px;
+ background-image: url("chrome://global/skin/reader/RM-Line-Height-Plus-38x24.svg");
+}
+
@media print {
.toolbar {
display: none !important;
color: var(--in-content-link-color);
background-color: var(--in-content-page-background);
text-decoration: none;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
/* on hover and active, behave like buttons */
}
button {
- -moz-margin-start: 0;
- -moz-margin-end: 8px;
+ margin-inline-start: 0;
+ margin-inline-end: 8px;
}
table {
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%;
}
display: none;
}
-#action-box:-moz-dir(rtl) {
+#action-box:dir(rtl) {
float: left;
}
display: block;
}
+#verify-place-result {
+ max-height: 200px;
+ overflow: auto;
+}
+
.block {
display: block;
}
}
.autocomplete-treebody::-moz-tree-cell-text {
- -moz-padding-start: 8px;
+ padding-inline-start: 8px;
}
.autocomplete-treebody::-moz-tree-row(selected) {
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 {
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");
}
}
.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. */
}
.tabbrowser-tabs[overflow="true"] {
- -moz-padding-start: 0px;
+ padding-inline-start: 0px;
}
/**
.tab-icon-image {
margin-top: 1px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
width: 16px;
height: 16px;
}
* In-tab close button
*/
.tab-close-button > .toolbarbutton-icon {
- -moz-margin-end: 0px !important;
+ margin-inline-end: 0px !important;
margin-top: 1px;
}
border: 1px solid transparent;
padding-top: 1px;
padding-bottom: 2px;
- -moz-padding-start: .5em;
- -moz-padding-end: calc(.5em + 1px);
+ padding-inline-start: .5em;
+ padding-inline-end: calc(.5em + 1px);
}
.button-icon {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.button-text {
button[checked="true"] > .button-box {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
/* .......... disabled state .......... */
button[disabled="true"] > .button-box {
padding-top: 1px !important;
padding-bottom: 2px !important;
- -moz-padding-start: .5em !important;
- -moz-padding-end: calc(.5em + 1px) !important;
+ padding-inline-start: .5em !important;
+ padding-inline-end: calc(.5em + 1px) !important;
}
/* ::::: menu/menu-button buttons ::::: */
button[type="menu-button"][open="true"] > .button-menubutton-button > .button-box {
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: calc(.5em + 1px);
- -moz-padding-end: .5em;
+ padding-inline-start: calc(.5em + 1px);
+ padding-inline-end: .5em;
}
button[type="menu-button"]:hover > .button-menubutton-button,
.button-menu-dropmarker,
.button-menubutton-dropmarker {
margin: 2px;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
width: 11px;
height: 11px;
background-color: transparent;
toolbaritem > button > .button-box,
#throbber-box > button > .button-box {
border-radius: 3px;
- -moz-padding-start: 0;
- -moz-padding-end: 1px;
+ padding-inline-start: 0;
+ padding-inline-end: 1px;
}
toolbaritem > button > button:hover:active > .button-box,
#throbber-box > button:hover:active > .button-box,
#throbber-box > button > button[open="true"] > .button-box,
#throbber-box > button > button[checked="true"] > .button-box {
- -moz-padding-start: 1px;
- -moz-padding-end: 0;
+ padding-inline-start: 1px;
+ padding-inline-end: 0;
}
toolbaritem > button > button[disabled="true"] > .button-box,
#throbber-box > button[disabled="true"] > .button-box {
- -moz-padding-start: 0 !important;
- -moz-padding-end: 1px !important;
+ padding-inline-start: 0 !important;
+ padding-inline-end: 1px !important;
}
}
.checkbox-icon[src] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.checkbox-label {
}
checkbox > .checkbox-check {
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
checkbox:not([disabled="true"]):hover > .checkbox-check,
#filler {
- -moz-margin-start: -8px;
- -moz-margin-end: -10px;
+ margin-inline-start: -8px;
+ margin-inline-end: -10px;
}
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 {
#filterRow {
margin-top: 4px;
- -moz-margin-start: 4px;
+ margin-inline-start: 4px;
}
#configTree {
+++ /dev/null
-/* 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: #000000;
- color: #FF9F00;
-}
-
-/* ::::: console rows ::::: */
-
-.console-row {
- padding: 0px;
- border-bottom: 1px solid #FF9F00;
-}
-
-.console-row-icon {
- border-right: 1px solid #FF9F00;
- padding: 5px;
- background-color: #9C9CFF;
- -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: #E7ADE7;
-}
-
-.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: #FFCF00;
- color: #000000;
-}
-
-.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;
-}
.datetimepicker-input-box {
cursor: text;
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
border-radius: 3px;
border: 1px solid #9C9CFF;
padding: 2px 0 3px;
- -moz-padding-start: 4px;
- -moz-padding-end: 2px;
+ padding-inline-start: 4px;
+ padding-inline-end: 2px;
background-color: #000000;
color: #E7ADE7;
}
border-bottom: 1px solid #9C9CFF;
padding-top: 12px;
padding-bottom: 12px;
- -moz-padding-start: 25px;
- -moz-padding-end: 5px;
+ padding-inline-start: 25px;
+ padding-inline-end: 5px;
background-color: #000000;
color: #FF9F00;
}
}
.header-large > .dialogheader-description {
- -moz-margin-start: 12px !important;
+ margin-inline-start: 12px !important;
}
background-color: #000000;
color: #FF9F00;
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 {
color: #000000;
}
-#UI_goUp:-moz-dir(rtl) {
+#UI_goUp:dir(rtl) {
float: right;
}
float: right;
}
-#UI_showHidden:-moz-dir(rtl) {
+#UI_showHidden:dir(rtl) {
float: left;
}
.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");
}
background-color: #FF9F00;
padding-top: 2px;
padding-bottom: 0px;
- -moz-padding-start: 2px;
- -moz-padding-end: 0px;
+ padding-inline-start: 2px;
+ padding-inline-end: 0px;
list-style-image: url("chrome://global/skin/arrow/arrow-down-hover.gif");
-moz-image-region: auto;
}
.settingsContainer {
padding-top: 3px;
padding-bottom: 5px;
- -moz-padding-start: 20px;
- -moz-padding-end: 5px;
+ padding-inline-start: 20px;
+ padding-inline-end: 5px;
}
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 {
/* 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:not([disabled]):hover,
-.findbar-find-previous:not([disabled]):active {
- -moz-image-region: rect(18px, 12px, 27px, 0);
+.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
+.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
+ filter: url(icons/filters.svg#disabled-icon-state);
}
-.findbar-find-next:not([disabled]):hover,
-.findbar-find-next:not([disabled]):active {
- -moz-image-region: rect(18px, 24px, 27px, 12px);
+.findbar-find-previous:not([disabled]):hover > .toolbarbutton-icon,
+.findbar-find-previous:not([disabled]):active > .toolbarbutton-icon,
+.findbar-find-next:not([disabled]):hover > .toolbarbutton-icon,
+.findbar-find-next:not([disabled]):active > .toolbarbutton-icon {
+ filter: url(icons/filters.svg#active-icon-state);
}
.findbar-find-previous > .toolbarbutton-icon,
.findbar-find-next > .toolbarbutton-icon {
}
-.findbar-find-previous[disabled="true"] > .toolbarbutton-icon,
-.findbar-find-next[disabled="true"] > .toolbarbutton-icon {
-}
-
.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;
}
.found-matches {
color: #A09090;
margin: 0 !important;
- -moz-margin-start: 12px !important;
+ margin-inline-start: 12px !important;
}
.find-status-icon[status="pending"] {
background-color: #000000;
padding-top: 8px;
padding-bottom: 10px;
- -moz-padding-start: 8px;
- -moz-padding-end: 10px;
+ padding-inline-start: 8px;
+ padding-inline-end: 10px;
}
/* ::::: alert icons :::::*/
.statusbar-center {
background-color: #8050B0;
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
color: #FFCF00;
-moz-box-align: stretch;
}
border-radius: 9px 0px 0px 9px;
background-color: #6000CF;
width: 13px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
.statusbar-right {
border-radius: 0px 9px 9px 0px;
background-color: #6000CF;
width: 13px;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
}
statusbarpanel {
-moz-appearance: none;
border-top-style: none;
border-bottom-style: none;
- -moz-border-start-style: none;
+ border-inline-start-style: none;
}
.statusbar-resizerpanel {
separator.groove[orient="vertical"] {
border-left: 2px groove #FF9F00;
- -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) */
}
.indent {
-/* -moz-margin-start: 23px; */
- -moz-margin-start: 15px;
+/* margin-inline-start: 23px; */
+ margin-inline-start: 15px;
}
.box-padded {
border: 2px solid #9C9CFF;
padding-top: 3px;
padding-bottom: 5px;
- -moz-padding-start: 5px;
- -moz-padding-end: 5px;
+ padding-inline-start: 5px;
+ padding-inline-end: 5px;
}
.groupbox-body {
.caption-text {
margin-top: 0;
margin-bottom: 0;
- -moz-margin-start: 1px;
- -moz-margin-end: 2px;
+ margin-inline-start: 1px;
+ margin-inline-end: 2px;
}
--- /dev/null
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg height="0" xmlns="http://www.w3.org/2000/svg">
+ <filter id="active-icon-state"><!-- make every icon be fully black, but keep alpha channel -->
+ <feColorMatrix in="SourceGraphic" type="matrix"
+ values="0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 0 0
+ 0 0 0 1 0"/>
+ </filter>
+ <filter id="disabled-icon-state"><!-- move any icon to #8050B0 / rgb(128,80,176), keeping alpha channel -->
+ <feColorMatrix in="SourceGraphic" type="matrix" color-interpolation-filters="sRGB"
+ values="0 0 0 0 0.50
+ 0 0 0 0 0.31
+ 0 0 0 0 0.69
+ 0 0 0 1 0"/>
+ </filter>
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
+ <style>
+ path:not(:target) {
+ display: none;
+ }
+ path {
+ fill: #FFCF00;
+ }
+ </style>
+ <path id="glyph-find-previous" d="M5.407,1.5l-5,4.599L1.65,7.283l3.757-3.387l3.705,3.385l1.296-1.158L5.407,1.5z"/>
+ <path id="glyph-find-next" d="M5.547,8.255L0.538,3.53l1.239-1.265l3.77,3.641l3.719-3.641l1.264,1.188L5.547,8.255z"/>
+</svg>
*|*.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;
}
-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 */
/* xul buttons and menulists */
/*
*|button,
+html|select,
xul|colorpicker[type="button"],
xul|menulist {
-moz-appearance: none;
}
*/
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"]) {
}
html|button:disabled,
+html|select:disabled,
xul|button[disabled="true"],
xul|colorpicker[type="button"][disabled="true"],
xul|menulist[disabled="true"] {
}
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;
/*
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 {
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;
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"],
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;
/* Links */
html|a,
-.text-link,
-.inline-link {
+.text-link {
color: var(--in-content-link-color);
text-decoration: none;
}
html|a:hover,
-.text-link:hover,
-.inline-link:hover {
+.text-link:hover {
color: var(--in-content-link-color-hover);
text-decoration: underline;
}
}
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: underline;
}
}
/*
xul|checkbox {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
*/
/* xul|*.checkbox-check, */
height: 23px;
border-radius: 0;
border: 1px solid var(--in-content-box-border-color);
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
background-color: var(--in-content-box-background);
background-position: center center;
background-repeat: no-repeat;
}
/*
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 {
}
xul|radio {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
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);
}
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 */
*|*.category {
background-color: var(--in-content-category-background);
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;
}
line-height: 22px;
font-size: 1.25rem;
padding-bottom: 2px;
- -moz-padding-start: 9px;
+ padding-inline-start: 9px;
margin: 0;
-moz-user-select: none;
}
/* 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; */
}
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),
xul|textbox + xul|button,
xul|filefield + xul|button {
- -moz-border-start: none;
+ border-inline-start: none;
}
*/
/* List boxes */
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);
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;
}
}
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 {
/* Don't specify the outline-color, we should always use initial value. */
outline: 1px dotted;
}
}
listheader > treecol {
- -moz-border-start: none;
+ border-inline-start: none;
border-top: none;
border-bottom: none;
}
listheader > treecol:last-child {
- -moz-border-end: none;
+ border-inline-end: none;
}
listheader[sortable="true"]:hover:active {
border: 1px solid #FF9F00;
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 {
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"] {
+/* 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");
.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:hover,
.muteButton:hover,
+.closedCaptionButton:hover,
.fullscreenButton:hover {
background-color: rgba(255,207,0,0.75);
}
.playButton:hover:active,
.muteButton:hover:active,
+.closedCaptionButton:hover:active,
.fullscreenButton:hover:active {
background-color: rgba(255,159,0,0.75);
}
-.playButton:-moz-focusring > .button-box,
-.muteButton:-moz-focusring > .button-box,
-.fullscreenButton:-moz-focusring > .button-box {
- border: 1px dotted rgba(0,0,0,0.75);
-}
-
.playButton {
background-image: url("chrome://global/skin/media/pauseButton.png");
margin-right: -22px; /* 1/2 of scrubber thumb width, for overhang. */
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);
}
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 {
padding-left: 8px; /* don't bump into the scrubber bar */
padding-top: 0px; /* center vertically with scrubber bar */
color: rgba(0,0,0,0.75);
- font-size: 11px;
font-family: "Liberation Sans",Arial,Tahoma,Helvetica,sans-serif;
+ font-size: 11px;
}
.positionLabel {
border-radius: 2.5px;
}
-.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 <progressmeter> implementation. */
}
/* .scale-slider is an element inside the <scale> implementation. */
-.scrubber .scale-slider, .volumeControl .scale-slider {
+.scrubber .scale-slider,
+.volumeControl .scale-slider {
/* Hide the default horizontal bar. */
background: none;
margin: 0;
-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 {
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;
+ }
+*/
+}
menubar > menu {
padding: 2px;
margin: 0px;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
border: none;
}
.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: #9C9CFF;
- -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: #A09090;
}
.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;
.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;
}
/* ::::: tree column picker ::::: */
.treecell-popupcell-menu {
- -moz-margin-start: -2px;
+ margin-inline-start: -2px;
list-style-image: url("chrome://global/skin/tree/columnpicker.gif");
}
.menulist-description {
font-style: italic;
color: #9C9CFF;
- -moz-margin-start: 1ex !important;
+ margin-inline-start: 1ex !important;
}
menulist:focus > .menulist-label-box {
menulist[open="true"] > .menulist-dropmarker {
padding-top: 2px;
padding-bottom: 0;
- -moz-padding-start: 2px;
- -moz-padding-end: 0;
+ padding-inline-start: 2px;
+ padding-inline-end: 0;
border: none;
border-left: 1px solid #FFCF00;
background-color: #FF9F00;
+++ /dev/null
-<svg id="Icons" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 18.77">
- <path fill="gray" d="M3.13 13.72a1.57 1.57 0 0 1-3.13 0V5.41a1.57 1.57 0 0 1 3.13 0v8.31zm6.29 3.62a1.57 1.57 0 0 1-3.13 0V1.44a1.57 1.57 0 0 1 3.13 0v15.9zm6.29-2.9a1.57 1.57 0 0 1-3.13 0V4.83a1.57 1.57 0 0 1 3.13 0v9.61zM22 12.62a1.57 1.57 0 0 1-3.13 0V6.15a1.57 1.57 0 0 1 3.13 0v6.47z"/>
-</svg>
--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 {
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");
}
ul, ol {
margin: 0;
- -moz-margin-start: 1.5em;
+ margin-inline-start: 1.5em;
padding: 0;
}
border: 1px solid #9C9FFF;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: url("chrome://global/skin/icons/alert-exclam.gif") left 0 no-repeat #000000;
background-origin: content-box;
}
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 {
}
#errorLongDesc {
- -moz-padding-end: 3em;
+ padding-inline-end: 3em;
font-size: 110%;
}
#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;
}
}
.notification-inner {
- -moz-margin-start: 8px;
- -moz-margin-end: 12px;
+ margin-inline-start: 8px;
+ margin-inline-end: 12px;
}
.messageCloseButton {
}
.messageCloseButton > .toolbarbutton-icon {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
/* Popup notification */
}
.popup-notification-closebutton {
- -moz-margin-end: -5px;
+ margin-inline-end: -5px;
margin-top: -5px;
}
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) {
color: #FFCF00;
background-color: #000000;
text-decoration: none;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
a:hover {
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 {
background-color: #E7ADE7;
color: #000000;
padding: 2px;
- -moz-padding-start: 12px;
+ padding-inline-start: 12px;
margin-top: 2em;
margin-bottom: 1em;
font-size: 16px;
prefpane {
padding-top: 3px;
padding-bottom: 0px;
- -moz-padding-start: 3px;
- -moz-padding-end: 0px;
+ padding-inline-start: 3px;
+ padding-inline-end: 0px;
}
prefwindow[type="child"] {
padding-top: 3px;
padding-bottom: 0px;
- -moz-padding-start: 3px;
- -moz-padding-end: 0px;
+ padding-inline-start: 3px;
+ padding-inline-end: 0px;
}
prefwindow[type="child"] > prefpane {
border-bottom: 1px solid #9C9CFF;
margin: 0px;
margin-bottom: 3px;
- -moz-padding-start: 10px;
+ padding-inline-start: 10px;
background-color: #000000;
color: #FF9F00;
}
}
.radio-icon[src] {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
.radio-label {
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
-<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
<defs>
<style>
use:not(:target) {
fill: #fff;
}
</style>
- <g id="close-shape">
- <polygon points="20.477,6.551 20.477,17.449 11.992,17.449 11.992,20 23,20 23,4 11.992,4 11.992,6.551"/>
- <polygon points="1,11.981 9.698,19.95 9.698,15.13 18.184,15.13 18.184,8.87 9.698,8.87 9.698,4.011"/>
- </g>
+
+ <path id="close-shape" d="M19,22H6a2,2,0,0,1-2-2V18l2,2H18a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H6L4,6V4A2,2,0,0,1,6,2H19a2,2,0,0,1,2,2V20A2,2,0,0,1,19,22Zm-6-9H5.4l4.2,4.154L8.186,18.631,1.567,12.017,8.021,5.411,9.5,6.95,5.424,11H13v2Z"/>
</defs>
<use id="close" xlink:href="#close-shape"/>
<use id="close-hover" xlink:href="#close-shape"/>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="42"
+ height="16"
+ viewBox="0 0 42 16"
+ fill="#808080">
+
+ <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z"/>
+ <path d="M38.5,7 L32.75,1.25 L34,6.58831647e-15 L42,8 L41.375,8.625 L34,16 L32.75,14.75 L38.5,9 L24,9 L24,7 L38.5,7 Z" transform="translate(33.000000, 8.000000) scale(-1, 1) translate(-33.000000, -8.000000)"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="44"
+ height="16"
+ viewBox="0 0 44 16"
+ fill="#808080">
+
+ <path d="M14.5,7 L8.75,1.25 L10,-1.91791433e-15 L18,8 L17.375,8.625 L10,16 L8.75,14.75 L14.5,9 L1.13686838e-13,9 L1.13686838e-13,7 L14.5,7 Z" transform="translate(9.000000, 8.000000) scale(-1, 1) translate(-9.000000, -8.000000)"/>
+ <path d="M40.5,7 L34.75,1.25 L36,-5.17110888e-16 L44,8 L43.375,8.625 L36,16 L34.75,14.75 L40.5,9 L26,9 L26,7 L40.5,7 Z"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="38"
+ height="14"
+ viewBox="0 0 38 14"
+ fill="#808080">
+
+ <rect x="0" y="0" width="28" height="2"/>
+ <rect x="0" y="6" width="38" height="2"/>
+ <rect x="0" y="12" width="18" height="2"/>
+
+</svg>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg version="1.1"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:xlink="http://www.w3.org/1999/xlink"
+ width="38"
+ height="24"
+ viewBox="0 0 38 24"
+ fill="#808080">
+
+ <rect x="0" y="0" width="28" height="2"/>
+ <rect x="0" y="11" width="38" height="2"/>
+ <rect x="0" y="22" width="18" height="2"/>
+
+</svg>
<!-- This Source Code Form is subject to the terms of the Mozilla Public\r
- License, v. 2.0. If a copy of the MPL was not distributed with this\r
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->\r
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\r
- <path fill="#808080" d="M8.23,18.748v-1.016l1.182-0.146c0.065-0.013,0.12-0.055,0.166-0.127s0.052-0.143,0.02-0.215L8.513,14.07 H4.236l-1.104,3.096c-0.039,0.104-0.02,0.199,0.059,0.283s0.153,0.13,0.225,0.137l1.123,0.146v1.016H0.232v-1.016l1.123-0.166 L5.837,5.008h2.275l4.443,12.197c0.052,0.124,0.103,0.21,0.151,0.259s0.145,0.089,0.288,0.122l0.762,0.146v1.016H8.23z M6.296,8.084l-1.68,4.805h3.398L6.296,8.084z"/>\r
- <path fill="#808080" d="M20.05,18.748l-0.264-0.996c-0.345,0.234-0.706,0.443-1.083,0.625c-0.331,0.156-0.702,0.298-1.112,0.425 c-0.409,0.127-0.835,0.19-1.277,0.19c-0.364,0-0.704-0.06-1.02-0.181s-0.592-0.293-0.829-0.518s-0.424-0.497-0.561-0.815 S13.7,16.801,13.7,16.404c0-0.299,0.024-0.576,0.073-0.83s0.146-0.49,0.293-0.708s0.356-0.426,0.63-0.625s0.637-0.392,1.089-0.581 s1.008-0.377,1.665-0.566s1.445-0.384,2.363-0.586v-0.244c0-0.098,0.003-0.186,0.01-0.264c0-0.091,0.003-0.182,0.01-0.273 c0.007-0.189-0.013-0.392-0.059-0.61s-0.137-0.42-0.273-0.605s-0.329-0.338-0.576-0.459s-0.569-0.181-0.967-0.181 c-0.137,0-0.259,0.003-0.366,0.01s-0.197,0.016-0.269,0.029c-0.085,0.013-0.159,0.026-0.225,0.039v1.895h-2.061 c-0.169,0.013-0.319-0.003-0.449-0.049c-0.11-0.039-0.213-0.107-0.308-0.205s-0.142-0.25-0.142-0.459 c0-0.371,0.132-0.703,0.396-0.996c0.263-0.293,0.607-0.542,1.033-0.747s0.904-0.363,1.435-0.474 c0.529-0.111,1.058-0.166,1.585-0.166c0.572,0,1.096,0.042,1.57,0.127s0.883,0.249,1.224,0.493c0.342,0.244,0.604,0.587,0.79,1.03 s0.278,1.025,0.278,1.748v5.137c0,0.124,0.042,0.229,0.127,0.317s0.188,0.138,0.312,0.151l0.879,0.059v0.938H20.05z M19.793,13.592 c-0.645,0.13-1.177,0.264-1.597,0.4s-0.754,0.293-1.001,0.469s-0.42,0.376-0.518,0.601s-0.146,0.487-0.146,0.786 c0,0.208,0.034,0.402,0.103,0.581s0.166,0.335,0.293,0.469s0.278,0.239,0.454,0.317s0.368,0.117,0.576,0.117 c0.215,0,0.432-0.023,0.649-0.068s0.415-0.094,0.591-0.146c0.208-0.065,0.407-0.14,0.596-0.225V13.592z"/>\r
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">\r
+ <path fill="#737373" d="M10.87,18.989h2.144L8.3,3.991H5.724l-4.739,15H3.044l1.115-4.171h5.6ZM4.652,12.91L6.968,5.69l2.294,7.22H4.652ZM22.1,16.515v-5.06c0-2.31-.984-3.713-3.65-3.713a10.236,10.236,0,0,0-3.7.756L15.116,9.9A9.9,9.9,0,0,1,18.1,9.317c1.533,0,1.958.627,1.958,2.223v0.975h-1.35c-3.086,0-4.871,1.125-4.871,3.5a3.217,3.217,0,0,0,3.527,3.338,3.205,3.205,0,0,0,2.945-1.659,2.573,2.573,0,0,0,2.436,1.659l0.441-1.344A1.408,1.408,0,0,1,22.1,16.515ZM17.8,17.9a1.744,1.744,0,0,1-1.911-1.995c0-1.512,1.029-2.111,3.065-2.111h1.1V16.18C19.426,17.334,18.938,17.9,17.8,17.9Z"/>\r
</svg>\r
scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/arrow-right.png");
border-radius: 0 300px 300px 0;
- -moz-border-start: 3px solid #000000;
+ border-inline-start: 3px solid #000000;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {
background-image: url("chrome://global/skin/scrollbar/arrow-down.png");
border-radius: 0 0 300px 300px;
- -moz-border-start: none;
+ border-inline-start: none;
border-top: 3px solid #000000;
}
scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/arrow-left.png");
border-radius: 300px 0 0 300px;
- -moz-border-end: 3px solid #000000;
+ border-inline-end: 3px solid #000000;
}
scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {
background-image: url("chrome://global/skin/scrollbar/arrow-up.png");
border-radius: 300px 300px 0 0;
- -moz-border-end: none;
+ border-inline-end: none;
border-bottom: 3px solid #000000;
}
-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 {
border: 1px inset #000000;
padding-top: 2px;
padding-bottom: 1px;
- -moz-padding-start: 2px;
- -moz-padding-end: 1px;
+ padding-inline-start: 2px;
+ padding-inline-end: 1px;
}
tab {
border-radius: 8px 8px 0px 0px;
margin-top: 2px;
- -moz-border-end: 2px solid transparent;
+ border-inline-end: 2px solid transparent;
border-bottom: none;
padding: 2px 4px 1px;
background-color: #C09070;
}
tab:first-of-type {
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
/*
tab:first-of-type[visuallyselected="true"] {
- -moz-padding-end: 5px;
- -moz-padding-start: 5px;
+ padding-inline-end: 5px;
+ padding-inline-start: 5px;
}
*/
margin: 1px 2px;
border: 1px solid #9C9CFF;
padding: 1px 0px;
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
background-color: #000000;
color: #E7ADE7;
min-height: 19px;
.toolbar-holder {
background-color: #9C9CFF;
color: #000000;
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
menubar > .toolbar-box > .toolbar-holder,
toolbarseparator {
margin: 2px;
- -moz-margin-end: 0;
+ margin-inline-end: 0;
border-right: 1px solid #000000;
width: 1px;
}
.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"] {
/* ..... 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;
}
-moz-box-align: center;
-moz-box-pack: center;
margin: 0px;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
border: none;
padding: 1px 2px;
background-color: #000000;
.toolbarbutton-icon[label]:not([label=""]),
.toolbarbutton-icon[type="menu"] {
-/* -moz-margin-start: 1px;
- -moz-margin-end: 2px;*/
+/* margin-inline-start: 1px;
+ margin-inline-end: 2px;*/
}
.toolbarbutton-text {
toolbarbutton[open="true"] {
padding-top: 2px;
padding-bottom: 0px;
- -moz-padding-start: 3px;
- -moz-padding-end: 1px;
+ padding-inline-start: 3px;
+ padding-inline-end: 1px;
}
toolbarbutton[disabled="true"],
toolbarbutton[checked="true"] {
padding-top: 2px !important;
padding-bottom: 0px !important;
- -moz-padding-start: 3px !important;
- -moz-padding-end: 1px !important;
+ padding-inline-start: 3px !important;
+ padding-inline-end: 1px !important;
background-color: #008484;
color: #FFCF00;
}
toolbarbutton[type="menu-button"][open="true"] > toolbarbutton.toolbarbutton-menubutton-button {
padding-top: 2px !important;
padding-bottom: 0px !important;
- -moz-padding-start: 3px !important;
- -moz-padding-end: 1px !important;
+ padding-inline-start: 3px !important;
+ padding-inline-end: 1px !important;
}
toolbarbutton[disabled="true"] > toolbarbutton.toolbarbutton-menubutton-button,
/* ::::: toolbarbutton badged ::::: */
.toolbarbutton-badge-stack > .toolbarbutton-icon[label]:not([label=""]) {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.toolbarbutton-badge {
0 -1px 0 #9C9CFF inset,
0 1px 0 #9C9CFF;
margin: -6px 0 0 !important;
- -moz-margin-end: -8px !important;
+ margin-inline-end: -8px !important;
min-width: 14px;
max-width: 28px;
line-height: 10px;
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[type="menu-button"]:not([disabled="true"]):hover > .toolbarbutton-menubutton-dropmarker,
treechildren::-moz-tree-cell {
padding-top: 0px;
padding-bottom: 0px;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
tree[seltype="cell"] > treechildren::-moz-tree-cell-text,
border: 1px solid transparent;
padding-top: 0px;
padding-bottom: 0px;
- -moz-padding-start: 1px;
- -moz-padding-end: 1px;
+ padding-inline-start: 1px;
+ padding-inline-end: 1px;
}
treechildren::-moz-tree-cell-text(selected) {
background-color: #008484;
width: 50px;
height: 2px;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
treechildren::-moz-tree-drop-feedback(selected) {
border: 1px solid #FFCF00;
padding-top: 2px;
padding-bottom: 0px;
- -moz-padding-start: 5px;
- -moz-padding-end: 3px;
+ padding-inline-start: 5px;
+ padding-inline-end: 3px;
}
treecolpicker:hover {
.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 ::::: */
}
treechildren::-moz-tree-column(insertbefore) {
- -moz-border-start: 1px solid #FFCF00;
+ border-inline-start: 1px solid #FFCF00;
}
treechildren::-moz-tree-column(insertafter) {
- -moz-border-end: 1px solid #FFCF00;
+ border-inline-end: 1px solid #FFCF00;
}
/* ::::: sort direction indicator ::::: */
/* ::::: twisty ::::: */
treechildren::-moz-tree-twisty {
- -moz-padding-end: 1px;
+ padding-inline-end: 1px;
padding-top: 0px;
width: 11px; /* The image's width is 11 pixels */
list-style-image: url("chrome://global/skin/tree/twisty.svg#clsd");
.tree-input {
border: 1px solid #9C9CFF;
margin: 0;
- -moz-margin-start: -4px;
+ margin-inline-start: -4px;
padding: 1px;
}
}
.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 {
/*
.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;
}
*/
/* 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,
.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 {
.titledsplitter-closebutton:hover:active {
padding-top: 3px;
padding-bottom: 1px;
- -moz-padding-start: 3px;
- -moz-padding-end: 1px;
+ padding-inline-start: 3px;
+ padding-inline-end: 1px;
}
\ No newline at end of file
}
.olNodeInfoLabel {
- -moz-padding-end: 0.5em;
+ padding-inline-end: 0.5em;
}
#olNodeInfo {
}
#acctCentralHeaderRow > label {
- -moz-margin-start: 30px;
+ margin-inline-start: 30px;
}
#acctCentralHeaderRow + spacer {
}
.acctCentralRow {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
.acctCentralRowTitleBox {
}
.acctCentralRowTitleBox > description {
- -moz-margin-start: 30px;
+ margin-inline-start: 30px;
}
.acctCentralTitleRow {
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
font-weight: bold;
font-size: 15px;
}
.acctCentralLinkText {
margin: 0;
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
cursor: pointer;
background-color: #C09070;
color: #000000;
}
.specialFolderPickerGrid {
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
}
.fccReplyFollowsParent {
- -moz-margin-start: 20px;
+ margin-inline-start: 20px;
}
.selectForOfflineUseButton {
}
.selectForOfflineUseButton > .button-box > .button-icon {
- -moz-margin-start: 4px;
- -moz-margin-end: 4px;
+ margin-inline-start: 4px;
+ margin-inline-end: 4px;
}
.signatureBox {
}
#contentFrame {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
/* ::::: SMTP Server Panel :::::: */
.smtpServerListItem {
- -moz-padding-start: 3px;
+ padding-inline-start: 3px;
}
#backgroundBox {
.awIdentityLabel {
width: 8em;
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
}
.serverLabel {
}
.serverDataBox {
- -moz-margin-start: 15px;
+ margin-inline-start: 15px;
}
@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");
}
.CardViewHeading {
padding: 1px;
- -moz-padding-start: 5px;
+ padding-inline-start: 5px;
margin: 0 0 1px;
background-color: #008484;
color: #000000;
}
#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;
}
}
html|a {
- -moz-padding-start: 0px;
- -moz-padding-end: 2px;
+ padding-inline-start: 0px;
+ padding-inline-end: 2px;
border: none !important;
}
#newEditButtonBox {
padding-top: 0.5em;
- -moz-padding-end: 0px;
- -moz-margin-start: 0px;
+ padding-inline-end: 0px;
+ margin-inline-start: 0px;
}
.middle-button-spacer {
#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;
}
}
.filler {
- -moz-padding-end: 22px;
+ padding-inline-end: 22px;
}
.ruleaction {
/* ::::: mail folder ::::: */
treechildren::-moz-tree-image(folderNameCol) {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
.icon-holder[type="folder"],
.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 {
.headerName {
margin: 0;
- -moz-margin-end: .25em;
+ margin-inline-end: .25em;
font-weight: bold;
text-align: right;
}
.tagvalue {
margin-top: 0;
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
/* ::::: msg header message ids ::::: */
}
.messageIdDisplayImage {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
-moz-box-pack: end;
}
}
.emailDisplayImage {
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
-moz-box-pack: end;
}
}
#collapseddateValue {
- -moz-margin-start: .5em;
+ margin-inline-start: .5em;
text-align: right;
background-color: transparent;
}
.collapsedHeaderDisplayName {
margin: 0;
- -moz-margin-start: .55em;
- -moz-margin-end: .5em;
+ margin-inline-start: .55em;
+ margin-inline-end: .5em;
font-weight: bold;
}
.collapsedAttachmentButton {
list-style-image: url("chrome://messenger/skin/icons/message-mail-attach.gif");
margin: 0;
- -moz-margin-end: .5em;
+ margin-inline-end: .5em;
}
}
#MsgHeadersToolbar > .toolbar-box > .toolbar-holder {
- -moz-padding-end: 0; /* this undoes the padding in toolbar.css */
+ padding-inline-end: 0; /* this undoes the padding in toolbar.css */
}
/* ::::: autocomplete icons ::::: */
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");
}
#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 {
}
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");
}
}
.menulist-compact > .menulist-label-box > .menulist-icon {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
.menulist-compact[open="true"] {
#alertTextBox {
padding: 4px;
- -moz-padding-end: 16px;
+ padding-inline-end: 16px;
}
.folderSummary-message-row
}
#tagList > listitem > listcell {
- -moz-padding-start: 16px;
- -moz-padding-end: 16px;
+ padding-inline-start: 16px;
+ padding-inline-end: 16px;
}
}
menulist:not(#menuSearchLocalSystem) > menupopup > menuitem {
- -moz-padding-end: 2px;
+ padding-inline-end: 2px;
}
textbox {
}
.filler {
- -moz-padding-end: 22px;
+ padding-inline-end: 22px;
}
.small-button {
/* ::::: 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");
}
#statusContainerBox {
border-radius: 9px;
margin-top: 3px;
- -moz-padding-end: 9px;
+ padding-inline-end: 9px;
background-color: #8050B0;
color: #000000;
}
}
treechildren::-moz-tree-image(subjectCol) {
- -moz-margin-end: 2px;
+ margin-inline-end: 2px;
}
treechildren::-moz-tree-image(subjectCol, new) {
@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");
}
border: 1px solid #9C9CFF;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: #E7ADE7;
margin-left: auto;
text-align: center;
border: 1px solid #9C9CFF;
border-radius: 10px;
padding: 3em;
- -moz-padding-start: 30px;
+ padding-inline-start: 30px;
background: #000000;
margin-left: auto;
text-align: center;
/* Download View Items */
richlistitem[type="download"] {
padding: 4px;
- -moz-padding-end: 8px;
+ padding-inline-end: 8px;
min-height: 46px;
border-bottom: 1px solid #9C9CFF;
}
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;
}
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 {
}
.boxIndent {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
}
#extensionCreator, .contributor {
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 #8050B0;
}
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 {
.view-pane > .list > scrollbox {
border-radius: 1em 0 0 0;
+/* padding-right: 48px;
+ padding-left: 48px; */
}
#search-list > scrollbox {
background-image: none;
}
-
/*** notification icons ***/
.warning-icon,
.alert-container {
-moz-box-align: center;
- -moz-margin-end: 48px;
+ margin-right: 48px;
+ margin-left: 48px;
}
.alert-spacer-before {
background-color: #E7ADE7;
padding: 2px 8px;
margin: 6px 0;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
border-radius: 100%;
color: #000000;
font-weight: bold;
#header-utils-btn {
list-style-image: url("chrome://mozapps/skin/extensions/utilities.svg#utilities");
- -moz-margin-end: 16px;
+ margin-inline-end: 16px;
}
#header-utils-btn:hover,
}
.view-header {
- margin: 0;
- -moz-margin-end: 48px;
+ margin: 0 48px;
background-color: #9C9CFF;
color: #000000;
border-radius: 8px;
}
#forward-btn {
- -moz-border-start: none;
+ border-inline-start: none;
}
#back-btn:-moz-locale-dir(ltr),
}
.sorter .button-icon {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
}
.discover-logo {
list-style-image: url("chrome://mozapps/skin/extensions/discover-logo.png");
- -moz-margin-end: 15px;
+ margin-inline-end: 15px;
}
.discover-title {
.details {
cursor: pointer;
margin: 0;
- -moz-margin-start: 10px;
+ margin-inline-start: 10px;
}
.icon-container {
}
.content-inner-container {
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
.addon[active="false"] .icon {
}
.description-container {
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
-moz-box-align: center;
font-size: 1.25rem;
}
.pending,
.error,
.info {
- -moz-margin-start: 48px;
+ margin-inline-start: 48px;
font-weight: bold;
-moz-box-align: center;
}
.addon .relnotes-container {
-moz-box-align: start;
- -moz-margin-start: 6px;
+ margin-inline-start: 6px;
height: 0;
overflow: hidden;
opacity: 0;
}
.addon .relnotes-toggle > .button-box > .button-icon {
- -moz-padding-start: 4px;
+ padding-inline-start: 4px;
}
.addon[show-relnotes] .relnotes-toggle {
#search-filter {
padding: 5px 20px;
+/* margin-right: 48px;
+ margin-left: 48px;*/
-moz-box-align: center;
background-color: #000000;
font-size: 120%;
#search-filter-label {
font-weight: bold;
color: #FFCF00;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
#search-allresults-link {
#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;
}
}
#detail-screenshot-box {
- -moz-margin-end: 2em;
+ margin-inline-end: 2em;
/* background-color: white;*/
}
}
#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*/
}
#detail-contrib-btn .button-icon {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
#detail-grid {
font-size: 90.9%;
color: #808080;
margin-top: -2px;
- -moz-margin-start: 2em;
+ margin-inline-start: 2em;
white-space: pre-wrap;
}
/*** creator ***/
.creator > label {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
}
.creator > .text-link {
/*** rating ***/
.meta-rating {
- -moz-margin-end: 0;
+ margin-inline-end: 0;
padding-top: 2px;
}
}
.download-progress .cancel .button-icon {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
.download-progress .cancel {
#disabled-unsigned-addons-info {
margin-bottom: 2em;
- -moz-margin-end: 48px;
+ margin-inline-end: 48px;
}
#disabled-unsigned-addons-heading {
#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");
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;
}
height: 16px;
margin-top: 5px;
margin-bottom: 5px;
- -moz-margin-start: 5px;
- -moz-margin-end: 2px;
+ margin-inline-start: 5px;
+ margin-inline-end: 2px;
}
@media (min-resolution: 1.1dppx) {
color: #FF9F00;
border: 0px solid transparent;
border-bottom: 1px solid #008484;
- -moz-margin-start: 3px;
- -moz-margin-end: 3px;
+ margin-inline-start: 3px;
+ margin-inline-end: 3px;
padding: 5px;
}
}
#itemWarningIntro {
- -moz-margin-start: 8px;
+ margin-inline-start: 8px;
}
#dialogContentBox {
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 #9C9CFF;
margin-bottom: 5px;
}
.alert-icon {
- -moz-margin-end: 20px;
+ margin-inline-end: 20px;
}
.warning {
.xpinstallIconContainer {
width: 32px;
height: 32px;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
}
.xpinstallItemName {
color: #FFCF00;
margin-top: 1px;
margin-bottom: 1px;
- -moz-margin-start: 6px;
- -moz-margin-end: 5px;
+ margin-inline-start: 6px;
+ margin-inline-end: 5px;
}
.xpinstallItemIcon {
richlistitem[type] {
min-height: 36px; /* Don't forget to update the richlistbox height! */
- -moz-padding-start: 2px;
+ padding-inline-start: 2px;
}
richlistitem {
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("mozapps/skin/plugins/contentPluginClose.png");
}
.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 {
.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 {
}
#defaultAppName {
- -moz-margin-start: 6px !important;
+ margin-inline-start: 6px !important;
}
}
#licenseContent, #incompatibleListbox {
- -moz-margin-start: 6px;
- -moz-margin-end: 6px;
+ margin-inline-start: 6px;
+ margin-inline-end: 6px;
}
.inline-link {
/* Unsupported Page */
#unsupportedLabel, #unsupportedLinkLabel {
- -moz-margin-start: 0;
- -moz-padding-start: 0;
+ margin-inline-start: 0;
+ padding-inline-start: 0;
}
/* Update Found Basic Page */
}
#downloadStatusProgress {
- -moz-padding-end: 5px;
+ padding-inline-end: 5px;
}
#pauseButton {
}
#verificationFailedIcon {
- -moz-margin-start: 5px;
+ margin-inline-start: 5px;
list-style-image: url("chrome://global/skin/icons/notfound.png");
}
#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;
}
-moz-box-align: center;
padding: 0 1px;
border-left: 3px solid #000000;
- -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 {
/* ::::: 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 {
border-radius: 5px;
margin: 0;
- -moz-margin-start: 3px;
+ margin-inline-start: 3px;
/* make color as light as possible to deal with dark non-domain parts */
color: #FFBFFF;
}
.popup-notification-icon {
width: 64px;
height: 64px;
- -moz-margin-end: 10px;
+ margin-inline-end: 10px;
}
.popup-notification-icon[popupid="geolocation"] {
/* Notification icon box */
#notification-popup-box {
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
}
.notification-anchor-icon:-moz-focusring {
.click-to-play-plugins-notification-icon-box {
background-color: #000000;
- -moz-border-end: 1px solid #FF9F00;
+ border-inline-end: 1px solid #FF9F00;
padding-top: 16px;
- -moz-padding-end: 16px;
- -moz-padding-start: 24px;
- -moz-margin-start: 4px;
+ padding-inline-end: 16px;
+ padding-inline-start: 24px;
+ margin-inline-start: 4px;
margin-top: 4px;
margin-bottom: 4px;
}
.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 {
border-top: 1px solid #FF9F00;
border-bottom: 1px solid #FF9F00;
background-color: #000000;
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.click-to-play-plugins-notification-button-container {
/* ::::: autocomplete ::::: */
.autocomplete-treebody::-moz-tree-cell-text(value) {
- -moz-padding-start: 13px;
+ padding-inline-start: 13px;
}
.autocomplete-treebody::-moz-tree-cell-text(comment) {
}
.autocomplete-search-engine-img {
- -moz-margin-end: 4px;
+ margin-inline-end: 4px;
}
.autocomplete-history-dropmarker:hover {
#go-button {
margin: 0;
padding: 2px 0;
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
background-color: #000000;
}
/* ::::: throbber ::::: */
#throbber-box {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
/* ::::: security button ::::: */
}
textbox.header {
- -moz-margin-start: 0;
+ margin-inline-start: 0;
}
textbox.meta-properties {
#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 #9C9CFF;
}
.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 #9C9CFF;
}
.tab-icon {
margin-top: 1px;
- -moz-margin-end: 3px;
+ margin-inline-end: 3px;
width: 16px;
height: 16px;
}
}
.tabbrowser-tab:first-of-type {
- -moz-margin-start: 2px;
+ margin-inline-start: 2px;
}
tabbrowser > tabbox > tabpanels {
.tab-drop-indicator-bar {
height: 11px;
margin-top: -11px;
- -moz-margin-start: -6px;
+ margin-inline-start: -6px;
position: relative;
}
text-shadow: none;
background-color: #FF0000;
border-radius: 1px;
- -moz-margin-end: 5px;
+ margin-inline-end: 5px;
/*
Firefox browser/themes/windows/browser.css
color: #FDF3DE;
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;
*/
}
projects / themes.git / commitdiff
