Rev 2992 | Blame | Compare with Previous | Last modification | View Log
/*
Stylesheet for intercept.php
Auteur : Stéphane ERARD & Rexy & Nicolas REYNAUD
Licence : GNU GPL
*/
html {
background: url(/images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
BODY {
color:#FFFFFF;
}
.error-margin {
margin-left:0px;
margin-right:0px;
}
.banner {
z-index: 10;
position: relative;
margin-top: 5vh;
background-image: linear-gradient(black,#222222);
/* ombrage CSS3 */
-moz-box-shadow: 1px 1px 6px #666;
-webkit-box-shadow: 1px 1px 6px #666;
box-shadow: 1px 1px 6px #666;
border-radius: 10px;
}
@media all and (max-width : 770px) {
body > div > div:first-child > div {
margin: 0 !important;
}
.banner {
justify-content: center;
margin-top: 0;
}
}
.background-form {
background-color: white;
border-radius:10px;
box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.7);
color: black;
padding-top: 20px;
top: -20px;
z-index: 5;
}
.organisme {
font-size: calc(25px + 3vw);
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
font-weight: bold;
}
.titre-controle-acces {
font-size: calc(18px + 2vw);
text-align: center;
}
.titre-erreur {
font-size: calc(11px + 0.8vw);
text-align: center;
margin: 0px;
color: red;
}
.login-failed-reply {
font-size: calc(10px + 0.6vw);
margin-bottom: calc(10px + 0.1vw);
}
.inputs {
display: flex;
grid-template-columns: 1fr 4fr;
align-items: center;
}
.inputs > div {
max-width: 100%;
}
.inputs > div:nth-child(2) {
display: flex;
flex-direction: column;
width: auto;
}
.inputs > div:nth-child(2) > div {
justify-content: center;
margin: 15px 0;
}
.inputs > div:last-child {
display: none !important;
}
@media all and (max-width : 950px) {
.inputs {
grid-template-columns: 1fr;
justify-content: center;
}
.inputs > div:first-child {
display: flex !important;
justify-content: center;
align-items: center;
}
.inputs > div:first-child img {
max-height: 200px;
}
}
@media all and (max-width : 576px) {
.inputs {
margin-bottom: 25px;
}
.inputs > div:first-child {
display: none !important;
}
.inputs > div:nth-child(2) > div {
flex-direction: column;
justify-content: center;
align-items: center;
margin: 10px;
}
.inputs > div:nth-child(2) > div .col-2 {
max-width: 100%;
text-align: center;
}
}
#authorized_domain {
font-size: calc(10px + 0.5vw);
margin-top: 5px;
}
#boite-info {
width: 100%;
}
.boite-info-titre {
font-size: calc(20px + 0.3vw);
}
.boite-info-text {
font-size: calc(13px + 0.25vw);
}
.boite-info-spacing {
margin-top: 10px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: auto;
}
.boite-info-spacing > div:last-child, .boite-info-spacing > div:last-child img {
max-height: 200px;
max-width: 100%;
justify-content: center;
align-items: center;
}
@media all and (min-width : 576px) {
.boite-info-spacing > div:last-child {
display: flex !important;
}
}
.row_button {
margin-bottom: 5px;
}
.sms_registration {
text-align: center;
font-size: calc(10px + 0.3vw);
margin-bottom: 20px;
}
.button {
font-size: calc(15px + 0.5vw);
}
.vertical-align {
display: flex;
align-items: center;
}
.img-xs-bottom {
margin-left: auto;
margin-right: auto;
height: 150px;
}
body > div > div:nth-child(3) {
text-align: center;
flex-wrap: wrap;
justify-content: center;
}
body > div > div:nth-child(3) > div {
min-width: 175px;
max-width: 100%;
}