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.
78 lines
2.3 KiB
78 lines
2.3 KiB
6 months ago
|
/*
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
|
||
|
|
*/
|
||
|
|
|
||
|
|
.form-card {
|
||
|
|
position: fixed;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
background-color: #ffffff;
|
||
|
|
padding: 30px;
|
||
|
|
border-radius: 10px;
|
||
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-container {
|
||
|
|
display: inline-block;
|
||
|
|
text-align: left;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-content {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 400px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-container {
|
||
|
|
margin-top: 20px;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-grid {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-grid .p-col-12 {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-grid .p-col-8 {
|
||
|
|
width: 66.6666%;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Estilo para el input */
|
||
|
|
.ui-inputfield.ui-inputtext {
|
||
|
|
color: #000; /* Cambia el color del texto del input a azul */
|
||
|
|
width: 320px; /* Ancho del input al 100% */
|
||
|
|
margin-bottom: 5px; /* Incrementar el espacio entre inputs */
|
||
|
|
padding: 10px; /* Incrementar el padding */
|
||
|
|
font-size: 16px; /* Aumentar el tamaño de la fuente */
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* Estilo para el botón */
|
||
|
|
.button-container {
|
||
|
|
margin-top: 30px; /* Incrementar el espacio entre el formulario y los botones */
|
||
|
|
margin: 20px;
|
||
|
|
text-align: center; /* Centrar los botones */
|
||
|
|
}
|
||
|
|
.button-container .ui-button {
|
||
|
|
margin-right: 10px; /* Ajusta el espacio entre los botones */
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui-button-raised {
|
||
|
|
background-color: #007bff; /* Color de fondo */
|
||
|
|
color: #fff; /* Color del texto */
|
||
|
|
border: 1px solid transparent; /* Borde transparente */
|
||
|
|
padding: 10px 20px; /* Espaciado interno */
|
||
|
|
border-radius: 4px; /* Bordes redondeados */
|
||
|
|
cursor: pointer;
|
||
|
|
transition: background-color 0.3s, border-color 0.3s, color 0.3s; /* Transiciones suaves */
|
||
|
|
}
|
||
|
|
|