Current File : /home/casasmonvl/coronamillennial/Scripts/style-date-dropdowns.css
/*
Creado 21/06/18 por cescsm
Sustituye los el diseño de los campos para introducir una fecha (birthday)
Añadido en: Checkin
*/
/* Plugin Example Container */
/*
.birthday {
width: 33%;
min-width: 400px;
padding: 15px;
display: inline-block;
box-sizing: border-box;
text-align: center;
}
.birthday:first-of-type {
position: relative;
bottom: 35px;
}
.birthday input {
display: block;
margin: 0 auto 20px auto;
width: 150px;
padding: 8px 10px;
border: 1px solid #CCCCCC;
border-radius: 3px;
background: #F2F2F2;
text-align: center;
font-size: 1em;
letter-spacing: 0.02em;
font-family: "Roboto Condensed", helvetica, arial, sans-serif;
}*/
.birthday select {
padding: 3px; /*original 10px*/
background: #ffffff;
/*border: 1px solid #CCCCCC;*/
border: hidden; /*afegit cescsm per eliminar el bordejat que per defecte es mostra*/
border-bottom: 1px solid #CCCCCC; /*afegit cescsm per fer linea subratllada - underline*/
/*border-radius: 3px;*/
margin: 0 3px;
}
/*
* Afegit cescsm per tractar cas error de validació:
Com que la class .birthday select li he assignat un border: hidden; quan el camp és "required: true" NO remarca en vermell
el camp de manera predeterminada, ja que el bordejat està amagat a la classe d'aquest camp. Si elimino el "hidden" funciona.
El que vull és que només es subratlli, per tant creo per defecte les classe de cadascun dels elements de select
elements: day, month, year amb class 'input-validation-error'
*/
.day.input-validation-error {
border: 1px solid #e80c4d;
border-bottom: 1px solid #e80c4d;
border-radius: 3px;
}
.month.input-validation-error {
border: 1px solid #e80c4d;
border-bottom: 1px solid #e80c4d;
border-radius: 3px;
}
.year.input-validation-error {
border: 1px solid #e80c4d;
border-bottom: 1px solid #e80c4d;
border-radius: 3px;
}
Mini Shell