start of adding sources interface

app/common/static/styles/_colours.scss

@@ -16,6 +16,21 @@ $nav-background-colour: $colour-near-black;
 $nav-text-colour: $colour-near-white;
 $nav-link-background-hover-colour: $colour-orange;
 
+$main-button-background-colour: $colour-light-blue;
+$main-button-background-hover-colour: $colour-orange;
+$main-button-text-colour: $colour-white;
+
 $footer-background-colour: $colour-red;
 $footer-text-colour: $colour-white;
-$footer-link-colour: $colour-near-black;
+$footer-link-colour: $colour-near-black;
+$footer-link-hover-colour: $colour-orange;
+
+$form-label-text-colour: $colour-near-black;
+$form-input-border-colour: $colour-light-blue;
+$form-input-border-active-colour: $colour-orange;
+$form-select-border-colour: $colour-light-blue;
+$form-error-background-colour: $colour-red;
+$form-error-text-colour: $colour-near-white;
+
+$box-error-background-colour: $colour-red;
+$box-error-text-colour: $colour-white;

app/common/static/styles/_forms.scss

@@ -0,0 +1,37 @@
+.simpleform {
+    .row {
+        margin-bottom: 0;
+    }
+    label {
+        text-transform: uppercase;
+        display: block;
+        font-size: 0.9rem;
+        position: relative;
+        transition: none;
+        top: initial;
+        left: initial !important;
+        transform: none;
+        color: $form-label-text-colour;
+    }
+    input {
+        width: 100%;
+        padding: 5px 8px 5px 8px;
+        font-size: 1.1rem;
+        border: 2px $form-input-border-colour solid;
+        border-radius: 2px;
+        outline: none;
+        &:focus {
+            outline: none;
+            border: 2px $form-input-border-active-colour solid;
+        }
+    }
+    textarea {
+        min-height: 150px;
+    }
+}
+
+select {
+    display: initial !important;
+    border: 2px $form-select-border-colour solid;
+    height: initial !important;
+}

app/common/static/styles/_helpers.scss

@@ -0,0 +1,24 @@
+strong {
+    font-weight: bold;
+}
+
+.nowrap {
+    white-space: nowrap;
+}
+
+.no-margin-bottom {
+    margin-bottom: 0 !important;
+}
+
+.errors {
+    background-color: $box-error-background-colour;
+    border-radius: 2px;
+    padding: 10px 0 5px 0;
+}
+
+.errorlist {
+    li {
+        color: $box-error-text-colour;
+        padding: 0 10px 5px 10px;
+    }
+}

app/common/static/styles/_template.scss

@@ -62,6 +62,24 @@ main {
     
     padding: 2rem 0 2rem 0;
 
+    h1 {
+        margin: 0;
+        padding: 0;
+        font-size: 2rem;
+    }
+
+    .btn {
+        width: 100%;
+        background-color: $main-button-background-colour !important;
+        color: $main-button-text-colour !important;
+        i {
+            font-size: 0.9rem;
+        }
+        &:hover {
+            background-color: $main-button-background-hover-colour !important;
+        }
+    }
+
 }
 
 footer {
@@ -89,7 +107,8 @@ footer {
         color: $footer-link-colour;
         text-decoration: none;
         &:hover {
-            text-decoration: underline;
+            color: $footer-link-hover-colour;
+            text-decoration: none;
         }
     }
 

app/common/static/styles/tubesync.scss

@@ -8,8 +8,8 @@
 
 @import "fonts";
 @import "variables";
-@import "helpers";
 @import "colours";
+@import "helpers";
 @import "forms";
 @import "template";