423A35C7/pytorch3d
1
0
Fork 0
mirror of https://github.com/facebookresearch/pytorch3d.git synced 2025-08-02 03:42:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

update website css on mobile

Browse Source 
Summary: Updated media queries for website on mobile.

Reviewed By: gkioxari

Differential Revision: D19745526

fbshipit-source-id: a8dc25fcc04726056231d2e1ebeb581251be9324
This commit is contained in:
Nikhila Ravi 2020-02-05 10:54:17 -08:00 committed by Facebook Github Bot
parent 10ec66dadb
commit 3c9f06581a
1 changed files with 40 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
website/static/css/custom.css
View File

@ -63,14 +63,13 @@ html body {
rgba(129, 44, 229, 1) 0%, rgba(129, 44, 229, 1) 0%,
rgba(255, 175, 0, 1) 100% rgba(255, 175, 0, 1) 100%
); );
padding: 30px 0px; padding: 25px 0px;
} }
.splashLogo { .splashLogo {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
height: 200px; width: 65%;
width: 800px;
} }
.projectTitle { .projectTitle {
@ -128,7 +127,10 @@ div.productShowcaseSection {
} }
.productShowcaseSection div.container { .productShowcaseSection div.container {
padding: 40px 0px; padding-bottom: 40px;
padding-top: 10px;
padding-left: 0px;
padding-right: 0px;
} }
.productShowcaseSection img { .productShowcaseSection img {
@ -289,13 +291,44 @@ p a:hover {
max-width: 1400px; max-width: 1400px;
} }
@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
}
@media only screen and (min-width: 1024px) { @media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
.fixedHeaderContainer header a:nth-child(2) {
position: absolute;
right: 150px;
}
.promoSection .button {
font-size: 12px;
margin: 3px;
}
.inner h2 {
margin-top: 0px;
}
.splashLogo {
width: 90%;
}
.headerTitleWithLogo {
display: block !important;
}
.blockContent > div span p {
margin-bottom: 30px
}
.productShowcaseSection div.container {
padding-top: 0px;
}
.productShowcaseSection > h2 {
padding-bottom: 20px;
}
} }
@media only screen and (max-width: 1023px) { @media only screen and (max-width: 1023px) {
.fixedHeaderContainer header a:nth-child(2) {
position: absolute;
right: 200px;
}
}
@media only screen and (min-width: 1024px) {
} }
@media only screen and (min-width: 1400px) { @media only screen and (min-width: 1400px) {