|
|
@ -1,5 +1,127 @@ |
|
|
|
@import url('./main-layout.css'); |
|
|
|
|
|
|
|
:root { |
|
|
|
--vaadin-progress-bar-color: #FF5722; |
|
|
|
} |
|
|
|
|
|
|
|
/* Estilo especificos para el login form */ |
|
|
|
vaadin-login-form.special, vaadin-login-form.special::part(container) { |
|
|
|
background-color: rgba(105, 27, 49, 0.8); |
|
|
|
border-radius: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-login-form-wrapper { |
|
|
|
background-color: rgba(221, 201, 163, 1); |
|
|
|
border-radius: 30px; |
|
|
|
} |
|
|
|
|
|
|
|
/*letras de los label*/ |
|
|
|
vaadin-login-form-wrapper ::part(label) { |
|
|
|
color: #6f7271; |
|
|
|
transform: scale(1.2); |
|
|
|
} |
|
|
|
|
|
|
|
/*letras de los enlaces*/ |
|
|
|
vaadin-login-form-wrapper a { |
|
|
|
color: #691b31; |
|
|
|
transform: scale(1.2); |
|
|
|
} |
|
|
|
|
|
|
|
/*vaadin-login-form input{ |
|
|
|
background-color:#ddc9a3!important ; |
|
|
|
}*/ |
|
|
|
|
|
|
|
vaadin-login-form vaadin-button[theme~="submit"] { |
|
|
|
background-color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-login-form-wrapper::part(form-title) { |
|
|
|
color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-login-form-wrapper::part(error-message) { |
|
|
|
color: #a02142; |
|
|
|
} |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
|
|
|
|
/* Estilos específicos para el ComboBox */ |
|
|
|
vaadin-combo-box::part(input-field) { |
|
|
|
background-color: #ddc9a3; /* Color de fondo */ |
|
|
|
color: #691b31; /* Color del texto */ |
|
|
|
border: 1px solid #691b31; /* Color del borde */ |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-combo-box::part(label) { |
|
|
|
color: #691b31; /* Color de las etiquetas */ |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-combo-box::part(dropdown) { |
|
|
|
background-color: rgba(221, 201, 163, 1); /* Color del fondo del dropdown */ |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-combo-box-item::part(checkmark)::before, vaadin-combo-box-item:hover |
|
|
|
{ |
|
|
|
color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* Estilos específicos para el Upload */ |
|
|
|
vaadin-upload > vaadin-button { |
|
|
|
color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* Estilos especificos para el TextField y TextArea */ |
|
|
|
vaadin-text-field::part(label), vaadin-text-area::part(label) { |
|
|
|
color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-text-field::part(input-field), vaadin-text-area::part(input-field), vaadin-password-field::part(input-field) { |
|
|
|
border: 1px solid #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/*Estilos especificos para el SideNav */ |
|
|
|
vaadin-side-nav-item[aria-current="page"]::part(content) { |
|
|
|
color: #a02142; /* Color de texto seleccionado */ |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-side-nav-item:hover::part(content) { |
|
|
|
background-color: #ddc9a3; /* Color de fondo al hacer hover*/ |
|
|
|
fill-opacity: 50%; |
|
|
|
border-radius: 5px; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-side-nav-item::part(content) { |
|
|
|
color: #a02142; /* Color del texto deseado */ |
|
|
|
} |
|
|
|
|
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/*Estilos especificos para el Grid */ |
|
|
|
vaadin-grid::part(selected-row-cell) { |
|
|
|
background-color: #ddc9a3; |
|
|
|
opacity: 100%; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-grid::part(selected-row) { |
|
|
|
color: #691b31; |
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/* (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) (*)(*) */ |
|
|
|
/*Estilos especificos para la barra de carga */ |
|
|
|
vaadin-progress-bar::part(bar) { |
|
|
|
background-color: #691b31; |
|
|
|
color: #691b31; |
|
|
|
} |
|
|
|
|
|
|
|
vaadin-progress-bar::part(value) { |
|
|
|
background-color: #691b31; |
|
|
|
color: #691b31; |
|
|
|
} |