mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-01-12 23:12:21 +00:00
ab07cce446
Differential Revision: https://phabricator.services.mozilla.com/D37805 --HG-- extra : moz-landing-system : lando
108 lines
1.6 KiB
CSS
108 lines
1.6 KiB
CSS
/* 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/. */
|
|
|
|
h1 {
|
|
margin: 0 0 40px 0;
|
|
}
|
|
|
|
h3 {
|
|
font-size: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
p {
|
|
margin: 0 0 20px 0;
|
|
}
|
|
|
|
#main {
|
|
max-width: 830px;
|
|
margin: 40px auto 0 auto;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#header {
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
#header > img {
|
|
height: 52px;
|
|
}
|
|
|
|
@supports -moz-bool-pref("browser.in-content.dark-mode") {
|
|
@media (prefers-color-scheme: dark) {
|
|
#header > img {
|
|
-moz-context-properties: fill;
|
|
fill: currentColor;
|
|
}
|
|
}
|
|
}
|
|
|
|
#content {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
#info {
|
|
flex: 1;
|
|
max-width: 420px;
|
|
}
|
|
|
|
#sync {
|
|
width: 250px;
|
|
text-align: center;
|
|
}
|
|
|
|
#sync-header {
|
|
font-size: 1.9em;
|
|
}
|
|
|
|
#sync-label {
|
|
font-size: 113%;
|
|
font-weight: bolder;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#sync-input-container {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#sync-input {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 40px;
|
|
padding-inline-start: 20px;
|
|
}
|
|
|
|
#sync-terms {
|
|
font-size: 87%;
|
|
margin-bottom: 20px;
|
|
color: var(--in-content-deemphasized-text);
|
|
}
|
|
|
|
#sync-terms a,
|
|
#sync-terms a:hover,
|
|
#sync-terms a:visited {
|
|
color: inherit;
|
|
}
|
|
|
|
#sync-button-container {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
#sync-button {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 42px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#sync-first, #sync-learn {
|
|
font-size: 87%;
|
|
color: var(--in-content-deemphasized-text);
|
|
margin-bottom: 0;
|
|
text-align: start;
|
|
margin-inline: 4px; /* Align with input and button */
|
|
}
|