min-width: 26px;
}
+.learnMore {
+ margin-inline-start: 1.5em;
+ font-weight: normal;
+ white-space: nowrap;
+}
+
/* Category List */
#categories {
/* header */
+.header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.header[hidden=true] {
+ display: none;
+}
+
#header-advanced {
border-bottom: none;
padding-bottom: 0;
}
/* Content pane */
-#playDRMContentLink {
- /* Line up with the buttons in the other grid bits: */
- margin-left: 4px !important;
- margin-right: 4px !important;
-}
-
-#notificationsPolicyLearnMore {
- margin-inline-start: 1.5em !important;
-}
-
#defaultFontSizeLabel {
/* !important needed to override common !important rule */
margin-inline-start: 4px !important;
/* Privacy pane */
-.doNotTrackLearnMore,
-#trackingProtectionPBMLearnMore,
-#trackingProtectionLearnMore {
- margin-inline-start: 1.5em !important;
- margin-top: 0;
+.doNotTrackLearnMore {
+ margin-inline-start: calc(1em + 30px);
+ margin-bottom: 1em;
font-weight: normal;
}
+.doNotTrackLearnMore > label {
+ font-size: 1em !important;
+ margin-left: 0;
+}
+
/* Collapse the non-active vboxes in decks to use only the height the
active vbox needs */
#historyPane:not([selectedIndex="1"]) > #historyDontRememberPane,
}
#noFxaAccount {
- /* Overriding the margins from the base preferences.css theme file.
- These overrides can be simplified by fixing bug 1027174 */
- margin: 0;
+ padding-top: 15px;
}
#weavePrefsDeck > vbox > label,
/* margin-inline-end: 4px; / add the 4px end-margin of other elements */
}
-#telemetryLearnMore,
-#FHRLearnMore,
-#crashReporterLearnMore {
- /* provide some margin between the links and the label text */
- /* !important is needed to override the rules defined in common.css */
- margin-inline-start: 20px !important;
- /* center the links */
- margin-top: 8px;
- margin-bottom: 8px;
-}
-
.indent {
/* !important needed to override margin-inline-start:0 !important; rule
define in common.css for labels - but not in LCARStrek*/
#dialogFrame {
-moz-box-flex: 1;
/* Default dialog dimensions */
- height: 20em;
width: 66ch;
}
-moz-box-align: start;
}
-#syncStatusMessage {
- visibility: collapse;
- opacity: 0;
- transition: opacity 1s linear;
- padding: 14px 8px 14px 14px;
- border-radius: 2px;
-}
-
-#syncStatusMessage[message-type] {
- visibility: visible;
- opacity: 1;
-}
-
-#syncStatusMessage[message-type="verify-success"] {
- background-color: #008484;
-}
-
-#syncStatusMessage[message-type="verify-error"] {
- background-color: #FF0000;
-}
-
-#syncStatusMessage[message-type="migration"] {
- background-color: #FF9F00;
-}
-
-#syncStatusMessageWrapper {
- -moz-box-flex: 1;
- padding-right: 5px;
-}
-
-#syncStatusMessageTitle, #syncStatusMessageDescription {
- color: #9C9CFF;
-}
-
-#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle {
- display: none;
-}
-
-#syncStatusMessageTitle {
- font-weight: bold !important;
- font-size: 16px;
- line-height: 157%;
- margin: 0 0 20px;
-}
-
-#syncStatusMessageDescription {
- font-size: 14px;
- line-height: 158%;
- margin: 0 !important;
-}
-
-#syncStatusMessageClose {
- margin: 0px;
-}
-
-#syncStatusMessage {
- visibility: collapse;
- opacity: 0;
- transition: opacity 1s linear;
- padding: 14px 8px 14px 14px;
- border-radius: 2px;
-}
-
-#syncStatusMessage[message-type] {
- visibility: visible;
- opacity: 1;
-}
-
-#syncStatusMessage[message-type="verify-success"] {
- background-color: #008484;
-}
-
-#syncStatusMessage[message-type="verify-error"] {
- background-color: #FF0000;
-}
-
-#syncStatusMessage[message-type="migration"] {
- background-color: #FFCF00;
-}
-
-#syncStatusMessageWrapper {
- -moz-box-flex: 1;
- padding-right: 5px;
-}
-
-#syncStatusMessageTitle, #syncStatusMessageDescription {
- color: #A09090;
-}
-
-#syncStatusMessage[message-type="migration"] #syncStatusMessageTitle {
- display: none;
-}
-
-#syncStatusMessageTitle {
- font-weight: bold !important;
- font-size: 16px;
- line-height: 157%;
- margin: 0 0 20px;
-}
-
-#syncStatusMessageDescription {
- font-size: 14px;
- line-height: 158%;
- margin: 0 !important;
-}
-
-#syncStatusMessageClose {
- margin: 0px;
-}
-
#fxaSyncEngines > vbox:first-child {
margin-right: 80px;
}
.fxaAccountBoxButtons {
margin-bottom: 0 !important;
margin-top: 11px;
+ display: flex;
+ align-items: center;
}
.fxaAccountBoxButtons > * {
}
.fxaAccountBoxButtons > button:first-child {
- margin-right: 14px !important;
+ margin-inline-end: 14px !important;
}
.fxaSyncIllustration {