| 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%; |
| } |
| |