Subversion Repositories ALCASAR

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