Added top-bar + removed deprecated elements and classes

1 files changed, 81 insertions, 140 deletions

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 */