You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.6 KiB
73 lines
1.6 KiB
4 months ago
|
body {
|
||
|
|
background-color: #f2f2f2; /* Color de fondo gris claro */
|
||
|
|
font-family: Arial, sans-serif; /* Fuente para todo el cuerpo */
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1 {
|
||
|
|
text-align: center;
|
||
|
|
color: #333333; /* Color del texto de los títulos */
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
text-align: center;
|
||
|
|
color: #333333; /* Color del texto de los subtítulos */
|
||
|
|
}
|
||
|
|
|
||
|
|
#loginForm {
|
||
|
|
width: 300px;
|
||
|
|
margin: 0 auto; /* Esto centra el formulario horizontalmente */
|
||
|
|
margin-top: 30vh; /* Esto centra verticalmente el formulario */
|
||
|
|
padding: 20px;
|
||
|
|
background-color: #ffffff; /* Color de fondo blanco */
|
||
|
|
border-radius: 5px;
|
||
|
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Sombra ligera */
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#loginPanel {
|
||
|
|
margin-bottom: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
label {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 5px;
|
||
|
|
color: #333333; /* Color del texto de las etiquetas */
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="text"],
|
||
|
|
input[type="password"] {
|
||
|
|
width: 100%;
|
||
|
|
padding: 8px;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
box-sizing: border-box; /* Para incluir el padding en el ancho total */
|
||
|
|
border: 1px solid #cccccc; /* Borde gris claro */
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="submit"] {
|
||
|
|
width: 100%;
|
||
|
|
padding: 10px;
|
||
|
|
background-color: #007bff; /* Color de fondo azul */
|
||
|
|
color: white; /* Color del texto blanco */
|
||
|
|
border: none;
|
||
|
|
border-radius: 3px;
|
||
|
|
cursor: pointer;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="submit"]:hover {
|
||
|
|
background-color: #0056b3; /* Color de fondo azul oscuro al pasar el mouse */
|
||
|
|
}
|
||
|
|
|
||
|
|
.error {
|
||
|
|
color: #dc3545; /* Color rojo para mensajes de error */
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
|