aboutsummaryrefslogtreecommitdiff
path: root/qc_app/static/css
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2024-06-12 14:46:45 -0500
committerFrederick Muriuki Muriithi2024-06-12 14:49:59 -0500
commit103c4bc302f8c3038b9084aa2126a75db1261cd6 (patch)
tree0279797417fe9bd90d6f4bf7081b2f6f7c4022c7 /qc_app/static/css
parent5e96d27f3d96c84fc5a15d7040843b379b701d20 (diff)
downloadgn-uploader-103c4bc302f8c3038b9084aa2126a75db1261cd6.tar.gz
Use bundled bootstrap for styling the UI
Use bootstrap to eliminate a myriad of UI styling headaches.
Diffstat (limited to 'qc_app/static/css')
-rw-r--r--qc_app/static/css/styles.css220
1 files changed, 0 insertions, 220 deletions
diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
deleted file mode 100644
index 67e8cb3..0000000
--- a/qc_app/static/css/styles.css
+++ /dev/null
@@ -1,220 +0,0 @@
-* {
- box-sizing: border-box;
-}
-
-body {
- padding: 0 1em 0 1em;
-}
-
-label, legend {
- text-transform: capitalize;
-}
-
-.explainer {
- font-family: Georgia, Garamond, serif;
- font-style: normal;
- font-size: 1.275em;
-}
-
-.heading {
- color: #FEFEFE;
- background-color: #336699;
- text-transform: capitalize;
- border-radius: 5px 5px 0 0;
- padding-left: 0.5em;
- font-weight: bold;
- line-height: 1.5em;
-}
-
-fieldset {
- border-radius: 5px;
-}
-
-.btn {
- text-align: center;
- border-radius: 5px;
- display: inline-block;
- vertical-align: middle;
- text-transform: capitalize;
- padding: 0.45em 0.3em 0.45em 0.3em;
-}
-
-.btn-main {
- color: #FEFEFE;
- border-color: #357ebd;
- background-color: #336699;
- font-weight: bold;
-}
-
-.btn-danger {
- color: #FEFEFE;
- border-color: #FF3434;
- background-color: #FF4545;
- font-weight: bold;
-}
-
-.alert {
- display: block;
- border-style: solid;
- border-radius: 3px;
-}
-
-.alert-error {
- color: #A35256;
- background-color: #F8D7DA;
- border-color: #E7C6C9;
-}
-
-.alert-success {
- colour: #448944;
- font-weight: bold;
- background-color: #AAEEAA;
-}
-
-.alert-warning {
- background-color: #F9FAB6;
- border-color: #E8E9C5;
-}
-
-table {
- margin-left: 1em;
- border-collapse: collapse;
- border: 1px solid;
- border-color: #336699;
-}
-
-table thead {
- color: #FEFEFE;
- background-color: #336699;
- border-width: 0 1px 0 1px;
- border-style: solid;
- border-color: #336699;
-}
-
-table thead tr th {
- text-transform: capitalize;
-}
-
-table th,td {
- border-width: 0 1px 1px 1px;
- border-style: solid;
- border-color: #336699;
- padding: 0 0.3em 0.3em 0.3em;
-}
-
-.hidden {
- display: none;
-}
-
-.modal {
- position: fixed;
- opacity: 90%;
- left: 1em;
- top: 1em;
- width: 500px;
- height: 250px;
- text-align: center;
- z-index: 9999;
- background: #F4F4F4;
-
- border: 2px solid;
- border-radius: 1em;
-}
-
-form {
- border-radius: 5px;
- border-width: 1px;
- border-style: solid;
- border-color: #336699;
- background-color: #D1D1D1;
-}
-
-form fieldset:nth-child(odd) {
- background-color: #F1F1F1;
-}
-
-@media(min-width: 1250px) {
- form, .explainer {
- width: 65ch;
- }
-
- .error-table {
- width: 85ch;
- }
-}
-
-fieldset {
- border-style: solid;
- border-color: #F1F1F1;
- border-width: 1px 1px 0 1px;
- border-bottom-style: none;
- display: grid;
- grid-template-columns: 2fr 8fr;
- column-gap: 5px;
-}
-
-.form-col-1 {
- grid-column: 1 / 2;
-}
-
-.form-col-2, .form-input-help {
- grid-column: 2 / 3;
-}
-
-.form-input-help p {
- margin-top: 0;
- margin-bottom: 0.6em;
-}
-
-input[disabled="true"],input[disabled="disabled"] {
- border-color: #878787;
- background-color: #A9A9A9;
-}
-
-.invalid-input{
- background-color: #F8D7DA;
-}
-
-form fieldset legend {
- padding: 0 1.2em 0 1.2em;
- font-weight: bolder;
- line-height: 2em;
- text-align: center;
- text-transform: capitalize;
- background-color: inherit;
-
- border-style: solid;
- border-radius: 0.5em;
- border-color: #F1F1F1;
- border-width: 0 1px 0 1px;
-}
-
-.cli-output {
- background: black;
- color: #00DD00;
- padding: 1em;
- font-weight: bold;
- border-radius: 0.8em;
- width: 90%;
- overflow: scroll;
-}
-
-.qc-error-display {
- border-radius: 0.8em;
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- max-height: 250px;
- overflow: scroll;
-}
-
-.error-table {
- display: block;
- overflow: scroll;
- max-height: 250px;
- margin: 1em 0;
-}
-
-.error-table thead {
- position: sticky;
- top: 0;
-}