generated from jric11/baseProject
18 lines
5.3 KiB
CSS
18 lines
5.3 KiB
CSS
|
|
||
|
|
/* MyHuntRoster custom theme. Bootstrap MIT license retained above. */
|
||
|
|
:root,[data-bs-theme="light"]{--bs-primary:#285548;--bs-primary-rgb:40,85,72;--bs-link-color:#285548;--bs-link-color-rgb:40,85,72;--bs-link-hover-color:#193c32;--bs-link-hover-color-rgb:25,60,50;--bs-body-bg:#f6f5f0;--bs-body-color:#26332e;--bs-border-color:#dde3dc;--bs-border-radius:.75rem;--bs-border-radius-lg:1rem;--bs-body-font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--bs-primary-bg-subtle:#e4eee8;--bs-primary-text-emphasis:#193c32;--bs-primary-border-subtle:#bfd1c6}
|
||
|
|
[data-bs-theme="dark"]{--bs-body-bg:#17221d;--bs-body-color:#e5ece6;--bs-secondary-bg:#223129;--bs-tertiary-bg:#293b31;--bs-border-color:#3e5144;--bs-primary:#84baa0;--bs-primary-rgb:132,186,160;--bs-link-color:#a1d4b9;--bs-link-color-rgb:161,212,185;--bs-link-hover-color:#c4ead3;--bs-link-hover-color-rgb:196,234,211;--bs-primary-bg-subtle:#203e30;--bs-primary-text-emphasis:#b2dcc3;--bs-primary-border-subtle:#4e705d}
|
||
|
|
body.hr-app{margin:0;padding:0;min-height:100vh;font-size:.9375rem}
|
||
|
|
h1,h2,h3,h4,h5,h6{font-weight:650;letter-spacing:-.025em}
|
||
|
|
.btn{border-radius:.6rem;font-weight:600;padding:.55rem .95rem}.btn-sm{padding:.35rem .7rem}
|
||
|
|
.btn-primary{--bs-btn-bg:#285548;--bs-btn-border-color:#285548;--bs-btn-hover-bg:#1c4136;--bs-btn-hover-border-color:#1c4136;--bs-btn-active-bg:#193c32;--bs-btn-active-border-color:#193c32;--bs-btn-disabled-bg:#285548;--bs-btn-disabled-border-color:#285548;--bs-btn-focus-shadow-rgb:40,85,72}
|
||
|
|
.btn-outline-primary{--bs-btn-color:var(--bs-link-color);--bs-btn-border-color:var(--bs-link-color);--bs-btn-hover-bg:#285548;--bs-btn-hover-border-color:#285548;--bs-btn-hover-color:#fff;--bs-btn-active-bg:#193c32;--bs-btn-active-border-color:#193c32;--bs-btn-active-color:#fff;--bs-btn-disabled-color:var(--bs-link-color);--bs-btn-disabled-border-color:var(--bs-link-color)}
|
||
|
|
.form-control,.form-select{border-radius:.6rem;padding:.65rem .8rem}.form-control-sm,.form-select-sm{padding:.35rem .6rem}.form-control:focus,.form-select:focus{border-color:#6b9980;box-shadow:0 0 0 .2rem rgba(40,85,72,.14)}.form-check-input:checked{background-color:#285548;border-color:#285548}.form-check-input:focus{border-color:#6b9980;box-shadow:0 0 0 .2rem rgba(40,85,72,.14)}.form-label{font-weight:600}
|
||
|
|
.card{--bs-card-bg:var(--bs-body-bg);background:var(--bs-card-bg);box-shadow:0 3px 16px rgba(18,43,29,.035);overflow:hidden}.card-header{padding:1rem 1.25rem;background:transparent}.card-body{padding:1.4rem}.table{--bs-table-bg:transparent;--bs-table-hover-bg:rgba(88,137,108,.07)}.table>:not(caption)>*>*{padding:.85rem 1rem}.table thead th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bs-secondary-color);font-weight:650}.badge{padding:.45em .65em;border-radius:.4rem}.dropdown-menu{padding:.4rem!important;border-radius:.75rem;box-shadow:0 12px 40px rgba(0,0,0,.12)}.dropdown-item{padding:.55rem .75rem;border-radius:.4rem}.dropdown-item:active{background:#285548}.modal-content{box-shadow:0 20px 80px rgba(0,0,0,.15)}
|
||
|
|
.hr-sidebar{--bs-offcanvas-width:264px;background:#183c30!important;color:#e7eee8;border:0!important;padding:1.4rem 1rem;z-index:1045}.hr-brand{display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700;letter-spacing:-.04em;padding:.5rem .5rem 1.5rem}.hr-brand:hover{color:#fff}.hr-brand i{color:#c5a578;font-size:1.7rem}.hr-sidebar .navbar-nav{width:100%;gap:.25rem}.hr-sidebar .nav-link{color:#cbdacf;border-radius:.65rem;padding:.75rem .85rem;display:block;font-weight:550;font-size:.82rem;letter-spacing:.025em}.hr-sidebar .nav-link:hover,.hr-sidebar .nav-link:focus-visible,.hr-sidebar .nav-link.active{background:#2b5041;color:#fff}.hr-sidebar .nav-link i{margin-right:.6rem!important}.hr-sidebar .nav-link.disabled{display:none}.hr-sidebar .dropdown-menu{position:static!important;transform:none!important;margin:.3rem 0!important}.hr-sidebar-caption{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#a4bdae;padding:.4rem .85rem 1rem}.hr-sidebar-foot{font-size:.75rem;color:#b3c8b9;padding:1.5rem .85rem .25rem;margin-top:auto}.hr-sidebar .offcanvas-body{display:flex;flex-direction:column;overflow-y:auto;padding:0}
|
||
|
|
.hr-workspace{min-width:0;min-height:100vh}.hr-topbar{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem;border-bottom:1px solid var(--bs-border-color);background:var(--bs-body-bg)}.hr-topbar .nav-link{color:var(--bs-body-color)}.hr-topbar .dropdown-menu{min-width:230px}.hr-workspace>.content{max-width:1600px;padding:2rem;margin:0 auto;min-height:65vh}.hr-workspace #footer{position:static;padding:1rem 2rem 2rem}.hr-skip{position:fixed;top:-100px;left:1rem;z-index:2000}.hr-skip:focus{top:1rem}
|
||
|
|
@media(min-width:992px){.hr-sidebar{position:fixed;inset:0 auto 0 0;width:264px;height:100vh;display:flex;flex-direction:column}.hr-sidebar .offcanvas-body{flex-grow:1}.hr-workspace{margin-left:264px}}
|
||
|
|
@media(max-width:991.98px){.hr-topbar{padding:1rem}.hr-workspace>.content{padding:1.25rem}.hr-topbar .username{font-size:.85rem}}
|
||
|
|
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
|
||
|
|
@media print{.hr-sidebar,.hr-topbar,.hr-skip{display:none!important}.hr-workspace{margin:0}.hr-workspace>.content{padding:0;max-width:none}body.hr-app{background:#fff;color:#000}}
|