foundation.btcpayserver.org/styles/foundation.css
2022-07-13 12:30:00 +02:00

114 lines
1.8 KiB
CSS

/* footer */
html, body { height: 100%; }
body { display: flex; flex-direction: column; }
header { flex-shrink: 0; }
footer { margin-top: auto; }
/* general */
body {
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
main p,
.content-wrap,
.contact-form {
max-width: 38em;
margin-left: auto;
margin-right: auto;
}
main hr {
max-width: 6em;
border-top-color: var(--btcpay-border-color-medium);
}
main h1 + p.h4,
main h2 + p.h5 {
max-width: 28em;
line-height: 1.4;
}
main .btn-lg {
min-width: 13em;
}
@media (min-width: 576px) {
.nav-item {
padding-top: 4px;
margin-left: 5px;
}
.btcpay-theme-switch {
padding-top: 4px;
}
.nav-item a {
border-bottom: 2px solid transparent;
padding: 0 var(--btcpay-space-s) var(--btcpay-space-xs);
}
.nav-item a:hover,
.nav-item a:focus {
color: var(--btcpay-header-link-accent);
border-bottom-color: var(---btcpay-header-link-accent);
}
}
.supporters {
max-width: 840px;
margin-left: auto;
margin-right: auto;
padding: 0 0 1em 0;
text-align: center;
}
.supporters p {
margin-left: auto;
margin-right: auto;
max-width: 32em;
}
.supporters .logos {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 2em 0;
}
.supporters .logos a {
color: var(--btcpay-secondary);
display: flex;
flex-direction: column;
align-items: center;
padding: 1rem 1.5rem;
}
.supporters .logos svg {
max-height: 60px;
@media (max-width: 519px) {
max-height: 45px;
}
}
main .past-supporters {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
main .past-supporters .figure {
flex-basis: 125px;
text-align: center;
}
main .past-supporters .figure-caption {
margin-top: 5px;
}
main .past-supporters img {
width: 75px;
}