Stephen Thompson
e7ffeb192d
Updated HTML backup restore instructions based on the updated design spec and content spec. Differential Revision: https://phabricator.services.mozilla.com/D265693
114 lines
1.7 KiB
CSS
114 lines
1.7 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 https://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
body[is-moz-browser] .other-browser,
|
|
body:not([is-moz-browser]) .moz-browser {
|
|
display: none;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
font: message-box;
|
|
font-size: 15px;
|
|
width: 28.5rem;
|
|
height: 100vh;
|
|
justify-content: safe center;
|
|
margin: auto;
|
|
color: #15141a;
|
|
}
|
|
|
|
img {
|
|
width: 80px;
|
|
height: 80px;
|
|
align-self: center;
|
|
margin-block-end: 0.75rem;
|
|
}
|
|
|
|
h1 {
|
|
text-align: center;
|
|
font-weight: 600;
|
|
margin-block: 1rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
strong {
|
|
font-weight: 600;
|
|
}
|
|
|
|
a {
|
|
color: #285ed7;
|
|
}
|
|
|
|
dl {
|
|
border: 1px solid #cfcfd8;
|
|
border-radius: 8px;
|
|
font-size: 14px;
|
|
margin-block: 0.75rem;
|
|
padding: 0.5rem 1rem;
|
|
|
|
& > * {
|
|
margin-block: 0.25rem;
|
|
}
|
|
}
|
|
|
|
dt {
|
|
font-weight: 600;
|
|
float: inline-start;
|
|
clear: inline-start;
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
|
|
dd {
|
|
float: inline-start;
|
|
margin-inline: 0;
|
|
}
|
|
|
|
#backup-file-path-value {
|
|
background-color: #f9f9fb;
|
|
border: 1px solid #cfcfd8;
|
|
border-radius: 4px;
|
|
padding: 0.5rem;
|
|
clear: inline-start;
|
|
margin-block: 0.5rem;
|
|
}
|
|
|
|
ol {
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
list-style-position: inside;
|
|
padding-inline-start: 0;
|
|
margin-block: 0.75rem;
|
|
}
|
|
|
|
ol > li {
|
|
margin-block: 1rem;
|
|
}
|
|
|
|
a.button-link {
|
|
appearance: none;
|
|
color: #fbfbfe;
|
|
border: 1px solid transparent;
|
|
border-radius: 4px;
|
|
background-color: #0060df;
|
|
font-size: 13px;
|
|
margin-inline-start: 0.75rem;
|
|
padding: 0.5rem 1rem;
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
background-color: #0250bb;
|
|
|
|
&:active {
|
|
background-color: #073072;
|
|
}
|
|
}
|
|
}
|