84 lines
4.6 KiB
CSS
84 lines
4.6 KiB
CSS
:root{
|
|
--bs-body-font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
|
|
--bs-body-font-size:1rem;
|
|
--bs-body-line-height:1.5;
|
|
--bs-border-color:rgba(32,25,18,.12);
|
|
--bs-border-radius:1rem;
|
|
--bs-border-radius-lg:1.5rem;
|
|
--bs-card-spacer-y:1rem;
|
|
--bs-card-spacer-x:1rem;
|
|
--bs-primary:#9a4d29;
|
|
--bs-secondary:#74685c;
|
|
--bs-success:#25674a;
|
|
--bs-warning:#a6791d;
|
|
--bs-danger:#9d2f2f;
|
|
}
|
|
*,:before,:after{box-sizing:border-box}
|
|
.container-fluid{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}
|
|
.row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}
|
|
.row>*{padding-right:.75rem;padding-left:.75rem;flex-shrink:0;width:100%;max-width:100%}
|
|
.col-12{flex:0 0 auto;width:100%}
|
|
@media(min-width:992px){
|
|
.col-lg-5{flex:0 0 auto;width:41.66666667%}
|
|
.col-lg-7{flex:0 0 auto;width:58.33333333%}
|
|
}
|
|
.g-3{row-gap:1rem}
|
|
.g-4{row-gap:1.5rem}
|
|
.mb-0{margin-bottom:0!important}
|
|
.mb-2{margin-bottom:.5rem!important}
|
|
.mb-3{margin-bottom:1rem!important}
|
|
.mb-4{margin-bottom:1.5rem!important}
|
|
.mt-2{margin-top:.5rem!important}
|
|
.mt-3{margin-top:1rem!important}
|
|
.me-2{margin-right:.5rem!important}
|
|
.p-0{padding:0!important}
|
|
.w-100{width:100%!important}
|
|
.d-flex{display:flex!important}
|
|
.d-inline-flex{display:inline-flex!important}
|
|
.d-grid{display:grid!important}
|
|
.align-items-center{align-items:center!important}
|
|
.align-items-start{align-items:flex-start!important}
|
|
.justify-content-between{justify-content:space-between!important}
|
|
.justify-content-end{justify-content:flex-end!important}
|
|
.justify-content-center{justify-content:center!important}
|
|
.flex-wrap{flex-wrap:wrap!important}
|
|
.gap-2{gap:.5rem!important}
|
|
.gap-3{gap:1rem!important}
|
|
.small,.form-text{font-size:.875rem}
|
|
.text-muted{color:var(--bs-secondary)!important}
|
|
.fw-semibold{font-weight:600!important}
|
|
.fw-bold{font-weight:700!important}
|
|
.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;border-radius:999px}
|
|
.bg-light{background:rgba(255,255,255,.7)!important}
|
|
.bg-body-secondary{background:rgba(32,25,18,.06)!important}
|
|
.rounded-4{border-radius:1.5rem!important}
|
|
.shadow-sm{box-shadow:0 .35rem 1.2rem rgba(32,25,18,.08)!important}
|
|
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background:rgba(255,251,246,.92);border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius-lg)}
|
|
.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--bs-border-color);background:transparent}
|
|
.card-body{flex:1 1 auto;padding:1.25rem}
|
|
.form-select,.form-control,.btn{font:inherit;border:1px solid var(--bs-border-color);border-radius:999px;padding:.625rem .95rem;background:rgba(255,255,255,.82);color:inherit}
|
|
.form-select{appearance:none}
|
|
.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
|
|
.btn-primary{background:rgba(154,77,41,.14);border-color:rgba(154,77,41,.22)}
|
|
.btn-outline-secondary{background:rgba(32,25,18,.04)}
|
|
.btn-outline-danger{background:rgba(157,47,47,.12);border-color:rgba(157,47,47,.22);color:var(--bs-danger)}
|
|
.accordion{display:grid;gap:.85rem}
|
|
.accordion-item{border:1px solid var(--bs-border-color);border-radius:1rem;background:rgba(255,255,255,.62);overflow:hidden}
|
|
.accordion-button{width:100%;border:0;background:transparent;padding:1rem 1.15rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:inherit;cursor:pointer}
|
|
.accordion-button.collapsed{background:transparent}
|
|
.accordion-body{padding:0 1.15rem 1.15rem}
|
|
.collapse{display:none}
|
|
.collapse.show{display:block}
|
|
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
|
|
.nav-tabs{border-bottom:1px solid var(--bs-border-color);gap:.5rem}
|
|
.nav-link{display:block;padding:.6rem .9rem;border:1px solid transparent;border-radius:999px;cursor:pointer;background:transparent}
|
|
.nav-link.active{background:rgba(154,77,41,.12);border-color:rgba(154,77,41,.18)}
|
|
.tab-content>.tab-pane{display:none}
|
|
.tab-content>.active{display:block}
|
|
.table-responsive{width:100%;overflow:auto}
|
|
.table{width:100%;margin-bottom:0;border-collapse:collapse}
|
|
.table th,.table td{padding:.75rem .7rem;border-bottom:1px solid var(--bs-border-color);vertical-align:top;text-align:left}
|
|
.table-hover tbody tr:hover{background:rgba(32,25,18,.04)}
|
|
.progress{display:flex;height:.7rem;background:rgba(32,25,18,.08);border-radius:999px;overflow:hidden}
|
|
.progress-bar{display:flex;justify-content:flex-end;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(90deg,rgba(201,121,71,.96),rgba(154,77,41,.82));transition:width .2s ease}
|