* 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;
}