22 files changed, 539 insertions, 1027 deletions
diff --git a/res/css/google-lato-300.css b/res/css/google-lato-300.css
deleted file mode 100644
index 90e5c7ee..00000000
--- a/res/css/google-lato-300.css
+++ /dev/null
@@ -1,7 +0,0 @@
-/* http://fonts.googleapis.com/css?family=Lato:300 */
-@font-face {
-  font-family: 'Lato';
-  font-style: normal;
-  font-weight: 300;
-  src: local('Lato Light'), local('Lato-Light'), url(../font/Lato300.ttf) format('truetype');
-}
diff --git a/res/css/modules/colors.scss b/res/css/modules/colors.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/res/css/modules/colors.scss
diff --git a/res/css/modules/mixins.scss b/res/css/modules/mixins.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/res/css/modules/mixins.scss
diff --git a/res/css/partials/base.scss b/res/css/partials/base.scss
new file mode 100644
index 00000000..ba9413d1
--- /dev/null
+++ b/res/css/partials/base.scss
@@ -0,0 +1,39 @@
+@import "../modules/colors";
+@import "../modules/mixins";
+
+//Globals
+html, body {
+  height: 100%;
+}
+
+body {
+  overflow-y: hidden;
+  overflow-x:auto;
+  margin: 0;
+  min-width: 980px;
+  padding: 0;
+  color: #FFF;
+  font-size: 14px;
+  background-color:#080808;
+}
+
+a{
+  text-decoration: none;
+  font-style: italic;
+}
+
+a:link {
+  color: #FFF;
+}
+
+a:visited {
+  color: #FFF;
+}
+
+a:hover {
+  color: #EDE275;
+}
+
+a:active {
+  color: #FFF;
+}
+\ No newline at end of file
diff --git a/res/css/partials/buttons.scss b/res/css/partials/buttons.scss
new file mode 100644
index 00000000..945dce46
--- /dev/null
+++ b/res/css/partials/buttons.scss
@@ -0,0 +1,63 @@
+.onoffswitch {
+  z-index:100;
+  position: fixed;
+  width: 160px;
+  top:35px;
+  right: 180px;
+  -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
+}
+
+.onoffswitch-checkbox {
+  display: none;
+}
+
+.onoffswitch-label {
+  display: block; overflow: hidden; cursor: pointer;
+  border: 2px solid #303030; border-radius: 5px;
+}
+
+.onoffswitch-inner {
+  display: block; width: 200%; margin-left: -100%;
+  -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
+  -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
+}
+
+.onoffswitch-inner:before, .onoffswitch-inner:after {
+  display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
+  font-size: 14px; color: white; font-weight: bold;
+  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+}
+
+.onoffswitch-inner:before {
+  content: "TIMELINE VIEW";
+  padding-left: 5px;
+  background-color: #080808; color: #FFFFFF;
+}
+
+.onoffswitch-inner:after {
+  content: "GRAPH VIEW";
+  padding-right: 5px;
+  background-color: #080808; color: #FFFFFF;
+  text-align: right;
+}
+
+.onoffswitch-switch {
+  display: block; width: 35px; margin: 0px;
+  background: #3D3D3D;
+  border: 1px solid #FFFFFF; border-radius: 5px;
+  position: absolute; top: 0; bottom: 0; right: 125px;
+  -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
+  -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
+  background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
+  background-image: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
+  background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
+  background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
+  margin-left: 0;
+}
+
+.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
+  right: 0px;
+}
diff --git a/res/css/partials/dev-area.scss b/res/css/partials/dev-area.scss
new file mode 100644
index 00000000..7d344a55
--- /dev/null
+++ b/res/css/partials/dev-area.scss
@@ -0,0 +1,25 @@
+.debug-ui {
+  position:fixed;
+  bottom:70px;
+  left:10px;
+  text-decoration: none;
+}
+
+.debug-ui-row {
+  float: left;
+  width: 100%;
+}
+
+.debug-ui-left {
+  float: left;
+  width: 50%;
+}
+
+.debug-ui-right {
+  float: right;
+  width: 50%;
+}
+
+.debug{
+
+}
+\ No newline at end of file
diff --git a/res/css/partials/graph-view.scss b/res/css/partials/graph-view.scss
new file mode 100644
index 00000000..10120964
--- /dev/null
+++ b/res/css/partials/graph-view.scss
@@ -0,0 +1,179 @@
+.node {
+  stroke: #fff;
+  stroke-width: 1px;
+  font-size: 16px;
+  z-index:100;
+}
+
+.ghostnode{
+
+}
+
+.circle {
+  stroke: #fff;
+  stroke-width: 1.5px;
+  z-index: 100;
+  pointer-events:all;
+  box-shadow: 0 0 0px #FFFF8F;
+}
+
+.nodetext {
+
+  fill: #FFFFFF;
+  font-size:17px;
+  z-index:3;
+}
+
+.linklabel{
+  stroke: #EEEEEE;
+  font-size:14px;
+
+}
+
+.link {
+  fill: none;
+  stroke: #404040;
+  z-index:1;
+}
+
+.ghostlink {
+  opacity: 0.0;
+  fill: none;
+  stroke-width: 15px;
+  z-index:2; /* higher than link, lower than node */
+}
+
+.circle.chosen {
+  stroke: #EDE275;
+}
+.circle.enter {
+  stroke: #EDE275;
+}
+.circle.bubble {
+  stroke: #101010;
+}
+.circle.exit {
+  stroke: #EDE275;
+}
+.circle.chainlink {
+  stroke: #AAA;
+}
+
+.circle.temp {
+  box-shadow: 0 0 40px #FFFF8F;
+}
+
+.circle.temp, .circle.chosen {
+  stroke-width: 3px;
+}
+
+.circle.temp.empty {
+  stroke-width: 1.5px;
+}
+
+/* Per node and edge type (type is a property of nodes and links) styling
+ * note that this should be automatically generated somehow for user settings.
+ */
+
+.circle.person {
+  fill: #FCB924;
+}
+
+
+.circle.club {
+  fill: #009DDC;
+}
+
+.circle.skill {
+  fill: #62BB47;
+}
+
+.circle.interest {
+  fill: #f9f5f1;
+}
+
+.circle.third-internship-proposal {
+  fill: #202020;
+}
+
+.circle.internship {
+  fill: #933E99;
+}
+
+.circle.empty {
+  fill: #080808;
+}
+
+.circle.chainlink {
+  fill: #fff;
+}
+
+.circle.bubble {
+  fill: rgba(0,0,0,0.2);
+}
+
+
+/* Selected parts of the graph, right now by clicking, later with search. */
+
+.notselected {
+  opacity: 0.2;
+}
+
+.graph.link.temp_and {
+  stroke-dasharray: 3,3;
+}
+
+.highlightlink {
+  fill: none;
+  stroke: #EDE275;
+  stroke-width: 2px;
+  z-index:1;
+  pointer-events: none;
+}
+
+.link.enter, .link.exit, .link.selected {
+  fill: none;
+  stroke: #EDE275;
+  stroke-width: 4px;
+  z-index:1;
+  pointer-events: none;
+}
+
+#editbox input{
+  width:130px;
+}
+
+.overlay {
+  fill:none;
+  pointer-events: all;
+  z-index:0;
+
+}
+
+.editinfo{
+  position: fixed;
+  top:-40px;
+  z-index:5;
+}
+
+.editlinkinfo{
+  position: fixed;
+  top:-40px;
+  z-index:5;
+}
+
+#editlinkname{
+  width:inherit;
+  height:inherit;
+
+  font-size: 17px;
+
+}
+
+#editname{
+  width:inherit;
+  height:inherit;
+
+  font-size: 17px;
+
+}
+\ No newline at end of file
diff --git a/res/css/partials/grid.scss b/res/css/partials/grid.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/res/css/partials/grid.scss
diff --git a/res/css/partials/info-box.scss b/res/css/partials/info-box.scss
new file mode 100644
index 00000000..0b0a4c08
--- /dev/null
+++ b/res/css/partials/info-box.scss
@@ -0,0 +1,19 @@
+.subtitle{
+  font-style:italic;
+  color: #bbb;
+  font-size: 12px;
+  float:right;
+}
+
+.edge_info, .info {
+  background-color: rgba(17,17,17,0.8);
+  position:fixed;
+  top:150px;
+  width:250px;
+  right:10px;
+  font-size: 18px;
+  border: 1px solid;
+  padding: 5px;
+  line-height: 45px;
+  border-color: #303030;
+}
+\ No newline at end of file
diff --git a/res/css/partials/input-bubble.scss b/res/css/partials/input-bubble.scss
new file mode 100644
index 00000000..679dcd53
--- /dev/null
+++ b/res/css/partials/input-bubble.scss
@@ -0,0 +1,15 @@
+.typeselection{
+  position:fixed;
+  left:0;
+  top:-300px;
+  pointer-events:none;
+}
+
+.typeselection td{
+  padding-top: 5px;
+  padding-left: 200px;
+}
+
+#keys{
+  opacity: 0.5;
+}
+\ No newline at end of file
diff --git a/res/css/partials/input-field.scss b/res/css/partials/input-field.scss
new file mode 100644
index 00000000..5b4e478f
--- /dev/null
+++ b/res/css/partials/input-field.scss
@@ -0,0 +1,42 @@
+input{
+  background-color: rgba(17,17,17,0.8);
+  color: white;
+  border-width: 1px;
+  border-color: #303030;
+  font-size:14px;
+
+  outline:none;
+  border-color:#303030;
+  box-shadow:0 0 0px #303030;
+  -webkit-transition: all 0.04s ease-in-out;
+  -moz-transition: all 0.04s ease-in-out;
+  -ms-transition: all 0.04s ease-in-out;
+  -o-transition: all 0.04s ease-in-out;
+}
+
+#textinputui {
+  position: fixed;
+  display: block;
+  top: 40px;
+  left: 20px;
+  right: 400px;
+}
+
+#textanalyser{
+  float: left;
+  height:30px;
+  max-width: 70%;
+  width:900px;
+}
+
+input:focus {
+}
+
+#suggestion{
+  list-style-type: none;
+}
+
+#suggestion td{
+  padding-top: 5px;
+  padding-left: 200px;
+}
+\ No newline at end of file
diff --git a/res/css/partials/metro-view.scss b/res/css/partials/metro-view.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/res/css/partials/metro-view.scss
diff --git a/res/css/partials/reset.scss b/res/css/partials/reset.scss
new file mode 100644
index 00000000..d9f27b5a
--- /dev/null
+++ b/res/css/partials/reset.scss
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
diff --git a/res/css/partials/search-bar.scss b/res/css/partials/search-bar.scss
new file mode 100644
index 00000000..1353f2fd
--- /dev/null
+++ b/res/css/partials/search-bar.scss
@@ -0,0 +1,9 @@
+#search {
+  height: 30px;
+  max-width: 100%;
+}
+
+#searchdiv {
+  width: 200px;
+  float: right;
+}
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
new file mode 100644
index 00000000..0cd101b7
--- /dev/null
+++ b/res/css/partials/task-alert.scss
@@ -0,0 +1,7 @@
+.help{
+  font-size: 20px;
+  position: fixed;
+  top: 5px;
+  left: 10px;
+  margin-left: 12px;
+}
diff --git a/res/css/partials/timeline-view.scss b/res/css/partials/timeline-view.scss
new file mode 100644
index 00000000..04eefda0
--- /dev/null
+++ b/res/css/partials/timeline-view.scss
@@ -0,0 +1,34 @@
+.history-timeline {
+  pointer-events: none;
+  z-index: -1;
+  position: absolute;
+  width: 100%;
+  justify-content: center;
+  bottom: 100px;
+}
+
+#gantbox{
+  position:absolute;
+  background-color: rgba(200,200,200,0.1);
+  height:100%;
+  width: 100%;
+  overflow: auto;
+  z-index:0;
+}
+
+.missingdates{
+  position:fixed;
+  bottom:60px;
+  left:160px;
+}
+
+.axis{
+  stroke: #ccc;
+  fill: #ccc;
+}
+
+.axis path,.axis line {
+  fill: none;
+  stroke: #ccc;
+  shape-rendering: crispEdges;
+}
diff --git a/res/css/partials/top-bar.scss b/res/css/partials/top-bar.scss
new file mode 100644
index 00000000..c43f6cce
--- /dev/null
+++ b/res/css/partials/top-bar.scss
@@ -0,0 +1,14 @@
+.logo {
+  position:fixed;
+  top:10px;
+  right:10px;
+  opacity: 0.7;
+
+}
+
+.poweredby{
+  position:fixed;
+  bottom:10px;
+  right:10px;
+  vertical-align: middle;
+}
+\ No newline at end of file
diff --git a/res/css/partials/typography.scss b/res/css/partials/typography.scss
new file mode 100644
index 00000000..77aa003f
--- /dev/null
+++ b/res/css/partials/typography.scss
@@ -0,0 +1,23 @@
+//Font weights
+$light: 100;
+$regular: 400;
+$bold: 600;
+
+// Base font
+$base-font-family: 'Source Sans Pro', sans-serif;
+$base-font-weight: $regular;
+$base-font-size: 13px;
+$base-line-height: 1.4;
+
+// Fixed Font
+$fixed-font-family: monospace;
+$fixed-font-size: 85%;
+$fixed-line-height: $base-line-height;
+
+// Headings
+$header-font-weight: $bold;
+
+@font-face {
+  font-family: 'MyWebFont';
+  src: url(../../font/SourceSansPro-Regular.ttf) format('ttf');
+}
+\ No newline at end of file
diff --git a/res/css/style.css b/res/css/style.css
deleted file mode 100644
index 0e46e1bc..00000000
--- a/res/css/style.css
+++ /dev/null
@@ -1,466 +0,0 @@
-html, body {
-  height: 100%; }
-
-body {
-  overflow-y: hidden;
-  overflow-x: auto;
-  margin: 0;
-  min-width: 980px;
-  padding: 0;
-  color: #FFF;
-  font-size: 14px;
-  font-family: 'Source Sans Pro', sans-serif;
-  background-color: #080808; }
-
-.title {
-  position: absolute;
-  left: 0;
-  right: 0;
-  text-align: center;
-  margin-left: auto;
-  margin-right: auto;
-  font-size: 30px; }
-
-textarea {
-  background-color: rgba(17, 17, 17, 0.8);
-  color: white;
-  border-width: 1px;
-  border-color: #303030;
-  font-size: 14px; }
-
-input {
-  background-color: rgba(17, 17, 17, 0.8);
-  color: white;
-  border-width: 1px;
-  border-color: #303030;
-  font-size: 14px;
-  outline: none;
-  border-color: #303030;
-  box-shadow: 0 0 0px #303030;
-  -webkit-transition: all 0.04s ease-in-out;
-  -moz-transition: all 0.04s ease-in-out;
-  -ms-transition: all 0.04s ease-in-out;
-  -o-transition: all 0.04s ease-in-out; }
-
-a {
-  text-decoration: none;
-  font-style: italic; }
-
-a:link {
-  color: #FFF; }
-
-a:visited {
-  color: #FFF; }
-
-a:hover {
-  color: #EDE275; }
-
-a:active {
-  color: #FFF; }
-
-#textinputui {
-  position: fixed;
-  display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px; }
-
-#textanalyser {
-  float: left;
-  height: 30px;
-  max-width: 70%;
-  width: 900px; }
-
-#suggestion {
-  list-style-type: none; }
-
-#search {
-  height: 30px;
-  max-width: 100%; }
-
-#searchdiv {
-  width: 200px;
-  float: right; }
-
-.node {
-  stroke: #fff;
-  stroke-width: 1px;
-  font-size: 16px;
-  z-index: 100; }
-
-.circle {
-  stroke: #fff;
-  stroke-width: 1.5px;
-  z-index: 100;
-  pointer-events: all;
-  box-shadow: 0 0 0px #FFFF8F; }
-
-.nodetext {
-  fill: #FFFFFF;
-  font-size: 17px;
-  z-index: 3; }
-
-.linklabel {
-  stroke: #EEEEEE;
-  font-size: 14px; }
-
-.barlabel {
-  stroke: #EEEEEE;
-  font-size: 14px; }
-
-.link {
-  fill: none;
-  stroke: #404040;
-  z-index: 1; }
-
-.ghostlink {
-  opacity: 0.0;
-  fill: none;
-  stroke-width: 15px;
-  z-index: 2;
-  /* higher than link, lower than node */ }
-
-.circle.chosen {
-  stroke: #EDE275; }
-
-.circle.enter {
-  stroke: #EDE275; }
-
-.circle.bubble {
-  stroke: #101010; }
-
-.circle.exit {
-  stroke: #EDE275; }
-
-.circle.chainlink {
-  stroke: #AAA; }
-
-.circle.temp {
-  box-shadow: 0 0 40px #FFFF8F; }
-
-.circle.temp, .circle.chosen {
-  stroke-width: 3px; }
-
-.circle.temp.empty {
-  stroke-width: 1.5px; }
-
-/* Per node and edge type (type is a property of nodes and links) styling
- * note that this should be automatically generated somehow for user settings.
- */
-.circle.person {
-  fill: #FCB924; }
-
-.circle.club {
-  fill: #009DDC; }
-
-.circle.skill {
-  fill: #62BB47; }
-
-.circle.interest {
-  fill: #f9f5f1; }
-
-.circle.third-internship-proposal {
-  fill: #202020; }
-
-.circle.internship {
-  fill: #933E99; }
-
-.circle.empty {
-  fill: #080808; }
-
-.circle.chainlink {
-  fill: #fff; }
-
-.circle.bubble {
-  fill: rgba(0, 0, 0, 0.2); }
-
-/* Selected parts of the graph, right now by clicking, later with search. */
-.notselected {
-  opacity: 0.2; }
-
-.graph.link.temp_and {
-  stroke-dasharray: 3,3; }
-
-.highlightlink {
-  fill: none;
-  stroke: #EDE275;
-  stroke-width: 2px;
-  z-index: 1;
-  pointer-events: none; }
-
-.link.enter, .link.exit, .link.selected {
-  fill: none;
-  stroke: #EDE275;
-  stroke-width: 4px;
-  z-index: 1;
-  pointer-events: none; }
-
-.subtitle {
-  font-style: italic;
-  color: #bbb;
-  font-size: 12px;
-  float: right; }
-
-.textfield {
-  position: fixed;
-  top: 200px;
-  left: 18px;
-  font-size: 14px; }
-
-.statement {
-  position: fixed;
-  top: 20px;
-  left: 20px; }
-
-.statement input {
-  clear: both;
-  background-color: rgba(17, 17, 17, 0.5);
-  color: white;
-  border-width: 1px;
-  border-color: #303030;
-  font-size: 14px; }
-
-.textselect {
-  position: fixed;
-  top: 600px;
-  left: 20px; }
-
-.logo {
-  position: fixed;
-  top: 10px;
-  right: 10px;
-  opacity: 0.7; }
-
-.colorpicker {
-  position: fixed;
-  top: 100px;
-  right: 10px; }
-
-.colorpicker td {
-  height: 40px;
-  width: 100px;
-  text-align: center; }
-
-.status {
-  display: none; }
-
-.typeselection {
-  position: fixed;
-  left: 0;
-  top: -300px;
-  pointer-events: none; }
-
-#keys {
-  opacity: 0.5; }
-
-#editbox input {
-  width: 130px; }
-
-#suggestion td {
-  padding-top: 5px;
-  padding-left: 200px; }
-
-.typeselection td {
-  padding-top: 5px;
-  padding-left: 200px; }
-
-.help {
-  font-size: 20px;
-  position: fixed;
-  top: 5px;
-  left: 10px;
-  margin-left: 12px; }
-
-.overlay {
-  fill: none;
-  pointer-events: all;
-  z-index: 0; }
-
-.colorpicker table {
-  border-width: 1px;
-  border-color: #303030; }
-
-.debug-ui {
-  position: fixed;
-  bottom: 70px;
-  left: 10px;
-  text-decoration: none; }
-
-.debug-ui-row {
-  float: left;
-  width: 100%; }
-
-.debug-ui-left {
-  float: left;
-  width: 50%; }
-
-.debug-ui-right {
-  float: right;
-  width: 50%; }
-
-.history-timeline {
-  pointer-events: none;
-  z-index: -1;
-  position: absolute;
-  width: 100%;
-  justify-content: center;
-  bottom: 100px; }
-
-.poweredby {
-  position: fixed;
-  bottom: 10px;
-  right: 10px;
-  vertical-align: middle; }
-
-.edge_info, .info {
-  background-color: rgba(17, 17, 17, 0.8);
-  position: fixed;
-  top: 150px;
-  width: 250px;
-  right: 10px;
-  font-size: 18px;
-  border: 1px solid;
-  padding: 5px;
-  line-height: 45px;
-  border-color: #303030; }
-
-.editinfo {
-  position: fixed;
-  top: -40px;
-  z-index: 5; }
-
-.editlinkinfo {
-  position: fixed;
-  top: -40px;
-  z-index: 5; }
-
-#gantbox {
-  position: absolute;
-  background-color: rgba(200, 200, 200, 0.1);
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  z-index: 0; }
-
-.missingdates {
-  position: fixed;
-  bottom: 60px;
-  left: 160px; }
-
-.axis {
-  stroke: #ccc;
-  fill: #ccc; }
-
-#editlinkname {
-  width: inherit;
-  height: inherit;
-  font-size: 17px; }
-
-#editname {
-  width: inherit;
-  height: inherit;
-  font-size: 17px; }
-
-.axis path, .axis line {
-  fill: none;
-  stroke: #ccc;
-  shape-rendering: crispEdges; }
-
-.bar {
-  fill: #33b5e5; }
-
-.bar-failed {
-  fill: #CC0000; }
-
-.bar-running {
-  fill: #669900; }
-
-.bar-succeeded {
-  fill: #33b5e5; }
-
-.bar-killed {
-  fill: #ffbb33; }
-
-.onoffswitch {
-  z-index: 100;
-  position: fixed;
-  width: 160px;
-  top: 35px;
-  right: 180px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none; }
-
-.onoffswitch-checkbox {
-  display: none; }
-
-.onoffswitch-label {
-  display: block;
-  overflow: hidden;
-  cursor: pointer;
-  border: 2px solid #303030;
-  border-radius: 5px; }
-
-.onoffswitch-inner {
-  display: block;
-  width: 200%;
-  margin-left: -100%;
-  -moz-transition: margin 0.3s ease-in 0s;
-  -webkit-transition: margin 0.3s ease-in 0s;
-  -o-transition: margin 0.3s ease-in 0s;
-  transition: margin 0.3s ease-in 0s; }
-
-.onoffswitch-inner:before, .onoffswitch-inner:after {
-  display: block;
-  float: left;
-  width: 50%;
-  height: 20px;
-  padding: 0;
-  line-height: 20px;
-  font-size: 14px;
-  color: white;
-  font-weight: bold;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box; }
-
-.onoffswitch-inner:before {
-  content: "TIMELINE VIEW";
-  padding-left: 5px;
-  background-color: #080808;
-  color: #FFFFFF; }
-
-.onoffswitch-inner:after {
-  content: "GRAPH VIEW";
-  padding-right: 5px;
-  background-color: #080808;
-  color: #FFFFFF;
-  text-align: right; }
-
-.onoffswitch-switch {
-  display: block;
-  width: 35px;
-  margin: 0px;
-  background: #3D3D3D;
-  border: 1px solid #FFFFFF;
-  border-radius: 5px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 125px;
-  -moz-transition: all 0.3s ease-in 0s;
-  -webkit-transition: all 0.3s ease-in 0s;
-  -o-transition: all 0.3s ease-in 0s;
-  transition: all 0.3s ease-in 0s;
-  background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, transparent 100%);
-  background-image: -o-linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
-  background-image: linear-gradient(center top, rgba(0, 0, 0, 0.1) 0%, transparent 100%); }
-
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
-  margin-left: 0; }
-
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-  right: 0px; }
-
-/*# sourceMappingURL=style.css.map */
diff --git a/res/css/style.css.map b/res/css/style.css.map
index d70a229e..b402fa3d 100644
--- a/res/css/style.css.map
+++ b/res/css/style.css.map
@@ -1,7 +1,7 @@
 {
 "version": 3,
-"mappings": "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",
-"sources": ["style.scss"],
+"mappings": "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",
+"sources": ["style.scss","partials/reset.scss","partials/base.scss","partials/buttons.scss","partials/dev-area.scss","partials/graph-view.scss","partials/input-field.scss","partials/input-bubble.scss","partials/info-box.scss","partials/search-bar.scss","partials/task-alert.scss","partials/timeline-view.scss","partials/top-bar.scss"],
 "names": [],
 "file": "style.css"
 }
diff --git a/res/css/style.scss b/res/css/style.scss
index 0804de4e..54637917 100644
--- a/res/css/style.scss
+++ b/res/css/style.scss
@@ -1,556 +1,24 @@
-html, body {
-    height: 100%;
-}
+//Reset CSS
+@import "partials/reset";
 
-html{
-}
 
-body {
-	overflow-y: hidden;
-  overflow-x:auto;
-	margin: 0;
-	min-width: 980px;
-	padding: 0;
-	color: #FFF;
-	font-size: 14px;
-    font-family: 'Source Sans Pro', sans-serif;
-  background-color:#080808;
-}
+// Modules and Variables
+@import "partials/base";
 
-.title{
-	position:absolute;
-	left:0;
-	right:0;
-	text-align:center;
-	margin-left:auto;
-	margin-right:auto;
-	font-size: 30px;
-}
+// Partials
+@import "partials/buttons";
+@import "partials/dev-area";
+@import "partials/graph-view";
+@import "partials/grid";
+@import "partials/input-field";
+@import "partials/input-bubble";
+@import "partials/info-box";
+@import "partials/metro-view";
+@import "partials/search-bar";
+@import "partials/task-alert";
+@import "partials/timeline-view";
+@import "partials/top-bar";
+@import "partials/typography";
 
-textarea {
-background-color: rgba(17,17,17,0.8);
-color: white;
-border-width: 1px;
-border-color: #303030;
-font-size:14px;
-}
-
-input{
-background-color: rgba(17,17,17,0.8);
-color: white;
-border-width: 1px;
-border-color: #303030;
-font-size:14px;
-
-  outline:none;
-  border-color:#303030;
-  box-shadow:0 0 0px #303030;
-  -webkit-transition: all 0.04s ease-in-out;
-  -moz-transition: all 0.04s ease-in-out;
-  -ms-transition: all 0.04s ease-in-out;
-  -o-transition: all 0.04s ease-in-out;
-}
-
-a{
-  text-decoration: none;
-  font-style: italic;
-}
-a:link {
-    color: #FFF;
-}
-a:visited {
-    color: #FFF;
-}
-a:hover {
-    color: #EDE275;
-}
-a:active {
-    color: #FFF;
-}
-
-#textinputui {
-  position: fixed;
-  display: block;
-  top: 40px;
-  left: 20px;
-  right: 400px;
-}
-
-#textanalyser{
-  float: left;
-  height:30px;
-  max-width: 70%;
-  width:900px;
-}
-
-input:focus {
-}
-
-#suggestion{
-  list-style-type: none;
-}
-
-#search {
-    height: 30px;
-    max-width: 100%;
-}
-
-#searchdiv {
-    width: 200px;
-    float: right;
-}
-
-.node {
-  stroke: #fff;
-  stroke-width: 1px;
-  font-size: 16px;
-  z-index:100;
-}
-
-.ghostnode{
-
-}
-
-.circle {
-  stroke: #fff;
-  stroke-width: 1.5px;
-  z-index: 100;
-  pointer-events:all;
-  box-shadow: 0 0 0px #FFFF8F;
-}
-
-.nodetext {
-
-  fill: #FFFFFF;
-  font-size:17px;
-  z-index:3;
-}
-
-.linklabel{
-  stroke: #EEEEEE;
-  font-size:14px;
-
-}
-
-.barlabel{
-  stroke: #EEEEEE;
-  font-size:14px;
-}
-
-.link {
-  fill: none;
-  stroke: #404040;
-  z-index:1;
-}
-
-.ghostlink {
-  opacity: 0.0;
-  fill: none;
-  stroke-width: 15px;
-  z-index:2; /* higher than link, lower than node */
-}
-
-.circle.chosen {
-    stroke: #EDE275;
-}
-.circle.enter {
-    stroke: #EDE275;
-}
-.circle.bubble {
-    stroke: #101010;
-}
-.circle.exit {
-    stroke: #EDE275;
-}
-.circle.chainlink {
-    stroke: #AAA;
-}
-
-.circle.temp {
-    box-shadow: 0 0 40px #FFFF8F;
-}
-
-.circle.temp, .circle.chosen {
-    stroke-width: 3px;
-}
-
-.circle.temp.empty {
-    stroke-width: 1.5px;
-}
-
-/* Per node and edge type (type is a property of nodes and links) styling
- * note that this should be automatically generated somehow for user settings.
- */
-
-.circle.person {
-    fill: #FCB924;
-}
-
-
-.circle.club {
-    fill: #009DDC;
-}
-
-.circle.skill {
-    fill: #62BB47;
-}
-
-.circle.interest {
-  fill: #f9f5f1;
-}
-
-.circle.third-internship-proposal {
-    fill: #202020;
-}
-
-.circle.internship {
-    fill: #933E99;
-}
-
-.circle.empty {
-    fill: #080808;
-}
-
-.circle.chainlink {
-    fill: #fff;
-}
-
-.circle.bubble {
-    fill: rgba(0,0,0,0.2);
-}
-
-
-/* Selected parts of the graph, right now by clicking, later with search. */
-
-.notselected {
-    opacity: 0.2;
-}
-
-.graph.link.temp_and {
-    stroke-dasharray: 3,3;
-}
-
-.highlightlink {
-  fill: none;
-  stroke: #EDE275;
-  stroke-width: 2px;
-  z-index:1;
-  pointer-events: none;
-}
-
-.link.enter, .link.exit, .link.selected {
-  fill: none;
-  stroke: #EDE275;
-  stroke-width: 4px;
-  z-index:1;
-  pointer-events: none;
-}
-
-.subtitle{
-  font-style:italic;
-  color: #bbb;
-  font-size: 12px;
-  float:right;
-}
-
-.textfield{
-	position:fixed;
-	top:200px;
-	left:18px;
-	font-size: 14px;
-}
-
-.statement {
-   position:fixed;
-	 top:20px;
-	 left:20px;
-}
-.statement input {
-   clear: both;
-   background-color: rgba(17,17,17,0.5);
-   color: white;
-   border-width: 1px;
-   border-color: #303030;
-   font-size: 14px;
-}
-
-.textselect {
-   position:fixed;
-	 top:600px;
-	 left:20px;
-}
-
-.logo {
-   position:fixed;
-	 top:10px;
-	 right:10px;
-   opacity: 0.7;
-
-}
-.colorpicker{
-  position:fixed;
-  top:100px;
-  right:10px;
-
-}
-
-.colorpicker td{
-  height:40px;
-  width:100px;
-  text-align: center;
-}
-
-.status{
-  display:none;
-}
-
-.typeselection{
-  position:fixed;
-  left:0;
-  top:-300px;
-  pointer-events:none;
-}
-
-#keys{
-  opacity: 0.5;
-}
-
-#editbox input{
-  width:130px;
-}
-
-#suggestion td{
-  padding-top: 5px;
-  padding-left: 200px;
-}
-
-.typeselection td{
-  padding-top: 5px;
-  padding-left: 200px;
-}
-
-.help{
-  font-size: 20px;
-  position: fixed;
-  top: 5px;
-  left: 10px;
-  margin-left: 12px;
-}
-
-.overlay {
-  fill:none;
-  pointer-events: all;
-  z-index:0;
-
-}
-
-.colorpicker table{
-  border-width: 1px;
-   border-color: #303030;
-}
-
-.debug-ui {
-  position:fixed;
-  bottom:70px;
-  left:10px;
-  text-decoration: none;
-}
-
-.debug-ui-row {
-    float: left;
-    width: 100%;
-}
-
-.debug-ui-left {
-    float: left;
-    width: 50%;
-}
-
-.debug-ui-right {
-    float: right;
-    width: 50%;
-}
-
-.debug{
-}
-
-.history-timeline {
-    pointer-events: none;
-    z-index: -1;
-    position: absolute;
-    width: 100%;
-    justify-content: center;
-    bottom: 100px;
-}
-
-.save{
-}
-
-.export {
-}
-
-.local-storage-load {
-}
-
-.poweredby{
-  position:fixed;
-  bottom:10px;
-  right:10px;
-  vertical-align: middle;
-}
-
-.edge_info, .info {
-  background-color: rgba(17,17,17,0.8);
-	position:fixed;
-	top:150px;
-  width:250px;
-	right:10px;
-	font-size: 18px;
-  border: 1px solid;
-  padding: 5px;
-  line-height: 45px;
-  border-color: #303030;
-}
-.editinfo{
-  position: fixed;
-  top:-40px;
-  z-index:5;
-}
-
-.editlinkinfo{
-  position: fixed;
-  top:-40px;
-  z-index:5;
-}
-
-#gantbox{
-  position:absolute;
-  background-color: rgba(200,200,200,0.1);
-  height:100%;
-  width: 100%;
-  overflow: auto;
-  z-index:0;
-}
-
-.missingdates{
-  position:fixed;
-  bottom:60px;
-  left:160px;
-}
-
-
-
-.axis{
-  stroke: #ccc;
-  fill: #ccc;
-}
-
-#editlinkname{
-  width:inherit;
-  height:inherit;
-
-  font-size: 17px;
-
-}
-
-#editname{
-  width:inherit;
-  height:inherit;
-
-  font-size: 17px;
-
-}
-
-
-.axis path,.axis line {
-  fill: none;
-  stroke: #ccc;
-  shape-rendering: crispEdges;
-}
-
-.bar {
-  fill: #33b5e5;
-}
-
-.bar-failed {
-  fill: #CC0000;
-}
-
-.bar-running {
-  fill: #669900;
-}
-
-.bar-succeeded {
-  fill: #33b5e5;
-}
-
-.bar-killed {
-  fill: #ffbb33;
-}
-
-
-
-
-.onoffswitch {
-    z-index:100;
-    position: fixed;
-    width: 160px;
-    top:35px;
-    right: 180px;
-    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
-}
-
-.onoffswitch-checkbox {
-    display: none;
-}
-
-.onoffswitch-label {
-    display: block; overflow: hidden; cursor: pointer;
-    border: 2px solid #303030; border-radius: 5px;
-}
-
-.onoffswitch-inner {
-    display: block; width: 200%; margin-left: -100%;
-    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
-    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
-}
-
-.onoffswitch-inner:before, .onoffswitch-inner:after {
-    display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
-    font-size: 14px; color: white; font-weight: bold;
-    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
-}
-
-.onoffswitch-inner:before {
-    content: "TIMELINE VIEW";
-    padding-left: 5px;
-    background-color: #080808; color: #FFFFFF;
-}
-
-.onoffswitch-inner:after {
-    content: "GRAPH VIEW";
-    padding-right: 5px;
-    background-color: #080808; color: #FFFFFF;
-    text-align: right;
-}
-
-.onoffswitch-switch {
-    display: block; width: 35px; margin: 0px;
-    background: #3D3D3D;
-    border: 1px solid #FFFFFF; border-radius: 5px;
-    position: absolute; top: 0; bottom: 0; right: 125px;
-    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
-    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
-    background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
-    background-image: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
-    background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
-    background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
-}
-
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
-    margin-left: 0;
-}
-
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-    right: 0px;
-}
+// Third-party
+@import "vendor/ui.css";
+\ No newline at end of file
diff --git a/res/css/ui.css b/res/css/vendor/ui.css
index 8d0b2248..8d0b2248 100644
--- a/res/css/ui.css
+++ b/res/css/vendor/ui.css