Added top-bar + removed deprecated elements and classes

13 files changed, 174 insertions, 265 deletions

diff --git a/res/css/Typography.css b/res/css/Typography.css
new file mode 100644
index 00000000..d859c76e
--- /dev/null
+++ b/res/css/Typography.css
@@ -0,0 +1,24 @@
+/*
+Errno::ENOENT: No such file or directory @ rb_sysopen - Typography.scss
+
+Backtrace:
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin/compiler.rb:482:in `read'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin/compiler.rb:482:in `update_stylesheet'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin/compiler.rb:215:in `block in update_stylesheets'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin/compiler.rb:209:in `each'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin/compiler.rb:209:in `update_stylesheets'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/plugin.rb:82:in `update_stylesheets'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:350:in `watch_or_update'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/exec/sass_scss.rb:50:in `process_result'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/exec/base.rb:52:in `parse'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/lib/sass/exec/base.rb:19:in `parse!'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/gems/sass-3.4.9/bin/scss:13:in `<top (required)>'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/bin/scss:23:in `load'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/bin/scss:23:in `<main>'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/bin/ruby_executable_hooks:15:in `eval'
+/Users/dorgarbash/.rvm/gems/ruby-2.1.2/bin/ruby_executable_hooks:15:in `<main>'
+*/
+body:before {
+  white-space: pre;
+  font-family: monospace;
+  content: "Errno::ENOENT: No such file or directory @ rb_sysopen - Typography.scss"; }
diff --git a/res/css/partials/typography.scss b/res/css/modules/Typography.scss
index 817770cb..224e7a44 100644
--- a/res/css/partials/typography.scss
+++ b/res/css/modules/Typography.scss
@@ -12,19 +12,17 @@ $bold: 600;
 
 // Base font
 $base-font-family: 'Source Sans Pro', sans-serif;
+$semibold-font-family: 'Source Sans Pro Semibold', 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
+$header-font-weight: $bold;
\ No newline at end of file
diff --git a/res/css/modules/colors.scss b/res/css/modules/colors.scss
index 1bb70320..705cf9f7 100644
--- a/res/css/modules/colors.scss
+++ b/res/css/modules/colors.scss
@@ -1,10 +1,9 @@
-//Color palette

-$light-grey: #f5f5fa;
-
$mid-grey: #919095;
-
$dark-grey: #363636;

-$magenta: #ee3654;
-
$cyan: #33c2e0;
-
$blue: #004681;
-
$purple: #8b3ab0;
-
$orange: #ff8b11;
-
$yellow:#fad900;
\ No newline at end of file
+//$light-grey: #f5f5fa;
+//$mid-grey: #919095;
+//
$dark-grey: #363636;
+//$magenta: #ee3654;

+//$cyan: #33c2e0;
+//
$blue: #004681;
+//
$purple: #8b3ab0;
+//
$orange: #ff8b11;
+//
$yellow: #fad900;
\ No newline at end of file
diff --git a/res/css/partials/base.scss b/res/css/partials/base.scss
index ba9413d1..b9b14886 100644
--- a/res/css/partials/base.scss
+++ b/res/css/partials/base.scss
@@ -1,5 +1,6 @@
 @import "../modules/colors";
 @import "../modules/mixins";
+@import "../modules/typography";
 
 //Globals
 html, body {
diff --git a/res/css/partials/buttons.scss b/res/css/partials/buttons.scss
index 945dce46..e69de29b 100644
--- a/res/css/partials/buttons.scss
+++ b/res/css/partials/buttons.scss
@@ -1,63 +0,0 @@
-.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/graph-view.scss b/res/css/partials/graph-view.scss
index 10120964..b885031d 100644
--- a/res/css/partials/graph-view.scss
+++ b/res/css/partials/graph-view.scss
@@ -176,4 +176,9 @@
 
   font-size: 17px;
 
+}
+
+.rhizi-logo {
+  position: fixed;
+  left:800px;
 }
\ No newline at end of file
diff --git a/res/css/partials/reset.scss b/res/css/partials/reset.scss
index d9f27b5a..86e14741 100644
--- a/res/css/partials/reset.scss
+++ b/res/css/partials/reset.scss
@@ -21,6 +21,7 @@ time, mark, audio, video {
   border: 0;
   font-size: 100%;
   font: inherit;
+  font-family: 'Source Sans Pro', sans-serif;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
diff --git a/res/css/partials/task-alert.scss b/res/css/partials/task-alert.scss
index 0cd101b7..670808f3 100644
--- a/res/css/partials/task-alert.scss
+++ b/res/css/partials/task-alert.scss
@@ -1,6 +1,5 @@
 .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
deleted file mode 100644
index 04eefda0..00000000
--- a/res/css/partials/timeline-view.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-.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
index c43f6cce..71414b7a 100644
--- a/res/css/partials/top-bar.scss
+++ b/res/css/partials/top-bar.scss
@@ -1,9 +1,49 @@
-.logo {
+.top-bar{
   position:fixed;
+  top:0;
+  left:0;
+  width:100%;
+  height:36px;
+  background-color:#363636; //todo: $dark-grey
+}
+
+.doc-title{
+  position:fixed;
+  font-family: $semibold-font-family;
+  left:60px;
   top:10px;
-  right:10px;
-  opacity: 0.7;
+  color: #f5f5fa; //todo: $light-grey:
+
+}
+
+.profile-circle {
+  position:fixed;
+  right: 400px;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  background: #33c2e0;//todo: $cyan
+  top:3px;
+}
 
+.profile-initials {
+  position:fixed;
+  top:10px;
+  right:405px;
+  color: #f5f5fa;//$light-grey
+}
+
+.profile-username {
+  position:fixed;
+  top:10px;
+  right: 295px;
+  color: #f5f5fa;//$light-grey
+}
+
+.owner-logo {
+  position:fixed;
+  top:3px;
+  right: 50px;
 }
 
 .poweredby{
diff --git a/res/css/style.css b/res/css/style.css
index 55e7c01f..2c62caf4 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -1,8 +1,37 @@
+@import url(vendor/ui.css);
+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; }
+
 /* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
 */
-@import url(vendor/ui.css);
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
@@ -21,6 +50,7 @@ time, mark, audio, video {
   border: 0;
   font-size: 100%;
   font: inherit;
+  font-family: 'Source Sans Pro', sans-serif;
   vertical-align: baseline; }
 
 /* HTML5 display-role reset for older browsers */
@@ -46,117 +76,6 @@ table {
   border-collapse: collapse;
   border-spacing: 0; }
 
-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; }
-
-.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; }
-
 .debug-ui {
   position: fixed;
   bottom: 70px;
@@ -312,6 +231,10 @@ a:active {
   height: inherit;
   font-size: 17px; }
 
+.rhizi-logo {
+  position: fixed;
+  left: 800px; }
+
 input {
   background-color: rgba(17, 17, 17, 0.8);
   color: white;
@@ -387,46 +310,50 @@ input {
 
 .help {
   font-size: 20px;
-  position: fixed;
   top: 5px;
   left: 10px;
   margin-left: 12px; }
 
-.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%;
+.top-bar {
+  position: fixed;
+  top: 0;
+  left: 0;
   width: 100%;
-  overflow: auto;
-  z-index: 0; }
+  height: 36px;
+  background-color: #363636; }
 
-.missingdates {
+.doc-title {
   position: fixed;
-  bottom: 60px;
-  left: 160px; }
+  font-family: "Source Sans Pro Semibold", sans-serif;
+  left: 60px;
+  top: 10px;
+  color: #f5f5fa; }
 
-.axis {
-  stroke: #ccc;
-  fill: #ccc; }
+.profile-circle {
+  position: fixed;
+  right: 400px;
+  border-radius: 50%;
+  width: 30px;
+  height: 30px;
+  background: #33c2e0;
+  top: 3px; }
 
-.axis path, .axis line {
-  fill: none;
-  stroke: #ccc;
-  shape-rendering: crispEdges; }
+.profile-initials {
+  position: fixed;
+  top: 10px;
+  right: 405px;
+  color: #f5f5fa; }
 
-.logo {
+.profile-username {
   position: fixed;
   top: 10px;
-  right: 10px;
-  opacity: 0.7; }
+  right: 295px;
+  color: #f5f5fa; }
+
+.owner-logo {
+  position: fixed;
+  top: 3px;
+  right: 50px; }
 
 .poweredby {
   position: fixed;
@@ -437,5 +364,19 @@ input {
 @font-face {
   font-family: 'MyWebFont';
   src: url(../../font/SourceSansPro-Regular.ttf) format("ttf"); }
+h1 {
+  font-size: 30px; }
+
+h2 {
+  font-size: 24px; }
+
+h1 {
+  font-size: 18px; }
+
+h2 {
+  font-size: 14px; }
+
+h1 {
+  font-size: 12px; }
 
 /*# sourceMappingURL=style.css.map */
diff --git a/res/css/style.css.map b/res/css/style.css.map
index f4dfce2a..ef27072e 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","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","partials/typography.scss"],
+"mappings": "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",
+"sources": ["style.scss","partials/base.scss","partials/reset.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/top-bar.scss","modules/typography.scss","partials/typography.scss"],
 "names": [],
 "file": "style.css"
-}
+}
\ No newline at end of file
diff --git a/res/css/style.scss b/res/css/style.scss
index 54637917..3ac96c80 100644
--- a/res/css/style.scss
+++ b/res/css/style.scss
@@ -1,10 +1,9 @@
-//Reset CSS
-@import "partials/reset";
-
-
 // Modules and Variables
 @import "partials/base";
 
+//Reset CSS
+@import "partials/reset";
+
 // Partials
 @import "partials/buttons";
 @import "partials/dev-area";
@@ -16,7 +15,6 @@
 @import "partials/metro-view";
 @import "partials/search-bar";
 @import "partials/task-alert";
-@import "partials/timeline-view";
 @import "partials/top-bar";
 @import "partials/typography";