flexisip-account-manager/flexiapi/public/css/style.css
Timothée Jaussoin c65f1a804c UI and feature adjustments
- Add a toggle for the phone SMS registration/auth related features
- Add the newsletter email registration toggle
- Rename and move around views and controllers
- Refactor the login and registration forms
- Split the registration form in two, email and phone
2020-09-14 11:24:59 +02:00

112 lines
No EOL
2.3 KiB
CSS
Vendored

@font-face {
font-family: "Montserrat";
src: local("Montserrat Regular"), local("Montserrat-Regular"), url("https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhyw.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("https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.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;
}
@media screen and (max-width: 991px) {
nav.navbar {
display: none;
}
}
h1, h2, h3, a, label {
color: #ff733b;
}
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;
}
.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-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;
}
body > footer {
background-color: #ff733b;
}
body > footer {
color: white;
padding-bottom: 1rem;
text-align: center;
}
body > header::after {
background-position: top center;
margin-bottom: -4.5rem;
}