Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
102 lines
1.9 KiB
CSS
Executable file
102 lines
1.9 KiB
CSS
Executable file
/*
|
|
* 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;
|
|
}
|
|
}
|