diff --git a/pytorch_sphinx_theme/layout.html b/pytorch_sphinx_theme/layout.html index ec98e804..5a7e18a5 100644 --- a/pytorch_sphinx_theme/layout.html +++ b/pytorch_sphinx_theme/layout.html @@ -108,23 +108,18 @@
Get Started -

Run PyTorch locally or get started quickly with one of the supported cloud platforms

 Tutorials -

Whats new in PyTorch tutorials

 Learn the Basics -

Familiarize yourself with PyTorch concepts and modules

 PyTorch Recipes -

Bite-size, ready-to-deploy PyTorch code examples

 Intro to PyTorch - YouTube Series -

Master PyTorch basics with our engaging YouTube tutorial series
@@ -136,25 +131,20 @@ Ecosystem
- + Tools -

Learn about the tools and frameworks in the PyTorch Ecosystem

 Community -

Join the PyTorch developer community to contribute, learn, and get your questions answered

 Forums -

A place to discuss PyTorch code, issues, install, research

 Developer Resources -

Find resources and get questions answered

 - Contributor Awards - 2024 -

Award winners announced at this year's PyTorch Conference

+ Contributor Awards
@@ -167,12 +157,10 @@
- About PyTorch Edge -

Build innovative and privacy-aware AI experiences for edge devices

+ PyTorch Edge ExecuTorch -

End-to-end solution for enabling on-device inference capabilities across mobile and edge devices

 ExecuTorch Docs @@ -189,11 +177,9 @@
PyTorch -

Explore the documentation for comprehensive guidance on how to use PyTorch

 - PyTorch Domains -

Read the PyTorch Domains documentation to learn more about domain-specific libraries

+ Domains
@@ -206,27 +192,21 @@
- PyTorch Blog -

Catch up on the latest technical news and happenings

+ Blog Community Blog -

Stories from the PyTorch ecosystem

 Videos -

Learn about the latest PyTorch tutorials, new, and more

- Community Stories -

Learn how our community solves real, everyday machine learning problems with PyTorch

+ Case Studies Events -

Find events, webinars, and podcasts

 Newsletter -

Stay up-to-date with the latest updates
@@ -239,22 +219,21 @@
PyTorch Foundation -

Learn more about the PyTorch Foundation

 Governing Board - - Cloud Credit Program - Technical Advisory Council + + Cloud Credit Program + Staff - Contact Us + Contact
@@ -263,7 +242,7 @@
  • - Become a Member + Join PyTorch
    • @@ -489,70 +468,68 @@

    Resources

    {% include "cookie_banner.html" %} @@ -599,7 +576,7 @@

    Resources

    @@ -621,7 +598,7 @@

    Resources

    @@ -652,7 +629,7 @@

    Resources

    diff --git a/pytorch_sphinx_theme/static/css/theme.css b/pytorch_sphinx_theme/static/css/theme.css index c04db2d2..45e4f55b 100644 --- a/pytorch_sphinx_theme/static/css/theme.css +++ b/pytorch_sphinx_theme/static/css/theme.css @@ -31,7 +31,7 @@ --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; - --breakpoint-xl: 1200px; + --breakpoint-xl: 1100px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } @@ -1572,7 +1572,7 @@ pre code { margin-left: 91.6666666667%; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; @@ -4146,7 +4146,7 @@ tbody.collapse.show { padding-left: 0; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; @@ -6215,7 +6215,7 @@ button.bg-dark:focus { display: inline-flex !important; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .d-xl-none { display: none !important; } @@ -6989,7 +6989,7 @@ button.bg-dark:focus { align-self: stretch !important; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; @@ -7203,7 +7203,7 @@ button.bg-dark:focus { float: none !important; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .float-xl-left { float: left !important; } @@ -8575,7 +8575,7 @@ button.bg-dark:focus { margin-left: auto !important; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .m-xl-0 { margin: 0 !important; } @@ -8953,7 +8953,7 @@ button.bg-dark:focus { text-align: center !important; } } -@media (min-width: 1200px) { +@media (min-width: 1100px) { .text-xl-left { text-align: left !important; } @@ -9699,12 +9699,12 @@ pre { top: 0; width: 100%; z-index: 9999; - background-color: #ffffff; + background-color: #222222; border-bottom: 1px solid #e2e2e2; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-holder { - height: 90px; + height: 70px; } } @@ -9727,7 +9727,7 @@ pre { .header-container { *zoom: 1; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-container { display: block; } @@ -9743,13 +9743,13 @@ pre { float: left; z-index: 10; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-logo { - background-size: 108px 27px; + background-size: 115px 34px; position: absolute; - height: 27px; - width: 108px; - top: 4px; + height: 34px; + width: 115px; + top: 18px; float: none; } } @@ -9765,7 +9765,7 @@ pre { right: 0; top: 4px; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .main-menu-open-button { display: none; } @@ -9774,7 +9774,7 @@ pre { .header-holder .main-menu { display: none; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-holder .main-menu { display: -webkit-box; display: -ms-flexbox; @@ -9837,13 +9837,13 @@ pre { } .header-holder .main-menu ul li a { color: #ffffff; - font-size: 1.2rem; + font-size: 1.1rem; letter-spacing: 0; - line-height: 2.125rem; + line-height: 4.125rem; text-align: center; text-decoration: none; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-holder .main-menu ul li a:hover { color: #e44c2c; } @@ -9945,89 +9945,6 @@ pre { line-height: 34px; } -.site-footer { - padding: 2.5rem 0; - width: 100%; - background: #000000; - background-size: 100%; - margin-left: 0; - margin-right: 0; - position: relative; - z-index: 201; -} -@media screen and (min-width: 768px) { - .site-footer { - padding: 5rem 0; - } -} - -.site-footer p { - color: #ffffff; -} -.site-footer ul { - list-style-type: none; - padding-left: 0; - margin-bottom: 0; -} - -.site-footer ul li { - font-size: 1.125rem; - line-height: 2rem; - color: #A0A0A1; - padding-bottom: 0.375rem; -} -.site-footer ul li.list-title { - padding-bottom: 0.75rem; - color: #ffffff; -} -.site-footer a:link, -.site-footer a:visited { - color: inherit; -} -@media screen and (min-width: 768px) { - .site-footer a:hover { - color: #e44c2c; - } -} - -.site-footer .privacy-policy { - background: #000000; - display: flex; - border-bottom: 1px solid white; - padding-bottom: 10px; -} - -.site-footer .privacy-policy-links { - background: #000000; - display: flex; - padding-top: 1rem; - padding-right: 1rem; - display: inline-flex; - color: white; -} - -.site-footer .footer-links-wrapper { - display: flex; - flex-wrap: wrap; - border-bottom: 1px solid white; - padding-bottom: 1rem; -} - -.site-footer .copyright { - padding-top: 1rem; - padding-right: 1rem; - display: inline-flex; - color: white; -} - -.site-footer .copyright p { - color: white; -} - -.site-footer .copyright a { - color: red; -} - .docs-tutorials-resources { background-color: #262626; color: #ffffff; @@ -10035,6 +9952,7 @@ pre { padding-bottom: 2.5rem; position: relative; z-index: 201; + margin-top: 3em; } @media screen and (min-width: 768px) { .docs-tutorials-resources { @@ -10098,7 +10016,6 @@ pre { @media screen and (min-width: 768px) { .footer-logo-wrapper { - position: absolute; top: 0; left: 30px; } @@ -10192,10 +10109,6 @@ pre { background-repeat: no-repeat; } -.site-footer .mc-field-group { - margin-top: -2px; -} - article.pytorch-article { max-width: 920px; margin: 0 auto; @@ -10375,7 +10288,7 @@ ul.pytorch-breadcrumbs a { -webkit-transform: rotate(180deg); transform: rotate(180deg); } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .table-of-contents-link-wrapper { display: none; } @@ -10394,27 +10307,32 @@ ul.pytorch-breadcrumbs a { } .tutorials-header .header-logo { - background-image: url("../images/logo-dark.svg"); + background-image: url("../images/logo.svg"); } .tutorials-header .main-menu ul li a { - color: #262626; -} - -.tutorials-header .main-menu ul li a:hover { - color: #262626; + color: #fff; } .tutorials-header .main-menu .no-dropdown { display: block; + background-color: #de3412; + height: 35px; + border-radius: 4px; + -webkit-border-radius: 4px; + text-transform: uppercase; +} + +.tutorials-header .main-menu .no-dropdown:hover { + opacity: 0.85; } .tutorials-header .main-menu .no-dropdown a { - color: #262626; + margin: 10px 20px; + line-height: 2rem; } .tutorials-header .main-menu .no-dropdown a:hover { - color: #262626 !important; - border-bottom: 2px solid #262626; + color: #fff; } .tutorials-header .main-menu-open-button { @@ -10558,7 +10476,7 @@ article.pytorch-article .sphx-glr-thumbcontainer { text-align: center; margin-bottom: 5%; } -@media screen and (max-width: 1200px) { +@media screen and (max-width: 1100px) { article.pytorch-article .sphx-glr-thumbcontainer:nth-child(odd) { margin-left: 0; margin-right: 2.5%; @@ -10571,7 +10489,7 @@ article.pytorch-article .sphx-glr-thumbcontainer { width: 40%; } } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { article.pytorch-article .sphx-glr-thumbcontainer { margin-right: 3%; margin-bottom: 3%; @@ -11243,7 +11161,7 @@ article.pytorch-article .math img { .pytorch-breadcrumbs-wrapper { width: 100%; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-breadcrumbs-wrapper { float: left; margin-left: 3%; @@ -11292,12 +11210,6 @@ a:hover { color: #ee4c2c; } -@media screen and (min-width: 768px) { - .site-footer a:hover { - color: #ee4c2c; - } -} - .docs-tutorials-resources a { color: #ee4c2c; } @@ -11313,7 +11225,7 @@ a:hover { .header-holder .main-menu ul li.active a { color: #ee4c2c; } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .header-holder .main-menu ul li a:hover { color: #ee4c2c; } @@ -11343,7 +11255,7 @@ a:hover { padding-top: 0; } } -@media (min-width: 1200px) and (max-width: 1239px) { +@media (min-width: 1100px) and (max-width: 1239px) { .pytorch-call-to-action-links { padding-top: 2.5rem; } @@ -11673,12 +11585,12 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { width: auto; position: relative; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-container { padding: 0; } } -@media screen and (min-width: 1200px) { +@media screen and (min-width: 1100px) { .pytorch-container { margin-left: 25%; } @@ -11717,7 +11629,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .pytorch-content-wrap { *zoom: 1; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-content-wrap { padding-top: 45px; float: left; @@ -11743,7 +11655,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { margin-top: 2.5rem; width: 100%; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-content-left { margin-top: 0; margin-left: 3%; @@ -11773,7 +11685,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { overflow-x: hidden; overflow-y: hidden; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-content-right { display: block; margin-left: 0; @@ -11788,7 +11700,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { } } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-side-scroll { position: relative; overflow-x: hidden; @@ -11800,7 +11712,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .pytorch-menu-vertical { padding: 1.25rem 1.875rem 2.5rem 1.875rem; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-menu-vertical { display: block; padding-top: 0; @@ -11821,7 +11733,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { color: #262626; overflow: scroll; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-left-menu { display: block; overflow-x: hidden; @@ -11874,7 +11786,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .pytorch-left-menu-search { margin-bottom: 2.5rem; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-left-menu-search { margin: 1.25rem 0.625rem 1.875rem 0; } @@ -11932,7 +11844,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { outline: 0; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-left-menu .pytorch-side-scroll { width: 120%; } @@ -11952,7 +11864,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { padding-top: 0; position: relative; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-right-menu { width: 100%; } @@ -12057,7 +11969,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { font-size: 1.375rem; color: #ee4c2c; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-left-menu li.toctree-l1.current > a:before, .pytorch-right-menu li.toctree-l1.current > a:before { left: -20px; @@ -12183,7 +12095,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .pytorch-right-menu .pytorch-side-scroll { padding-top: 20px; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-right-menu .pytorch-side-scroll { width: 120%; } @@ -12219,7 +12131,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { max-width: none; margin-top: 4px; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .header-container { margin-top: 0; } @@ -12240,7 +12152,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { padding-right: 1.875rem; padding-left: 1.875rem; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .header-holder .container { padding-right: 1.875rem; padding-left: 1.875rem; @@ -12271,7 +12183,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { background-color:#88888833; } -@media screen (min-width: 1201px) { +@media screen (min-width: 1100px) { .header-holder .main-menu .github-icon { background-image: url("../images/pytorch-github.svg"); color: white; @@ -12286,7 +12198,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { } } -@media screen (min-width: 1201px) { +@media screen (min-width: 1100px) { .header-holder .main-menu .github-icon:hover { background-color:#88888833; } @@ -12311,7 +12223,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .header-holder .main-menu ul { padding-left: 0; margin-left: 26%; @@ -12334,7 +12246,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { width: 100%; z-index: 201; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-page-level-bar { left: 0; display: -webkit-box; @@ -12375,7 +12287,7 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .pytorch-shortcuts-wrapper { display: none; } -@media screen and (min-width: 1201px) { +@media screen and (min-width: 1100px) { .pytorch-shortcuts-wrapper { font-size: 0.875rem; float: left; @@ -12481,8 +12393,8 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { } .resources-dropdown-menu { - left: -75px; - width: 300px; + left: -50px; + width: 250px; display: none; position: absolute; z-index: 1000; @@ -12491,10 +12403,10 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { min-width: 10rem; padding: 0.5rem 0; font-size: 1rem; - color: #212529; + color: #fff; text-align: left; list-style: none; - background-color: #ffffff; + background-color: rgb(34, 34, 34); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; @@ -12506,15 +12418,15 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { .main-menu ul li .resources-dropdown-menu { border-radius: 0; - padding: 0; + padding: 20px 5px; + border-top: 1px solid #fff; } .main-menu ul li.active:hover .resources-dropdown-menu { display: block; } .main-menu ul li .resources-dropdown-menu .dropdown-item { - color: #262626; - border-bottom: 1px solid #e2e2e2; + color: #fff; } .resources-dropdown .with-down-orange-arrow { @@ -12526,23 +12438,32 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { background-repeat: no-repeat; } -.with-down-arrow { - padding-right: 2rem; - position: relative; - background-image: url("../images/chevron-down-black.svg"); - background-size: 14px 18px; - background-position: top 7px right 10px; - background-repeat: no-repeat; - +.with-down-arrow a { + color: #fff; } - -.with-down-arrow a { - color: #262626; +.with-down-arrow::after { + transform-origin: 0px 0px; + bottom: 18px; + transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1); + border-color: #ee4c2c; + position: absolute; + display: block; + left: 0; + width: 100%; + transform: scaleX(0); + border-top: 2px solid #ee4c2c; + content: ""; + padding-bottom: inherit; } +.resources-dropdown:hover .with-down-arrow::after { + transform: scaleX(1); + backface-visibility: hidden; +} + .main-menu ul li a.with-down-arrow:hover { - color: #262626; + color: #fff; } .with-down-arrow:hover { @@ -12558,13 +12479,12 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { font-size: 1rem; line-height: 1.3125rem; width: 100%; - padding: 0.25rem 1.5rem; + padding: 0.5rem 1.5rem; clear: both; font-weight: 400; - color: #757575; + color: #fff; text-align: left; background-color: transparent; - border-bottom: 1px solid #e2e2e2; cursor: pointer; } @@ -12576,19 +12496,502 @@ article.pytorch-article .tutorials-callout-container .btn.callout-button a { border-bottom-color: transparent; } .header-holder .main-menu ul li a.nav-dropdown-item:hover { - background-color: #e44c2c; - color: white; + color: #e44c2c; } .header-holder .main-menu ul li a.nav-dropdown-item .dropdown-title { font-size: 1.125rem; - color: #212529; + color: #fff; letter-spacing: 0; - line-height: 34px; + line-height: 1.2em; } .header-holder .main-menu ul li a.nav-dropdown-item:hover .dropdown-title { - background-color: #e44c2c; + color: #e44c2c; +} + + +/* Site Footer */ + +.site-footer { + padding: 60px 0; + width: 100%; + background: #000; + background-size: 100%; + margin-left: 0; + margin-right: 0; + position: relative; + z-index: 201; +} +@media (min-width: 1100px) { + .site-footer { + left: 0; + bottom: 0; + height: 620px; + } +} +.site-footer p { + color: #fff; +} +.site-footer ul { + list-style-type: none; + padding-left: 0; + margin-bottom: 0; +} +.site-footer ul li { + font-size: rem(18px); + line-height: rem(32px); + color: #a0a0a1; + padding-bottom: rem(6px); +} +.site-footer ul li.list-title { + padding-bottom: rem(12px); + color: #fff; +} +.site-footer ul li.list-title p { + margin-bottom: 0; +} +.site-footer a:link, .site-footer a:visited { + color: inherit; +} +@media (min-width: 1100px) { + .site-footer a:hover { + color: #ee4c2c; + } +} +.site-footer .privacy-policy { + background: #000; + border-top: 1px solid #fff; + display: flex; + flex-direction: column; + margin-top: 40px; +} +.site-footer .privacy-policy ul { + border-bottom: 1px solid white; +} +.site-footer .privacy-policy ul .privacy-policy-links { + padding-bottom: 1rem; + padding-top: 1rem; + padding-right: 1rem; + display: inline-flex; color: white; } +.site-footer .privacy-policy .copyright { + padding-top: 1rem; +} +.site-footer .privacy-policy .copyright p { + color: #dfdfdf; + font-size: 14px; +} +.site-footer .privacy-policy .copyright a { + color: #dfdfdf; + font-weight: 600; +} +.site-footer .privacy-policy .copyright a:hover { + color: #dfdfdf; + font-weight: 600; +} +.docs-tutorials-resources { + background-color: #262626; + color: #fff; + padding-top: rem(40px); + padding-bottom: rem(40px); +} +@media (min-width: 1100px) { + .docs-tutorials-resources { + padding-top: rem(66px); + padding-bottom: 4.09rem; + } +} +.docs-tutorials-resources h2 { + font-size: rem(24px); + letter-spacing: -0.25px; + text-transform: none; + margin-bottom: 0.25rem; +} +@media (min-width: 1100px) { + .docs-tutorials-resources h2 { + margin-bottom: rem(20px); + } +} +.docs-tutorials-resources .col-md-4 { + margin-bottom: rem(32px); +} +@media (min-width: 1100px) { + .docs-tutorials-resources .col-md-4 { + margin-bottom: 0; + } +} +.docs-tutorials-resources .with-right-arrow { + margin-left: 12px; + background-position: top 3px right 11px; +} +@media (min-width: 1100px) { + .docs-tutorials-resources .with-right-arrow { + background-position: top 6px right 11px; + } +} +.docs-tutorials-resources p { + font-size: rem(16px); + line-height: rem(24px); + letter-spacing: 0.22px; + color: #a0a0a1; + margin-bottom: rem(8px); +} +@media (min-width: 1100px) { + .docs-tutorials-resources p { + margin-bottom: rem(20px); + } +} +.docs-tutorials-resources a { + font-size: rem(18px); + color: #ee4c2c; +} +.docs-tutorials-resources a:hover { + color: #fff; +} +.footer-container { + position: relative; +} +.footer-logo-wrapper { + display: none; +} +@media (min-width: 1100px) { + .footer-logo-wrapper { + display: flex; + grid-column: span 6; + } +} +.footer-logo-wrapper .footer-logo img { + width: 40px; +} +.footer-links-wrapper { + display: flex; + flex-wrap: wrap; + padding-bottom: 1rem; + border-bottom: 1px solid white; +} +@media (min-width: 1100px) { + .footer-links-wrapper { + flex-wrap: initial; + justify-content: flex-end; + } +} +.footer-links-col { + margin-bottom: rem(60px); + width: 50%; +} +@media (min-width: 1100px) { + .footer-links-col { + margin-bottom: 0; + width: 14%; + margin-right: 23px; + } + .footer-links-col.follow-us-col { + width: 18%; + margin-right: 0; + } +} +@media (min-width: 992px) { + .footer-links-col { + width: 18%; + margin-right: 30px; + } +} +.footer-social-icons { + margin: rem(137px) 0 rem(40px) 0; +} +.footer-social-icons a { + height: 32px; + width: 32px; + display: inline-block; + background-color: #cccdd1; + border-radius: 50%; + margin-right: 5px; +} +.footer-social-icons a.facebook { + background-image: url("/assets/images/logo-facebook-dark.svg"); + background-position: center center; + background-size: 9px 18px; + background-repeat: no-repeat; +} +.footer-social-icons a.twitter { + background-image: url("/assets/images/logo-twitter-dark.svg"); + background-position: center center; + background-size: 17px 17px; + background-repeat: no-repeat; +} +.footer-social-icons a.youtube { + background-image: url("/assets/images/logo-youtube-dark.svg"); + background-position: center center; + background-repeat: no-repeat; +} +.site-footer .mc-field-group { + margin-top: -2px; +} +.site-footer .email-subscribe-form input[type="submit"] { + top: 9px; +} +@media (min-width: 1100px) { + .site-footer .email-subscribe-form input[type="submit"] { + top: 13px; + } +} +.social-links { + grid-column: span 12; + display: grid; + grid-column-gap: 3%; + grid-row-gap: 30px; + grid-template-columns: repeat(6, minmax(0, 1fr)); +} +@media (min-width: 600px) { + .social-links { + grid-column: span 8; + } +} +@media (min-width: 1100px) { + .social-links { + grid-column: span 6; + align-self: end; + } +} +@media (max-width: 999px) { + .social-links { + margin-left: 10px; + margin-right: 10px; + } +} +.social-links li { + text-align: center; +} +.social-links svg { + height: 25px; + max-width: 30px; + fill: #fff; + color: #fff; +} +.social-links svg:hover { + fill: #ee4c2c; + color: #ee4c2c; +} +.lf-grid { + grid-column-gap: 3%; + grid-row-gap: 30px; + display: grid; + grid-template-columns: repeat(12, 1fr); +} +.hs-recaptcha { + display: none; +} +.newsletter { + line-height: 140%; + margin-bottom: 80px; +} +.newsletter__title { + line-height: 140%; + font-size: 24px; +} +@media (min-width: 1000px) { + .newsletter__title { + font-size: 40px; + } +} +.newsletter .legal-consent-container { + display: none; +} +.newsletter p.newsletter__privacy, +.copyright p { + line-height: 21px; + font-size: 14px; + color: #b6b6b6; +} +.newsletter p.newsletter__privacy { + max-width: 860px; + margin-top: 30px; +} +.newsletter p.newsletter__privacy a, +.copyright p a { + color: #b6b6b6; + font-weight: 600; +} +.newsletter p.newsletter__privacy a:hover, +.copyright p a:hover { + color: #b6b6b6; + font-weight: 600; +} +.newsletter .hbspt-form { + min-height: 300px; +} +@media (min-width: 500px) { + .newsletter .hbspt-form { + min-height: 100px; + } +} +@media (min-width: 1000px) { + .newsletter .hbspt-form { + min-height: 20px; + } +} +.newsletter .hbspt-form .hs-error-msg { + display: block; + margin-right: 8px; + color: #ee4c2c; + font-size: 14px; + line-height: 1.1em; + width: 95%; + padding-top: 15px; +} +.newsletter .hbspt-form .hs-form { + display: grid; + grid-template-columns: 1fr; + grid-gap: 30px; +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form { + grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); + } +} +@media (min-width: 700px) { + .newsletter .hbspt-form .hs-form { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } +} +@media (min-width: 950px) { + .newsletter .hbspt-form .hs-form { + grid-template-columns: 1fr 1fr 1fr 1fr 1fr; + grid-row-gap: 1.5rem; + grid-column-gap: 1.5rem; + } +} +.newsletter .hbspt-form .hs-form input[type='text'], .newsletter .hbspt-form .hs-form input[type='email'] { + height: 50px; + width: 100%; + background: transparent; + border: none; + border-bottom: 2px solid #fff; + border-radius: 0; + transition: all 0.25s ease; + color: #fff; + font-size: 16px; + line-height: 105%; +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form input[type='text'], .newsletter .hbspt-form .hs-form input[type='email'] { + height: 42px; + } +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form input[type='text'], .newsletter .hbspt-form .hs-form input[type='email'] { + font-size: 20px; + } +} +.newsletter .hbspt-form .hs-form input[type='text']::placeholder, .newsletter .hbspt-form .hs-form input[type='email']::placeholder { + color: #fff; + font-size: 16px; + line-height: 105%; +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form input[type='text']::placeholder, .newsletter .hbspt-form .hs-form input[type='email']::placeholder { + font-size: 20px; + } +} +.newsletter .hbspt-form .hs-form input[type='text']:focus, .newsletter .hbspt-form .hs-form input[type='email']:focus { + outline: 0; + border-bottom: 2px solid #ee4c2c; + transition: color 0.25s ease; +} +.newsletter .hbspt-form .hs-form input[type='text']:focus::placeholder, .newsletter .hbspt-form .hs-form input[type='email']:focus::placeholder { + transition: color 0.25s ease; + color: transparent; +} +.newsletter .hbspt-form .hs-form input:-webkit-autofill, .newsletter .hbspt-form .hs-form textarea:-webkit-autofill, .newsletter .hbspt-form .hs-form select:-webkit-autofill, .newsletter .hbspt-form .hs-form input:-webkit-autofill:hover, .newsletter .hbspt-form .hs-form textarea:-webkit-autofill:hover, .newsletter .hbspt-form .hs-form select:-webkit-autofill:hover, .newsletter .hbspt-form .hs-form input:-webkit-autofill:focus, .newsletter .hbspt-form .hs-form textarea:-webkit-autofill:focus, .newsletter .hbspt-form .hs-form select:-webkit-autofill:focus { + -webkit-text-fill-color: #fff; +} +.newsletter .hbspt-form .hs-form select { + appearance: none; + background: transparent; + border: 0px solid transparent; + border-bottom: 2px solid #fff; + border-radius: 0; + box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0); + display: block; + height: 50px; + margin: 0; + max-width: 100%; + padding: 0.25em 0 calc(0.25em + 1px) 5px; + transition: all 0.25s ease; + width: 100%; + color: #fff; + font-size: 16px; + line-height: 105%; +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form select { + height: 42px; + } +} +@media (min-width: 500px) { + .newsletter .hbspt-form .hs-form select { + font-size: 20px; + } +} +.newsletter .hbspt-form .hs-form select::-ms-expand { + display: none; +} +.newsletter .hbspt-form .hs-form select:focus { + outline: 0; + border-bottom: 2px solid #ee4c2c; +} +.newsletter .hbspt-form .hs-form select:focus::placeholder { + transition: color 0.4s ease; + color: transparent; +} +.newsletter .hbspt-form .hs-form select option { + font-weight: normal; + color: black; +} +.newsletter .hbspt-form .hs-form .hs-button { + border-radius: 5px; + margin-top: 20px; + border: none; + background-color: #ee4c2c; + color: #fff; + font-weight: 400; + padding: 11px 40px; + font-size: 16px; + font-weight: 700; + text-decoration: none; + cursor: pointer; +} +.newsletter .hbspt-form .hs-form .hs-input.invalid { + border-bottom: 2px dashed red !important; +} +.newsletter .hbspt-form .hs-form .hs_error_rollup { + display: none; +} +.newsletter .submitted-message { + display: flex; + align-content: center; + align-items: center; + justify-content: center; + border: 2px solid #fff; + min-height: 280px; + font-size: 18px; + padding: 20px 20px 0; + line-height: 1.1em; +} +@media (min-width: 500px) { + .newsletter .submitted-message { + min-height: 80px; + } +} +@media (min-width: 1000px) { + .newsletter .submitted-message { + min-height: unset; + } +} +.newsletter .submitted-message p { + max-width: none; +} + /*# sourceMappingURL=theme.css.map */ diff --git a/pytorch_sphinx_theme/static/images/pytorch-github.svg b/pytorch_sphinx_theme/static/images/pytorch-github.svg index 2c2570da..1368c250 100644 --- a/pytorch_sphinx_theme/static/images/pytorch-github.svg +++ b/pytorch_sphinx_theme/static/images/pytorch-github.svg @@ -3,7 +3,7 @@