Working on the complete re-design

1 files changed, 64 insertions, 0 deletions

diff --git a/crumbs/static/css/crums.css b/crumbs/static/css/crums.css
new file mode 100644
index 0000000..5220117
--- /dev/null
+++ b/crumbs/static/css/crums.css
@@ -0,0 +1,64 @@
+/**************************************
+
+   BASIC DEFINITIONS 
+
+**************************************/
+
+
+
+body {
+  font-family: 'Montserrat', sans-serif;
+  font-style: normal;
+  font-variant: normal;
+  /*font-size: 26px;*/
+  /*font-weight: 400;*/
+  color: #BEBEBE;
+  background-color: #222222;
+  background-image: none;
+  line-height: 32px;
+  -webkit-font-smoothing:antialiased;
+  text-rendering: optimizeLegibility;
+  margin: 0;
+}
+
+
+
+/**************************************
+
+   COLOUR BAR DEFINITIONS 
+
+**************************************/
+
+
+/* This is the block container */
+.colours {
+  width: 0 auto;
+  height: 50px;
+  margin: 0 auto;
+  display: flex;
+}
+
+/* This is a block */
+.colour {
+  display: flex;
+  flex-direction: column;
+  height: 75px;
+  width: 75px;
+}
+
+/* Colour defitions */
+#colour1  { background-color: #3c3c3c; }
+#colour2  { background-color: #525252; }
+#colour3  { background-color: #74736a; }
+#colour4  { background-color: #9f9e93; }
+#colour5  { background-color: #d2cfc7; }
+#colour6  { background-color: #e7e5df; }
+#colour7  { background-color: #f1f0ec; }
+#colour8  { background-color: #ef787b; }
+#colour9  { background-color: #f6915f; }
+#colour10 { background-color: #fdcb71; }
+#colour11 { background-color: #99cb9b; }
+#colour12 { background-color: #6ccaca; }
+#colour13 { background-color: #6997c8; }
+#colour14 { background-color: #ca98c9; }
+#colour15 { background-color: #ce7b59; }