.category-name {
display: none;
}
+ .help-button {
+ font-size: 0 !important;
+ }
}
+
/* header */
.header {
* Dialog
*/
-#dialogOverlay {
- background-color: rgba(0,0,0,0.75);
+.dialogOverlay {
visibility: hidden;
}
-#dialogBox {
+.dialogOverlay[topmost="true"] {
+ background-color: rgba(0,0,0,0.75);
+}
+
+.dialogBox {
background-color: #000000;
background-clip: content-box;
color: #FF9F00;
padding-left: 6px;
}
-#dialogBox[resizable="true"] {
+.dialogBox[resizable="true"] {
resize: both;
overflow: hidden;
min-height: 20em;
min-width: 66ch;
}
-#dialogBox > .groupbox-title {
+.dialogBox > .groupbox-title {
margin-inline-start: 0;
margin-inline-end: 0;
/* padding: 3.5px 0;
background-color: #F1F1F1; */
}
-#dialogTitle {
+.dialogTitle {
text-align: center;
-moz-user-select: none;
}
min-width: 0;
}
-#dialogBox > .groupbox-title > caption {
+.dialogBox > .groupbox-title > caption {
margin: 0;
border-radius: 1000px;
background-color: #A09090;
}
-#dialogBox > .groupbox-body {
+.dialogBox > .groupbox-body {
-moz-appearance: none;
padding: 0;
}
-#dialogFrame {
+.dialogFrame {
-moz-box-flex: 1;
/* Default dialog dimensions */
width: 66ch;
.fxaSyncIllustration {
margin-top: 35px;
+ width: 231px;
+ -moz-context-properties: fill;
+ fill: #9C9CFF;
}
#syncOptions caption {
margin-inline-end: 14px !important;
}
-.fxaSyncIllustration {
- width: 231px;
-}
-
#fxaLoginStatus[hasName] #fxaEmailAddress1 {
font-size: 1.1rem;
}
}
}
+#updateDeck > hbox > label {
+ margin-inline-end: 5px ! important;
+}
+
+.update-throbber {
+ width: 16px;
+ min-height: 16px;
+ margin-inline-end: 3px;
+ list-style-image: url("chrome://global/skin/icons/loading.png");
+}
+
+@media (min-resolution: 1.1dppx) {
+ .update-throbber {
+ list-style-image: url("chrome://global/skin/icons/loading@2x.png");
+ }
+}
+
+.help-button {
+ position: fixed;
+ left: 3px;
+ /* Needs to have enough gap from the bottom to not
+ get behind the status panel (bug 1357841). */
+ bottom: 2rem;
+ font-size: 13px;
+ line-height: 13px;
+ height: 14px;
+ background-position: 5px;
+ padding-inline-start: 25px;
+ white-space: nowrap;
+ background-color: var(--in-content-category-background);
+ width: auto;
+ padding-inline-end: 10px;
+ border: 3px solid black;
+ border-radius: 0 300px 300px 0;
+}
+
+.help-button:-moz-locale-dir(rtl) {
+ left: auto;
+ right: 0;
+ background-position: right 15px top 0;
+}
+
+.help-button:link,
+.help-button:visited {
+ color: var(--in-content-category-text);
+ text-decoration: none;
+}
+
+.help-button:hover {
+ background-image: url("chrome://global/skin/in-content/help-glyph.svg#help-inverted");
+ color: var(--in-content-category-text-selected);
+ background-color: var(--in-content-category-background-hover);
+ border-color: var(--in-content-category-background-hover);
+}
+
/* === END shared/incontentprefs/preferences.inc.css === */
caption {