| 0,0 → 1,115 |
|---|
| 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; |
| min-width: 450px; |
| } |
| |
| BODY { |
| font-color:#FFFFFF; |
| 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; |
| |
| } |
| .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; |
| align-items: 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; |
| align-items: center; |
| } |
| |
| .row_button { |
| margin-bottom: 5px; |
| } |
| |
| .autoregistration_sms { |
| 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; |
| } |
| |