mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
5d41d30a08
On startup of a fresh dedicated profile show a welcome page and a modal dialog to explain what has happened. --HG-- extra : rebase_source : 1505cf27f900070debc1f9e1c71ec4bef3bc099d extra : source : 05200c5388b4f7adc4414268727458515d7b9ed9
102 lines
1.4 KiB
CSS
102 lines
1.4 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;
|
|
}
|
|
|
|
#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(--grey-50);
|
|
}
|
|
|
|
#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;
|
|
padding: 8px 0;
|
|
margin: 0;
|
|
color: #FFF !important;
|
|
background-color: var(--blue-50);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
#sync-first, #sync-learn {
|
|
font-size: 87%;
|
|
color: var(--grey-50);
|
|
margin-bottom: 0;
|
|
text-align: start;
|
|
}
|