fixed style

This commit is contained in:
2025-10-31 20:26:32 -06:00
parent 9e80880ed3
commit 1c6c68de6a
8 changed files with 94 additions and 65 deletions
+24 -38
View File
@@ -1,9 +1,9 @@
.pestaña {
position: absolute;
top: 50%;
left: 62%;
left: 62%;
transform: translate(-50%, -50%);
display: flex;
justify-content: space-around; /* espacio igual entre los tres textos */
align-items: center;
@@ -25,17 +25,17 @@
color: #b8870b; /* cambia de color al pasar el cursor */
}
.titulo-reporte{
font-weight: bold; /* negrita */
font-size: 24px; /* tamaño de texto */
.titulo-reporte {
font-weight: bold; /* negrita */
font-size: 24px; /* tamaño de texto */
font-family: Arial, sans-serif;
}
/*BUSCADOR*/
input[type="text"] {
width: 500px; /* más ancho, más largo */
padding: 7px; /* mantiene espacio cómodo dentro */
width: 500px; /* más ancho, más largo */
padding: 7px; /* mantiene espacio cómodo dentro */
font-size: 18px;
border: 1px solid #ccc;
border-radius: 4px;
@@ -54,33 +54,20 @@ button {
button:hover {
background-color: #0056b3;
}
.contenedor{
.contenedor {
margin-left: 80px;
}
.filtro-rec{
.filtro-rec {
border: 2px solid #003366; /* Color del borde */
border-radius: 10px; /* Bordes redondeados */
padding: 10px; /* Espacio interno */
margin: 80px 550px; /* Separación del resto del contenido */
background-color: #f9f9f9;
border-radius: 10px; /* Bordes redondeados */
padding: 10px; /* Espacio interno */
margin: 80px 550px; /* Separación del resto del contenido */
background-color: #f9f9f9;
position: relative;
left: 380px;
left: 380px;
font-family: Arial, sans-serif;
top: -570px; /* sube 50px respecto a su posición original */
}
/* Estilos para los selects */
select {
padding: 8px 12px;
border: 1px solid #003366;
border-radius: 5px;
background-color: white;
font-size: 14px;
width: 100%;
margin-bottom: 10px;
}
select:focus {
@@ -94,7 +81,6 @@ form[action="/buscar"] {
display: flex;
gap: 10px;
margin: 20px 0;
}
form[action="/buscar"] input {
@@ -116,8 +102,8 @@ form[action="/buscar"] button {
.botones-filtro {
display: flex;
justify-content: flex-end; /* botones a la derecha */
gap: 10px; /* espacio entre botones */
margin-top: 15px; /* separación del resto del formulario */
gap: 10px; /* espacio entre botones */
margin-top: 15px; /* separación del resto del formulario */
}
.aplicar {
@@ -140,17 +126,17 @@ form[action="/buscar"] button {
font-size: 14px;
}
.tabla-rec{
.tabla-rec {
border: 2px solid #003366; /* Color del borde */
border-radius: 10px; /* Bordes redondeados */
padding: 10px; /* Espacio interno */
margin: 50px 700px 0 80px; /* superior, derecha, inferior, izquierda */
background-color: #f9f9f9;
border-radius: 10px; /* Bordes redondeados */
padding: 10px; /* Espacio interno */
margin: 50px 700px 0 80px; /* superior, derecha, inferior, izquierda */
background-color: #f9f9f9;
font-family: Arial, sans-serif;
height: 400px;
height: 400px;
}
.boton-descargar{
.boton-descargar {
padding: 8px 12px;
font-size: 16px;
border: none;
@@ -160,4 +146,4 @@ form[action="/buscar"] button {
cursor: pointer;
right: 30px;
margin-left: 700px;
}
}