1,3 → 1,8 |
/* |
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; |
4,11 → 9,9 |
-moz-background-size: cover; |
-o-background-size: cover; |
background-size: cover; |
min-width: 450px; |
} |
|
BODY { |
font-color:#FFFFFF; |
color:#FFFFFF; |
} |
.error-margin { |
26,8 → 29,18 |
-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; |
45,10 → 58,12 |
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; |
55,6 → 70,7 |
margin: 0px; |
color: red; |
} |
|
.login-failed-reply { |
font-size: calc(10px + 0.6vw); |
margin-bottom: calc(10px + 0.1vw); |
62,9 → 78,68 |
|
.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; |
77,16 → 152,34 |
.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; |
} |
101,7 → 194,6 |
font-size: calc(15px + 0.5vw); |
} |
|
|
.vertical-align { |
display: flex; |
align-items: center; |
113,3 → 205,14 |
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%; |
} |
|