aboutsummaryrefslogtreecommitdiff
path: root/qc_app/static/css
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2022-12-23 08:47:44 +0300
committerFrederick Muriuki Muriithi2022-12-23 08:47:44 +0300
commit3fb8a4de897eabd3e85520358619af7abcbd7664 (patch)
tree2e11d672efdbfd90a3ca7909706b9f4dad9d2ad2 /qc_app/static/css
parent8284ebe14f60cd6c2858b802839392c0c6da0edd (diff)
downloadgn-uploader-3fb8a4de897eabd3e85520358619af7abcbd7664.tar.gz
Help: Provide some help content for end user
Diffstat (limited to 'qc_app/static/css')
-rw-r--r--qc_app/static/css/styles.css29
1 files changed, 27 insertions, 2 deletions
diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index d2071e6..c9f6737 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -10,12 +10,20 @@ 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;
+ border-radius: 5px 5px 0 0;
padding-left: 0.5em;
+ font-weight: bold;
+ line-height: 1.5em;
}
fieldset {
@@ -108,6 +116,23 @@ table th,td {
border-radius: 1em;
}
+form {
+ border-radius: 5px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #336699;
+}
+
+@media(min-width: 1250px) {
+ form {
+ width: 40%;
+ }
+
+ #explainer {
+ width: 65ch;
+ }
+}
+
fieldset {
border-style: none;
display: grid;
@@ -132,7 +157,7 @@ input[disabled="true"],input[disabled="disabled"] {
background-color: #F8D7DA;
}
-form legend {
+form fieldset legend {
padding-left: 3em;
text-transform: capitalize;
font-weight: bolder;