UI: Add index page and basic styling

Add template(s) for the index page and some basic styling to get
started with.

1 files changed, 31 insertions, 0 deletions

diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
new file mode 100644
index 0000000..4d569d8
--- /dev/null
+++ b/qc_app/static/css/styles.css
@@ -0,0 +1,31 @@
+label, legend {
+    text-transform: capitalize;
+}
+
+.heading {
+    color: #FEFEFE;
+    background-color: #336699;
+    text-transform: capitalize;
+    border-radius: 5px;
+    padding-left: 0.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;
+}