112 lines
2.0 KiB
CSS
112 lines
2.0 KiB
CSS
.bit-tfl,
|
|
.bit-dtp {
|
|
width: 100%;
|
|
}
|
|
|
|
.bit-tfl-inp,
|
|
.bit-dtp,
|
|
.bit-dtp-inp,
|
|
.bit-dtp-cal {
|
|
font-family: var(--font-family);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.bit-tfl-inp,
|
|
.bit-drp-wrp,
|
|
.bit-dtp-icn {
|
|
border: 1px solid var(--input-border-color);
|
|
background-color: var(--input-background-color);
|
|
transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s;
|
|
/*padding: .25rem .5rem;*/
|
|
}
|
|
|
|
.bit-tfl-fgp {
|
|
border: 1px solid var(--input-border-color);
|
|
}
|
|
|
|
.bit-tfl-inp:hover,
|
|
.bit-drp-wrp:hover {
|
|
border: 1px solid var(--input-hover-border-color);
|
|
background-color: var(--input-background-color);
|
|
}
|
|
|
|
.bit-tfl-inp:focus,
|
|
.bit-drp-wrp:focus {
|
|
background-color: var(--input-background-color);
|
|
border: 1px solid var(--input-focus-border-color);
|
|
box-shadow: var(--input-focus-box-shadow);
|
|
}
|
|
|
|
/* DropDownList */
|
|
.bit-drp {
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
.bit-drp-lbl {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.bit-drp-cal {
|
|
background-color: var(--input-background-color);
|
|
}
|
|
|
|
.bit-drp-itm:hover,
|
|
.bit-drp-iwr:hover {
|
|
color: #ffffffde;
|
|
background: rgba(255,255,255,.03);
|
|
}
|
|
|
|
.bit-drp-sel,
|
|
.bit-drp-sel:hover,
|
|
.bit-drp-iwr.bit-drp-chd,
|
|
.bit-drp-iwr.bit-drp-chd:hover {
|
|
color: #ffffffde;
|
|
background: rgba(100,181,246,.16);
|
|
}
|
|
|
|
.bit-drp-scn {
|
|
max-height: 200px !important;
|
|
padding: .5rem 0;
|
|
}
|
|
|
|
.bit-drp-itm,
|
|
.bit-drp-mcn {
|
|
justify-content: flex-start; /* To get around Mud Blazor, until Mud Blazor is removed */
|
|
padding: .5rem 1rem;
|
|
}
|
|
|
|
.bit-drp-sch .bit-drp-tcn {
|
|
padding: 0 calc(var(--bit-spa-scaling-factor)*1);
|
|
align-items: center;
|
|
}
|
|
|
|
.bit-drp-pre, .bit-drp-suf {
|
|
background: rgb(57, 79, 94);
|
|
}
|
|
|
|
.bit-dtp-icn {
|
|
padding: 0;
|
|
}
|
|
|
|
.bit-dtp-cac {
|
|
background: #1f2d40;
|
|
}
|
|
|
|
.bit-pvti {
|
|
color: #fff9;
|
|
}
|
|
|
|
.bit-pvt-lnk .bit-pvti:hover {
|
|
background-color: inherit;
|
|
}
|
|
|
|
.bit-pvti.bit-pvti-sel {
|
|
color: var(--bit-clr-fg-pri);
|
|
font-weight: inherit;
|
|
}
|
|
|
|
.bit-pvt-cct {
|
|
font-weight: inherit;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
} |