generated from jric11/baseProject
added new bootstrap css and js for login and create account
This commit is contained in:
@@ -0,0 +1,4 @@
|
||||
/* MyHuntRoster sign-in page; load after themed Bootstrap. */
|
||||
body{margin:0;min-height:100vh;background:#f6f5f0;color:#26332e}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.login-story{background:#183c30;color:#f5f5e9;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,5rem)}.login-brand{display:inline-flex;gap:.75rem;align-items:center;font-size:1.35rem;font-weight:750;letter-spacing:-.04em;text-decoration:none;color:inherit}.brand-mark{width:36px;height:40px;color:#d0b182}.story-copy{position:relative;z-index:1;max-width:480px;margin:5rem 0 7rem}.eyebrow{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:650;color:#c9b084}.story-copy h1{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1.06;letter-spacing:-.055em;margin:1.2rem 0 1.5rem;font-weight:600}.story-copy p{font-size:1rem;line-height:1.8;color:#c5d4c9;max-width:350px}.story-footer{position:relative;z-index:1;font-size:.75rem;letter-spacing:.03em;color:#c5d4c9}.landscape{position:absolute;bottom:0;left:0;width:100%;height:45%;opacity:.6;pointer-events:none}.login-panel{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;position:relative}.login-form-wrap{width:100%;max-width:390px}.panel-label{display:flex;align-items:center;gap:.5rem;color:#526c5b;font-size:.72rem;letter-spacing:.12em;font-weight:650;text-transform:uppercase;margin-bottom:2.3rem}.panel-label::before{content:"";width:7px;height:7px;background:#8a9c6c;border-radius:50%}.login-form-wrap h2{font-size:2.1rem;letter-spacing:-.045em;margin-bottom:.65rem}.login-intro{color:#657068;font-size:.94rem;line-height:1.6;margin-bottom:2rem}.form-label{font-size:.85rem;margin-bottom:.6rem}.form-control{min-height:48px;background:#fff}.password-wrap{position:relative}.password-wrap .form-control{padding-right:4.5rem}.password-toggle{position:absolute;inset:4px 4px 4px auto;border:0;background:transparent;border-radius:.5rem;color:#285548;font-size:.78rem;font-weight:650;padding:0 .8rem}.password-toggle:focus-visible{outline:2px solid #285548;outline-offset:1px}.sign-in{min-height:48px;margin-top:1.5rem}.login-help{font-size:.85rem;color:#657068;line-height:1.7;text-align:center;margin-top:1.75rem}.login-bottom{border-top:1px solid #dde3dc;padding-top:1.4rem;margin-top:2rem;text-align:center;color:#737d74;font-size:.73rem}.mobile-brand{display:none}.alert{font-size:.87rem}.forgot-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.forgot-row a{font-size:.78rem}.preview-note{font-size:.75rem;background:#e4eee8;border:1px solid #bfd1c6;border-radius:.5rem;padding:.7rem;margin-bottom:1rem;color:#285548}
|
||||
@media(max-width:900px){.login-shell{grid-template-columns:.85fr 1fr}.login-story{padding:2rem}.story-copy h1{font-size:2.8rem}}
|
||||
@media(max-width:700px){.login-shell{display:block}.login-story{display:none}.login-panel{min-height:100vh;padding:2rem 1.5rem}.mobile-brand{display:flex;color:#183c30;margin-bottom:3rem}.panel-label{margin-bottom:1.4rem}.login-form-wrap h2{font-size:1.9rem}}
|
||||
+12065
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,17 @@
|
||||
|
||||
/* 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}}
|
||||
Reference in New Issue
Block a user