Added font: lato

1 files changed, 82 insertions, 12 deletions

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");
 }