From 9a6beb8debdbec06bfe74e6f581354b202ca6ce5 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Mon, 22 May 2023 15:17:45 -0500 Subject: initial commit --- assets/css/app.css | 147 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 147 insertions(+) create mode 100644 assets/css/app.css (limited to 'assets/css/app.css') diff --git a/assets/css/app.css b/assets/css/app.css new file mode 100644 index 0000000..5ecf69a --- /dev/null +++ b/assets/css/app.css @@ -0,0 +1,147 @@ +html { + scroll-behavior: smooth; +} + +h1, h2, h3, h4, h5, h6 { + font-weight: 700; +} + +a:focus { + outline: none; +} + +.card { + margin: 4rem auto; +} + +.card-header { + padding: 2rem 0; +} + +.card-body { + padding: 2rem; +} + +.graphCard { + display: none; +} + +#resultsTableHeading, #infoTableHeading { + display: none; + margin-top: 4rem; +} + +.table { + display: none; +} + +.card, +.btn, +.form-control { + border-radius: 0; +} + +@media(prefers-color-scheme: dark) { + body { + background: #161616; + color: #ccc; + } + + h1, + h2, + h3, + h4, + h5, + h6 { + color: white; + } + + .navbar-light .navbar-brand { + color: white; + } + + .navbar-light .navbar-brand:hover { + color: white; + text-decoration: underline; + } + + .border-bottom { + border-color: #5b5b5b !important; + } + + .card { + border-color: #7b7b7b; + } + + .card-header { + background-color: #202020; + border-color: #7b7b7b; + } + + .card-body { + background-color: #202020; + } + + .card-body label { + color: white; + } + + .card-body .form-control { + background: #3b3b3b; + border-color: #5b5b5b; + color: white; + } + + .card-body .form-control:focus { + color: white; + background-color: #5b5b5b; + border-color: #00ff00; + outline: 0; + box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.25); + } + + .btn-outline-primary { + color: #00ff00; + border-color: #00ff00 + } + .btn-outline-primary:hover { + color: #fff; + background-color: #00ff00; + border-color: #00ff00 + } + .btn-outline-primary.focus, + .btn-outline-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.5) + } + .btn-outline-primary.disabled, + .btn-outline-primary:disabled { + color: #00ff00; + background-color: transparent + } + .btn-outline-primary:not(:disabled):not(.disabled).active, + .btn-outline-primary:not(:disabled):not(.disabled):active, + .show > .btn-outline-primary.dropdown-toggle { + color: #fff; + background-color: #00ff00; + border-color: #00ff00 + } + .btn-outline-primary:not(:disabled):not(.disabled).active:focus, + .btn-outline-primary:not(:disabled):not(.disabled):active:focus, + .show > .btn-outline-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.5) + } + + td, + th { + border-color: #7b7b7b !important; + } + + th { + background-color: #202020; + color: white; + } + + td { + color: #ddd; + } +} -- cgit v1.2.3