%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/tjamichg/intranet.tjamich.gob.mx/UbicacionQrMaps/
Upload File :
Create Path :
Current File : /home/tjamichg/intranet.tjamich.gob.mx/UbicacionQrMaps/styles.css

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/*contenedor de phone*/
.contenedor-principal{
    width: 100%;
}

a{
    text-decoration: none;
}

.contenedor-phone{ 
    width: 382.5px;
    height: 705px;
    border: 1px solid #000;
    border-radius: 50px;
    margin: auto;
    margin-top: 50px;
    padding: 0;
    transform: 0.3s;
    transition: transform 0.3s;
    

}
.contenedor-phone:hover{
    transform: scale(1.1);
    transition: transform 0.3s;
}
.img-1{
    max-width: 500px;
    height: 700px;
    padding: 0;
    margin-top: 0;
    z-index: 0;
    position: absolute;
}

/*contenedor qr dentro del phone*/

.contenedor-qr{
    width: 250px;
    height: 250px;
    justify-content: center;
    margin: auto;
    margin-top: 50px;
    
}
.img-2{
    max-width: 250px;
    height: 250px;
    z-index: 1;
    margin-top: 150px;
    margin-left: 68px;

}

/*contenedor del texto dentro del phone*/

.contenedor-texto{
    width: 100px;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    margin-left: 140px;
    text-decoration: none;
    color: #000;
    list-style: none;
    text-decoration-line: none;
    margin-top: 15px;
}

/* logo dentro del phone*/

.contenedor-logo{
    width: 150px;
    height: 150px;
    margin-left: 135px;
    display: flex;
}

.logo{
    max-width: 150px;
    height: 150px;
    z-index: 2;
    animation: saltitos 1s ease-in-out infinite;
}

@keyframes saltitos{
    0%{
        transform: translateY(0);
    }
    25%{
        transform: translateY(-20px);
    }
    50%{
        transform: translateY(0);
    }
    75%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}

Zerion Mini Shell 1.0