Subversion Repositories ALCASAR

Rev

Rev 2809 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log

/*      
        Stylesheet for index.php
        Auteur : Stéphane ERARD & Rexy
        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;
        min-width: 450px;
}

BODY {
        text-align: center;
        font-size: 12px;
        margin: 0px;
}
BODY, :link, :visited, :hover:link, :hover:visited  {
        font-family: "DejaVu Sans";
        color: #000;
}

INPUT {
        border: #666666 1px solid;
        padding: 2px;
        font-family: arial;
        height: 22px;
}
INPUT, #contenu_acces {
        background-color: #ffffff;
}
INPUT, #box_url {
        font-family: arial;
}

H1 {
        font-size: 55px;
}
H2 {
        font-size: 30px;
}
H6 {
        font-size: 100%;
}
H1, H2 {
        text-align: center;     
        padding: 0px;
        margin: 3px;
}

P, UL, LI {
        text-align: justify;
}
UL {
        padding-left: 20px;
        margin: 0px;
        margin-bottom: 5px;
}
LI {
        list-style-type: square;
}

.error-margin {
        margin-left: 0;
        margin-right: 0;
}

.explanation_net_pb {
        color: red;
        margin-bottom: 2px;
        font-size: calc(12px + 0.2vw);
}

#contenu_acces {
        border-bottom-left-radius:  10px;       
        border-bottom-right-radius:  10px;      

        /* get the main box under banner*/
        padding-top: 5px;
        z-index: 5;
        top: -5px;
        /* ombrage css3 */

        -moz-box-shadow: 1px 4px 10px #000;
        -webkit-box-shadow: 1px 4px 10px #000;
        box-shadow: 0px 10px 10px #000;
}

.img_banner {
        display: inline-block;
        margin-top: 5px;
        margin-bottom: 5px;
}

.titre_banner {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
}

.banner {
        z-index:10;
        display: flex;
        align-items: center;
        margin-top: 5vh;
        position: relative;
        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;   
}

#cadre_titre .titre_controle {
        color: white;
        font-size: calc(20px + 2.2vw);
}

#cadre_titre .titre_refus  {
        color: red;
        font-size: calc(20px + 2.2vw);
}

.titre_controle {
        text-align: center;
        font-size: calc(24px + 1vw);
        color: white;
        margin: 0px;
}

#acces_controle {
        text-align: center;
        font-size: calc(20px + 1.5vw);
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0px;
}
@media(max-width:420px) {

        #acces_controle {
                text-align: left !important;
        }
}

.domain_allowed_title {
        margin-bottom: 0px;
}

#acces_controle, #box_url, #cadre_titre SPAN {
        font-weight: bold;
}
.box_menu :link , .box_menu :visited, .box_menu :hover:link, .box_menu :hover:visited  {
        text-decoration: none;
        color: black;
        font-size: calc(14px + 0.2vw); 
        font-weight: bold;
}
.box_menu:hover {
        background-color: rgba(5,55,64,0.2); 
}
.box_menu {
        display: flex;
        align-items: center;
        height: 60px;
        position: relative;
        background-color: #efefef;
        padding: 10px;
        border-radius: 10px;    
/* ombrage CSS3 */
        -moz-box-shadow: 1px 1px 6px #666;
        -webkit-box-shadow: 1px 1px 6px #666;
        box-shadow: 1px 1px 6px #666;
        margin-top: 30px;
        margin-bottom: 30px;
}

.box_menu SPAN {
        display: flex;
        align-items: center;
}

.box_menu A{
        position: absolute;
        left: calc(100px + 1vw);
}

.box_menu IMG {
        width: calc(80px + 1vw);
}

.img-organisme{
        margin-top: 1vh;
        margin-bottom: 1vh;
        margin-right: auto;
        margin-left: auto;
}
/* shift menu items left and right in an alternating fashion if enough space: */
@media(min-width:500px){
        .box_menu {
                max-width: 90%;
        }

        .box_menu_right {
                max-width: 90%;
                left: 10%;
        }
        .box_menu_right A {
                right: 100px !important;
                left: 5% !important;
        }

        .box_menu_right IMG {
                position: absolute;
                top: -18px;
                right: 0px;
        }
}

#box_infos IMG {
        position: absolute;
        bottom: -15px;
        right: 0px;
        width: 80px;
}


.div-cache {
        visibility: hidden;
        position: absolute;
        top: -1000px;
}


#contenu_acces SPAN {
        font-family: "courier new";
}

.info-box-container {
        margin-top: 30px;
        margin-bottom: 30px;
        height: 100%;
}


#box_infos {
        background-color: #efefef;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 10px;    
/* ombrage CSS3 */
        -moz-box-shadow: 1px 1px 6px #666;
        -webkit-box-shadow: 1px 1px 6px #666;
        box-shadow: 1px 1px 6px #666;
        }

/* When the the infobox goes bellow the main one (col-xs), it gets a dynamic height*/
@media(max-width:768px){
        #box_infos {
                height:100%;
        }
}       

.box_infos_titles {
        font-size: calc(14px + 0.15vw);
        font-weight: bold;
        color: black;
        margin-top: 5px;
}

.box_infos_explanations {
        font-size: calc(13px + 0.11vw);
        margin-bottom: 0px;
}

.box_infos_titles A {
        color: black;
}

#corner {
        position: fixed;
        bottom: 0;
        right: 0;
        
}
#adm {
        display: block;
        width: 100px;
        height: 100px;
}
.corn IMG:hover {
        position: absolute;
        width: 100px;
        height: 100px;
        top: 0px;
        left: 0px;
}

.corn IMG {
        position: absolute;
        width: 50px;
        height: 50px;
        top: 75px;
        left: 75px;
        transition: .2s;
}