11 lines
13 KiB
CSS
11 lines
13 KiB
CSS
/* Local Bootstrap-compatible subset for BastionGuard WebUI. No CDN dependency. */
|
|
*,*::before,*::after{box-sizing:border-box}html{font-family:"Cantarell";line-height:1.5;-webkit-text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6,p{margin-top:0}a{ text-decoration:none }img,svg{vertical-align:middle;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.container,.container-fluid{width:100%;padding-right:calc(1.5rem*.5);padding-left:calc(1.5rem*.5);margin-right:auto;margin-left:auto}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.g-0{--bs-gutter-x:0;--bs-gutter-y:0}.g-1{--bs-gutter-x:.25rem;--bs-gutter-y:.25rem}.g-2{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.g-4{--bs-gutter-x:1.5rem;--bs-gutter-y:1.5rem}.col{flex:1 0 0%}.col-12{flex:0 0 auto;width:100%}.col-6{flex:0 0 auto;width:50%}@media(min-width:768px){.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.333333%}.col-md-8{flex:0 0 auto;width:66.666667%}.col-md-12{flex:0 0 auto;width:100%}}@media(min-width:992px){.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.333333%}.col-lg-5{flex:0 0 auto;width:41.666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.333333%}.col-lg-8{flex:0 0 auto;width:66.666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-12{flex:0 0 auto;width:100%}}
|
|
.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.align-items-start{align-items:flex-start!important}.align-items-center{align-items:center!important}.align-items-end{align-items:flex-end!important}.justify-content-start{justify-content:flex-start!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end{justify-content:flex-end!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.min-vh-100{min-height:100vh!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.overflow-hidden{overflow:hidden!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-nowrap{white-space:nowrap!important}.small{font-size:.875em}.fw-normal{font-weight:400!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.lead{font-size:1.25rem;font-weight:300}.opacity-75{opacity:.75!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
|
|
.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box}.card-body{flex:1 1 auto}.card-header,.card-footer{padding:1rem;border:0}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.rounded{border-radius:.375rem!important}.rounded-3{border-radius:.75rem!important}.rounded-4{border-radius:1rem!important}
|
|
.btn{--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-btn-color);--bs-btn-hover-bg:rgba(0,0,0,.05);--bs-btn-hover-border-color:var(--bs-btn-border-color);--bs-btn-active-color:var(--bs-btn-hover-color);--bs-btn-active-bg:var(--bs-btn-hover-bg);--bs-btn-active-border-color:var(--bs-btn-hover-border-color);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.375rem .75rem;border:1px solid var(--bs-btn-border-color);border-radius:.375rem;background:var(--bs-btn-bg);color:var(--bs-btn-color);font-weight:500;line-height:1.5;text-align:center;vertical-align:middle;user-select:none}.btn:hover{color:var(--bs-btn-hover-color);background:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn:active,.btn.active{color:var(--bs-btn-active-color);background:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.35rem}.btn-lg{padding:.5rem 1rem;font-size:1.1rem;border-radius:.5rem}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0b5ed7}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#28a745;--bs-btn-border-color:#28a745;--bs-btn-hover-bg:#218838;--bs-btn-hover-border-color:#218838}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-bg:#c82333;--bs-btn-hover-border-color:#c82333}.btn-warning{--bs-btn-color:#fff;--bs-btn-bg:#e0952a;--bs-btn-border-color:#e0952a;--bs-btn-hover-bg:#c47d1a;--bs-btn-hover-border-color:#c47d1a}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64}.btn-light{--bs-btn-color:#212529;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-bg:#e9ecef;--bs-btn-hover-border-color:#e9ecef}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa}
|
|
.form-label{display:inline-block;margin-bottom:.5rem;font-weight:500}.form-control,.form-select{display:block;width:100%;padding:.5rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background:#fff;background-clip:padding-box;border:1px solid #dee2e6;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.form-select{appearance:auto}.form-control:focus,.form-select:focus{outline:0;border-color:#86b7fe;box-shadow:0 0 0 .2rem rgba(13,110,253,.15)}textarea.form-control{min-height:120px}.form-check{display:block;min-height:1.5rem;padding-left:1.6em;margin-bottom:.35rem}.form-check-input{float:left;margin-left:-1.6em;width:1em;height:1em;margin-top:.25em}.form-check-label{cursor:pointer}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.btn{position:relative;z-index:2;border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
|
|
.table{width:100%;margin-bottom:1rem;vertical-align:top;border-collapse:collapse}.table>:not(caption)>*>*{padding:.5rem .5rem;border-bottom:1px solid #dee2e6}.table-sm>:not(caption)>*>*{padding:.25rem}.align-middle{vertical-align:middle!important}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.5rem}.list-group-item{position:relative;display:block;padding:.75rem 1rem;border:1px solid #dee2e6}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.text-bg-primary{color:#fff!important;background:#0d6efd!important}.text-bg-secondary{color:#fff!important;background:#6c757d!important}.text-bg-success{color:#fff!important;background:#198754!important}.text-bg-danger{color:#fff!important;background:#dc3545!important}.text-bg-warning{color:#000!important;background:#ffc107!important}.text-bg-info{color:#000!important;background:#0dcaf0!important}.text-bg-dark{color:#fff!important;background:#212529!important}.text-bg-light{color:#000!important;background:#f8f9fa!important}.alert{position:relative;padding:.75rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.5rem}.alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.alert-danger{color:#842029;background:#f8d7da;border-color:#f5c2c7}.alert-warning{color:#664d03;background:#fff3cd;border-color:#ffecb5}.alert-info{color:#055160;background:#cff4fc;border-color:#b6effb}
|
|
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:transparent;border:1px solid transparent;border-top-left-radius:.5rem;border-top-right-radius:.5rem;padding:.5rem 1rem;color:#0d6efd}.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.active{color:#495057;background:#fff;border-color:#dee2e6 #dee2e6 #fff}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden}.accordion{--bs-accordion-border-color:#dee2e6}.accordion-item{border:1px solid var(--bs-accordion-border-color);border-radius:.5rem;margin-bottom:.75rem;overflow:hidden}.accordion-header{margin:0}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem;text-align:left;background:#fff;border:0;color:#212529}.accordion-button:not(.collapsed){background:#f8f9fa}.accordion-body{padding:1rem}.dropdown-menu{display:none}.show>.dropdown-menu,.dropdown-menu.show{display:block}.progress{height:1rem;overflow:hidden;background:#e9ecef;border-radius:.375rem}.progress-bar{height:100%;background:#0d6efd;color:#fff;text-align:center}
|
|
[data-bs-theme="dark"] .form-control,[data-bs-theme="dark"] .form-select{color:#e4e7eb;background:#1e2229;border-color:#3a3f4b}[data-bs-theme="dark"] .form-control:focus,[data-bs-theme="dark"] .form-select:focus{border-color:#4d8fe0;box-shadow:0 0 0 .2rem rgba(77,143,224,.18)}[data-bs-theme="dark"] .accordion-button{background:#242830;color:#e4e7eb}[data-bs-theme="dark"] .accordion-button:not(.collapsed){background:#2a2f3b}[data-bs-theme="dark"] .nav-tabs{border-color:#3a3f4b}[data-bs-theme="dark"] .nav-tabs .nav-link.active{background:#242830;color:#e4e7eb;border-color:#3a3f4b #3a3f4b #242830}[data-bs-theme="dark"] .alert-success{color:#9be5b1;background:#0d2b12;border-color:#1a5c28}[data-bs-theme="dark"] .alert-danger{color:#f2a2aa;background:#301014;border-color:#66212a}[data-bs-theme="dark"] .alert-info{color:#6dcfe0;background:#0a2833;border-color:#1a4a56}[data-bs-theme="dark"] .alert-warning{color:#f0c040;background:#332b00;border-color:#5a4800}
|
|
.btn-group{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.35rem}.text-danger{color:#dc3545!important}.text-primary{color:#0d6efd!important}.text-success{color:#198754!important}.text-warning{color:#ffc107!important}.text-muted{color:#6c757d!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}
|
|
.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mt-5{margin-top:3rem!important}hr{margin:1rem 0;border:0;border-top:1px solid currentColor;opacity:.25}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:56.25%;content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.clearfix::after{display:block;clear:both;content:""}
|