b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
102 lines
1.9 KiB
CSS
102 lines
1.9 KiB
CSS
/*
|
|
* This is the responsive part for tablet.
|
|
*/
|
|
@media (min-width: 768px) {
|
|
|
|
/*
|
|
* #languages
|
|
*/
|
|
#languages {
|
|
background-position: 0 100%;
|
|
}
|
|
|
|
/*
|
|
* #date_and_time
|
|
*/
|
|
#time_zone_map {
|
|
background-position: center 0;
|
|
}
|
|
|
|
/*
|
|
* #welcome_browser
|
|
*/
|
|
#welcome_browser #form_share_statistics label {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
* #ftu
|
|
*/
|
|
.step-img-base {
|
|
width: 82.2rem;
|
|
}
|
|
|
|
.finish-screen-base .content,
|
|
.tutorial-finish-base .content {
|
|
height: calc(100% - 10rem);
|
|
}
|
|
|
|
.finish-screen-base .content {
|
|
background: #2d2d2d url(images/start_for_large.png) no-repeat center center;
|
|
}
|
|
|
|
.finish-screen-base .content .for-tiny {
|
|
display: none;
|
|
}
|
|
|
|
.finish-screen-base .content .for-large {
|
|
display: block;
|
|
text-align: center;
|
|
position: relative;
|
|
top: calc(50% + 13rem);
|
|
}
|
|
|
|
.finish-screen-base .content p[data-l10n-id="startYourTablet"] {
|
|
font-size: 3.2rem;
|
|
}
|
|
|
|
.finish-screen-base .content:before {
|
|
content: " ";
|
|
height: 0.1rem;
|
|
width: calc(100% - 3rem);
|
|
position: absolute;
|
|
top: 1.5rem;
|
|
margin-inline-start: -1.5rem;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.tutorial-finish-base .content {
|
|
height: 100%;
|
|
width: 100%;
|
|
padding: 0;
|
|
background: url(images/thumb_up2.png) no-repeat center 40%,
|
|
url(images/arrow_up.png) no-repeat center bottom;
|
|
}
|
|
|
|
.tutorial-finish-base p {
|
|
position: relative;
|
|
text-align: center;
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.tutorial-finish-base p[data-l10n-id="thatsIt1Tablet-2"] {
|
|
font-size: 2.5rem;
|
|
width: 52rem;
|
|
top: calc(40% + 14rem);
|
|
}
|
|
|
|
.tutorial-finish-base p[data-l10n-id="thatsIt2Tablet-2"] {
|
|
font-size: 4.7rem;
|
|
top: calc(100% + 2rem);
|
|
}
|
|
|
|
.tutorial-screen-base header {
|
|
padding: 5.1rem 22.5rem 2rem;
|
|
font-size: 2.5rem;
|
|
width: 81.4rem;
|
|
height: 6rem;
|
|
margin: 0 auto;
|
|
}
|
|
}
|