Proyectos de Subversion Moodle

Rev

Rev 753 | Rev 755 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 753 Rev 754
Línea 1... Línea -...
1 
 
 - 
 
2 
 
 - 
 
3 
.rui-login-box {
 1 
.rui-login-box {
- 
 
 2 
    display: flex;
4 
    position: relative;
 3 
    align-items: center;
- 
 
 4 
    justify-content: center;
- 
 
 5 
    background-color: #fff;
- 
 
 6 
    border-radius: 5px !important;
- 
 
 7 
    height: 100vh !important;
5 
    width: 100%;
 8 
    width: 100%;
6 
    height: 100vh; /* Abarcará toda la altura de la pantalla */
 - 
 
7 
    background: url('{{{ config.wwwroot }}}/theme/universe_child/pix/login-bg.png') no-repeat center center;
 9 
    background: url('{{{ config.wwwroot }}}/theme/universe_child/pix/login-bg.png') no-repeat center center;
8 
    background-size: cover; /* Para asegurarse de que la imagen cubra todo el contenedor */
 - 
 
9 
}
 10 
}
Línea 10... Línea 11...
10 
 
 11 
 
11 
.login-box {
 12 
.row.login-box {
12 
    position: absolute;
 13 
    display: flex;
13 
    top: 50%;
 14 
    flex-wrap: wrap;
14 
    left: 50%;
 - 
 
15 
    transform: translate(-50%, -50%);
 - 
 
16 
    z-index: 1; /* Para que el contenido esté sobre la imagen de fondo */
 - 
 
17 
    background: rgba(255, 255, 255, 0.8); /* Añadir un fondo semitransparente */
 15 
    width: 100%;
18 
    padding: 20px;
 16 
    height: 100vh;
19 
    border-radius: 10px;
 17 
    flex-direction: row;
Línea 20... Línea 18...
20 
}
 18 
}
21 
 
 19 
 
22 
.login-box img {
 20 
.login-box img {
23 
    display: none; /* Ocultas la imagen si solo quieres usarla como fondo */
 21 
    display: none; /* Ocultas la imagen si solo quieres usarla como fondo */