diff options
Diffstat (limited to 'pydis_site/static/css/home/index.css')
-rw-r--r-- | pydis_site/static/css/home/index.css | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/pydis_site/static/css/home/index.css b/pydis_site/static/css/home/index.css index 2d744915..0ad2e6b5 100644 --- a/pydis_site/static/css/home/index.css +++ b/pydis_site/static/css/home/index.css @@ -16,3 +16,118 @@ height: 5rem; margin-right: 2rem; } + +.navbar-item.is-fullsize { + padding: 0; +} + +.navbar-item.is-fullsize img { + max-height: 4.75rem; +} + +.navbar-item.has-no-highlight:hover { + background-color: transparent; +} + +.navbar-item.has-left-margin-1 { + margin-left: 1rem; +} + +.navbar-item.has-left-margin-2 { + margin-left: 2rem; +} + +.navbar-item.has-left-margin-3 { + margin-left: 3rem; +} + +.video-container iframe, +.video-container object, +.video-container embed { + width: 100%; + height: calc(92vw * 0.5625); + margin: 8px auto auto auto; +} + +div.card.github-card { + box-shadow: none; + border: #d1d5da 1px solid; + border-radius: 3px; +} + +div.repo-headline { + font-size: 1.25rem; + margin-bottom: 8px; +} + +span.repo-language-dot { + border-radius: 50%; + height: 12px; + width: 12px; + top: 1px; + display: inline-block; + position: relative; +} + +span.repo-language-dot.python { + background-color: #3572A5; +} + +span.repo-language-dot.html { + background-color: #e34c26; +} + +span.repo-language-dot.css { + background-color: #563d7c; +} + +#repo-footer-item { + margin-left: 1.2rem; +} + +#navbar-banner { + background-color: transparent; +} + +#navbar-banner img { + max-height: 3rem; +} + +#sponsors-hero { + padding-top: 2rem; + padding-bottom: 3rem; +} + +@media screen and (min-width: 1088px) { + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + + .columns:not(.is-desktop) { + display: flex; + } + + .video-container iframe { + height: calc(42vw * 0.5625); + max-height: 371px; + max-width: 660px; + } +} + +@media screen and (max-width: 1087px) { + .column.is-half, .column.is-half-tablet { + flex: none; + width: 100%; + } + + .columns:not(.is-desktop) { + display: block; + } + + .video-container iframe { + height: calc(92vw * 0.5625); + max-height: none; + max-width: none; + } +} |