Added font: lato

6 files changed, 235 insertions, 34 deletions

diff --git a/css/fonts.css b/css/fonts.css
new file mode 100644
index 0000000..aa21e5f
--- /dev/null
+++ b/css/fonts.css
@@ -0,0 +1,70 @@
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Thin.ttf");
+  font-style: normal;
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-ThinItalic.ttf");
+  font-style: italic;
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Light.ttf");
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-LightItalic.ttf");
+  font-style: italic;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Regular.ttf");
+  font-style: normal;
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Italic.ttf");
+  font-style: italic;
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Bold.ttf");
+  font-style: normal;
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-BlackItalic.ttf");
+  font-style: italic;
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Black.ttf");
+  font-style: normal;
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-BlackItalic.ttf");
+  font-style: italic;
+  font-weight: 900;
+}
+/*# sourceMappingURL=fonts.css.map */
\ No newline at end of file
diff --git a/css/fonts.css.map b/css/fonts.css.map
new file mode 100644
index 0000000..3f80790
--- /dev/null
+++ b/css/fonts.css.map
@@ -0,0 +1,9 @@
+{
+    "version": 3,
+    "mappings": "AAAA,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,6BAA6B;EAClC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,mCAAmC;EACxC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,8BAA8B;EACnC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,gCAAgC;EACrC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,+BAA+B;EACpC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,6BAA6B;EAClC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,8BAA8B;EACnC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG",
+    "sources": [
+        "fonts.scss"
+    ],
+    "names": [],
+    "file": "fonts.css"
+}
\ No newline at end of file
diff --git a/css/fonts.scss b/css/fonts.scss
new file mode 100644
index 0000000..f8a7a8c
--- /dev/null
+++ b/css/fonts.scss
@@ -0,0 +1,60 @@
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Thin.ttf');
+    font-style: normal;
+    font-weight: 100;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-ThinItalic.ttf');
+    font-style: italic;
+    font-weight: 100;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Light.ttf');
+    font-style: normal;
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-LightItalic.ttf');
+    font-style: italic;
+    font-weight: 300;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Regular.ttf');
+    font-style: normal;
+    font-weight: 400;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Italic.ttf');
+    font-style: italic;
+    font-weight: 400;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Bold.ttf');
+    font-style: normal;
+    font-weight: 700;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-BlackItalic.ttf');
+    font-style: italic;
+    font-weight: 700;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-Black.ttf');
+    font-style: normal;
+    font-weight: 900;
+}
+@font-face {
+    font-family: 'Lato';
+    src: url('../fonts/Lato-BlackItalic.ttf');
+    font-style: italic;
+    font-weight: 900;
+}
diff --git a/css/main.css b/css/main.css
index af7bb2d..801ae85 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,29 +1,91 @@
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Thin.ttf");
+  font-style: normal;
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-ThinItalic.ttf");
+  font-style: italic;
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Light.ttf");
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-LightItalic.ttf");
+  font-style: italic;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Regular.ttf");
+  font-style: normal;
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Italic.ttf");
+  font-style: italic;
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Bold.ttf");
+  font-style: normal;
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-BlackItalic.ttf");
+  font-style: italic;
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-Black.ttf");
+  font-style: normal;
+  font-weight: 900;
+}
+
+@font-face {
+  font-family: 'Lato';
+  src: url("../fonts/Lato-BlackItalic.ttf");
+  font-style: italic;
+  font-weight: 900;
+}
+
 body {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: 'Lato', sans-serif;
 }
 
 .topNavigationBar {
   padding: 5px 10px;
   -webkit-user-select: none;
   -webkit-app-region: drag;
-  background: #0075c4;
-  /* Old browsers */
-  /* FF3.6-15 */
-  /* Chrome10-25,Safari5.1-6 */
-  background: -webkit-gradient(linear, left top, left bottom, from(#0075c4), to(#0267c1));
-  background: linear-gradient(to bottom, #0075c4 0%, #0267c1 100%);
-  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c4', endColorstr='#0267c1',GradientType=0 );
-  /* IE6-9 */
+  background: #ffffff;
 }
 
 .titlebar {
   text-align: center;
   font-size: 12px;
-  margin: 0px 0px 10px 0px;
-  color: white;
+  margin: 0px 0px 20px 0px;
+  color: black;
   font-weight: 400;
 }
 
@@ -38,6 +100,14 @@ body {
   background-repeat: no-repeat;
 }
 
+.two_pane {
+  display: -ms-grid;
+  display: grid;
+  -ms-grid-columns: 240px auto;
+      grid-template-columns: 240px auto;
+  padding: 10px;
+}
+
 .actionButtons .newFolder {
   background-image: url("../icons/symbolic/light/normal/folder-new.svg");
 }
diff --git a/css/main.css.map b/css/main.css.map
index fefc85b..787327b 100644
--- a/css/main.css.map
+++ b/css/main.css.map
@@ -1,8 +1,9 @@
 {
     "version": 3,
-    "mappings": "AAAA,AAAA,IAAI,CAAC;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,WAAW,EAAE,2HACiD;CAC/D;;AAED,AAAA,iBAAiB,CAAC;EAChB,OAAO,EAAE,QAAQ;EACjB,mBAAmB,EAAE,IAAI;EACzB,kBAAkB,EAAE,IAAI;EACxB,UAAU,EAAE,OAAO;EAAE,kBAAkB;EACvC,UAAU,EAAE,mDAIX;EAAE,cAAc;EACjB,UAAU,EAAE,sDAIX;EAAE,6BAA6B;EAChC,UAAU,EAAE,oDAIX;EAAE,sDAAsD;EACzD,MAAM,EAAE,2GAA2G;EAAE,WAAW;CACjI;;AAED,AAAA,SAAS,CAAC;EACR,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,gBAAgB;EACxB,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,GAAG;CACjB;;AAED,AACE,cADY,CACZ,IAAI,CAAC;EACH,UAAU,EAAE,WAAW;EACvB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,OAAO;EACxB,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;CAC7B;;AChDH,AACI,cADU,CACV,UAAU,CAAC;EACT,gBAAgB,EAAE,oDAAoD;CACvE;;AAHL,AAII,cAJU,CAIV,UAAU,AAAA,MAAM,CAAC;EACf,gBAAgB,EAAE,qDAAqD;CACxE",
+    "mappings": "ACAA,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,6BAA6B;EAClC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,mCAAmC;EACxC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,8BAA8B;EACnC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,gCAAgC;EACrC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,+BAA+B;EACpC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,6BAA6B;EAClC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,8BAA8B;EACnC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;AAEpB,UAAU;EACN,WAAW,EAAE,MAAM;EACnB,GAAG,EAAE,oCAAoC;EACzC,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;;;ADxDpB,AAAA,IAAI,CAAC;EACH,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,WAAW,EAAE,kBAAkB;CAChC;;AAED,AAAA,iBAAiB,CAAC;EAChB,OAAO,EAAE,QAAQ;EACjB,mBAAmB,EAAE,IAAI;EACzB,kBAAkB,EAAE,IAAI;EACxB,UAAU,EAAE,OAAO;CACpB;;AAED,AAAA,SAAS,CAAC;EACR,UAAU,EAAE,MAAM;EAClB,SAAS,EAAE,IAAI;EACf,MAAM,EAAE,gBAAgB;EACxB,KAAK,EAAE,KAAK;EACZ,WAAW,EAAE,GAAG;CACjB;;AAED,AACE,cADY,CACZ,IAAI,CAAC;EACH,UAAU,EAAE,WAAW;EACvB,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,OAAO;EACxB,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;CAC7B;;AAGH,AAAA,SAAS,CAAC;EACN,OAAO,EAAE,IAAI;EACb,qBAAqB,EAAE,UAAU;EACjC,OAAO,EAAE,IAAI;CAChB;;AExCD,AACI,cADU,CACV,UAAU,CAAC;EACT,gBAAgB,EAAE,oDAAoD;CACvE;;AAHL,AAII,cAJU,CAIV,UAAU,AAAA,MAAM,CAAC;EACf,gBAAgB,EAAE,qDAAqD;CACxE",
     "sources": [
         "main.scss",
+        "fonts.scss",
         "icons.scss"
     ],
     "names": [],
diff --git a/css/main.scss b/css/main.scss
index 4bbee18..a78c5b6 100644
--- a/css/main.scss
+++ b/css/main.scss
@@ -1,38 +1,23 @@
+@import "fonts.scss";
+
 body {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
-    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family: 'Lato', sans-serif;
 }
 
 .topNavigationBar {
   padding: 5px 10px;
   -webkit-user-select: none;
   -webkit-app-region: drag;
-  background: #0075c4; /* Old browsers */
-  background: -moz-linear-gradient(
-    top,
-    #0075c4 0%,
-    #0267c1 100%
-  ); /* FF3.6-15 */
-  background: -webkit-linear-gradient(
-    top,
-    #0075c4 0%,
-    #0267c1 100%
-  ); /* Chrome10-25,Safari5.1-6 */
-  background: linear-gradient(
-    to bottom,
-    #0075c4 0%,
-    #0267c1 100%
-  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0075c4', endColorstr='#0267c1',GradientType=0 ); /* IE6-9 */
+  background: #ffffff;
 }
 
 .titlebar {
   text-align: center;
   font-size: 12px;
-  margin: 0px 0px 10px 0px;
-  color: white;
+  margin: 0px 0px 20px 0px;
+  color: black;
   font-weight: 400;
 }
 
@@ -49,4 +34,10 @@ body {
   }
 }
 
+.two_pane {
+    display: grid;
+    grid-template-columns: 240px auto;
+    padding: 10px;
+}
+
 @import "icons.scss";