flexisip-account-manager/flexiapi/public/css/style.css
Timothée Jaussoin d09e8e5c37 Import the base fonts localy
Add missing headers in PHP files
Small adjustments in the documentations
Bump the package number
2022-06-27 13:59:35 +02:00

139 lines
No EOL
2.6 KiB
CSS
Vendored

@font-face {
font-family: "Montserrat";
src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../fonts/Montserrat-Regular.woff2") format("woff2");
font-style: normal;
font-weight: 400;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Montserrat";
src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../fonts/Montserrat-Bold.woff2") format("woff2");
font-style: normal;
font-weight: 700;
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
min-height: 100vh;
display: flex;
flex-direction: column;
font-family: "Montserrat";
}
body > div {
flex: 1 0 auto;
}
.container {
max-width: 800px;
}
body > footer::before {
background-color: white;
background-position: bottom center;
background-repeat: repeat-x;
display: block;
height: 10rem;
width: 100%;
background-size: 50rem;
content: '';
background-image: url('/img/footer.svg');
height: 9rem;
}
.page-link,
.page-link:hover,
h1, h2, h3, a, label {
color: #ff733b;
}
body > footer a,
nav ul li a {
color: white;
opacity: 0.8;
}
nav ul li a:hover,
nav ul li.active a {
color: white;
opacity: 1;
}
input.form-control {
border-color: #9ec6dc;
}
.permalink {
font-size: 0.75em;
padding-left: 0.5em;
opacity: 0.25;
}
.permalink:hover {
opacity: 1;
}
@media screen and (min-width: 1025px) {
.table-of-contents {
width: 40%;
}
}
.table-of-contents ul {
padding-left: 1rem;
}
.table-of-contents p {
margin-bottom: 0;
}
.btn {
border: 1px solid #ff733b;
background-color: transparent;
color: #ff733b;
border-radius: 10rem;
text-transform: uppercase;
font-size: 0.8rem;
line-height: 2.25rem;
padding: 0 1.5rem;
}
.btn.btn-sm {
padding: 0 0.75rem;
line-height: 1.75rem;
}
.btn.btn-centered {
display: block;
margin: 1rem auto;
}
.btn:hover,
.btn:not(.disabled):not(:disabled):active,
.btn:not(.disabled):not(:disabled):focus {
background-color: black;
color: white;
border-color: black;
}
body > header nav {
background-color: #f44a26;
}
.page-item.active .page-link,
body > footer {
border-color: #ff733b;
background-color: #ff733b;
}
body > footer {
color: white;
padding-bottom: 1rem;
text-align: center;
}
body > header::after {
background-position: top center;
margin-bottom: -4.5rem;
}