change white borders

Changed the white borders to be darker so they looked cleaner
This commit is contained in:
JWB 2022-12-11 16:52:45 -05:00 committed by GitHub
parent 9ef166d510
commit a1aed5a69d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 27 deletions

View File

@ -410,7 +410,7 @@ mark,
.img-thumbnail { .img-thumbnail {
padding: 0.25rem; padding: 0.25rem;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; border: 1px solid rgba(0,0,0,.15);
border-radius: 0.25rem; border-radius: 0.25rem;
max-width: 100%; max-width: 100%;
height: auto; } height: auto; }
@ -1350,22 +1350,22 @@ pre {
.table td { .table td {
padding: 0.75rem; padding: 0.75rem;
vertical-align: top; vertical-align: top;
border-top: 1px solid #dee2e6; } border-top: 1px solid rgba(0,0,0,.15); }
.table thead th { .table thead th {
vertical-align: bottom; vertical-align: bottom;
border-bottom: 2px solid #dee2e6; } border-bottom: 2px solid rgba(0,0,0,.15); }
.table tbody + tbody { .table tbody + tbody {
border-top: 2px solid #dee2e6; } border-top: 2px solid rgba(0,0,0,.15); }
.table-sm th, .table-sm th,
.table-sm td { .table-sm td {
padding: 0.3rem; } padding: 0.3rem; }
.table-bordered { .table-bordered {
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.table-bordered th, .table-bordered th,
.table-bordered td { .table-bordered td {
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.table-bordered thead th, .table-bordered thead th,
.table-bordered thead td { .table-bordered thead td {
border-bottom-width: 2px; } border-bottom-width: 2px; }
@ -1538,7 +1538,7 @@ pre {
.table .thead-disabled th { .table .thead-disabled th {
color: #495057; color: #495057;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.table-dark { .table-dark {
color: #fff; color: #fff;
@ -3269,7 +3269,7 @@ input[type="button"].btn-block {
height: 0.5rem; height: 0.5rem;
color: transparent; color: transparent;
cursor: pointer; cursor: pointer;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-color: transparent; border-color: transparent;
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-moz-range-thumb { .custom-range::-moz-range-thumb {
@ -3297,7 +3297,7 @@ input[type="button"].btn-block {
height: 0.5rem; height: 0.5rem;
color: transparent; color: transparent;
cursor: pointer; cursor: pointer;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-color: transparent; border-color: transparent;
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-ms-thumb { .custom-range::-ms-thumb {
@ -3331,11 +3331,11 @@ input[type="button"].btn-block {
border-color: transparent; border-color: transparent;
border-width: 0.5rem; } border-width: 0.5rem; }
.custom-range::-ms-fill-lower { .custom-range::-ms-fill-lower {
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-radius: 1rem; } border-radius: 1rem; }
.custom-range::-ms-fill-upper { .custom-range::-ms-fill-upper {
margin-right: 15px; margin-right: 15px;
background-color: #dee2e6; background-color: rgba(0,0,0,.15);
border-radius: 1rem; } border-radius: 1rem; }
.custom-range:disabled::-webkit-slider-thumb { .custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd; } background-color: #adb5bd; }
@ -3385,7 +3385,7 @@ input[type="button"].btn-block {
cursor: default; } cursor: default; }
.nav-tabs { .nav-tabs {
border-bottom: 1px solid #dee2e6; } border-bottom: 1px solid rgba(0,0,0,.15); }
.nav-tabs .nav-item { .nav-tabs .nav-item {
margin-bottom: -1px; } margin-bottom: -1px; }
.nav-tabs .nav-link { .nav-tabs .nav-link {
@ -3393,7 +3393,7 @@ input[type="button"].btn-block {
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; } border-top-right-radius: 0.25rem; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6; } border-color: #e9ecef #e9ecef rgba(0,0,0,.15); }
.nav-tabs .nav-link.disabled { .nav-tabs .nav-link.disabled {
color: #6c757d; color: #6c757d;
background-color: transparent; background-color: transparent;
@ -3402,7 +3402,7 @@ input[type="button"].btn-block {
.nav-tabs .nav-item.show .nav-link { .nav-tabs .nav-item.show .nav-link {
color: #495057; color: #495057;
background-color: #fff; background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff; } border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) #fff; }
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
border-top-left-radius: 0; border-top-left-radius: 0;
@ -4027,13 +4027,13 @@ input[type="button"].btn-block {
line-height: 1.25; line-height: 1.25;
color: #007bff; color: #007bff;
background-color: #fff; background-color: #fff;
border: 1px solid #dee2e6; } border: 1px solid rgba(0,0,0,.15); }
.page-link:hover { .page-link:hover {
z-index: 2; z-index: 2;
color: #0056b3; color: #0056b3;
text-decoration: none; text-decoration: none;
background-color: #e9ecef; background-color: #e9ecef;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.page-link:focus { .page-link:focus {
z-index: 2; z-index: 2;
outline: 0; outline: 0;
@ -4060,7 +4060,7 @@ input[type="button"].btn-block {
pointer-events: none; pointer-events: none;
cursor: auto; cursor: auto;
background-color: #fff; background-color: #fff;
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.pagination-lg .page-link { .pagination-lg .page-link {
padding: 0.75rem 1.5rem; padding: 0.75rem 1.5rem;
@ -4822,7 +4822,7 @@ a.close.disabled {
-ms-flex-pack: justify; -ms-flex-pack: justify;
justify-content: space-between; justify-content: space-between;
padding: 1rem 1rem; padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid rgba(0,0,0,.15);
border-top-left-radius: 0.3rem; border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem; } border-top-right-radius: 0.3rem; }
.modal-header .close { .modal-header .close {
@ -4851,7 +4851,7 @@ a.close.disabled {
-ms-flex-pack: end; -ms-flex-pack: end;
justify-content: flex-end; justify-content: flex-end;
padding: 1rem; padding: 1rem;
border-top: 1px solid #dee2e6; border-top: 1px solid rgba(0,0,0,.15);
border-bottom-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem; } border-bottom-left-radius: 0.3rem; }
.modal-footer > :not(:first-child) { .modal-footer > :not(:first-child) {
@ -5430,19 +5430,19 @@ button.bg-dark:focus {
background-color: transparent !important; } background-color: transparent !important; }
.border { .border {
border: 1px solid #dee2e6 !important; } border: 1px solid rgba(0,0,0,.15) !important; }
.border-top { .border-top {
border-top: 1px solid #dee2e6 !important; } border-top: 1px solid rgba(0,0,0,.15) !important; }
.border-right { .border-right {
border-right: 1px solid #dee2e6 !important; } border-right: 1px solid rgba(0,0,0,.15) !important; }
.border-bottom { .border-bottom {
border-bottom: 1px solid #dee2e6 !important; } border-bottom: 1px solid rgba(0,0,0,.15) !important; }
.border-left { .border-left {
border-left: 1px solid #dee2e6 !important; } border-left: 1px solid rgba(0,0,0,.15) !important; }
.border-0 { .border-0 {
border: 0 !important; } border: 0 !important; }
@ -8131,17 +8131,17 @@ a.text-dark:hover, a.text-dark:focus {
background-color: #fff !important; } background-color: #fff !important; }
.table-bordered th, .table-bordered th,
.table-bordered td { .table-bordered td {
border: 1px solid #dee2e6 !important; } border: 1px solid rgba(0,0,0,.15) !important; }
.table-dark { .table-dark {
color: inherit; } color: inherit; }
.table-dark th, .table-dark th,
.table-dark td, .table-dark td,
.table-dark thead th, .table-dark thead th,
.table-dark tbody + tbody { .table-dark tbody + tbody {
border-color: #dee2e6; } border-color: rgba(0,0,0,.15); }
.table .thead-dark th { .table .thead-dark th {
color: inherit; color: inherit;
border-color: #dee2e6; } } border-color: rgba(0,0,0,.15); } }
body { body {
font-family: "Poppins", Arial, sans-serif; font-family: "Poppins", Arial, sans-serif;