From 2413c42bcc3f7801baed3d5021a5202dd532b66c Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Tue, 6 Oct 2020 10:25:22 +0000
Subject: [PATCH] [Graph | Trunk]: Change global backgorund and fonts, add logo
 on home

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59510 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/app.component.html |   4 +-
 src/styles.css             | 122 +++++--------------------------------
 2 files changed, 16 insertions(+), 110 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index a924a1c..ece25fe 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,7 +1,7 @@
-<navbar *ngIf= "showMenu" portal="usage-counts" [onlyTop]="false" [userMenu]="false" [showLogo]="!isHome"
+<navbar *ngIf= "showMenu" portal="usage-counts" [onlyTop]="false" [userMenu]="false"
         [user]="user" [userMenuItems]=userMenuItems [menuItems]=menuItems [properties]=properties></navbar>
 <div class="custom-main-content">
-    <main [class.full-height]="isHome">
+    <main>
         <router-outlet></router-outlet>
     </main>
 </div>
diff --git a/src/styles.css b/src/styles.css
index 3a44f8a..0b288c0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -12,124 +12,30 @@
   --portal-dark-color: #E63946;
 }
 
-.top-bar-background {
-  background-color: #F9FBFC;
-}
-
 main {
-  background-color: #F9FBFC;
-  color: #333333;
+  background-color: #FAFAFA;
+  color: #1A1A1A;
   min-height: calc(100vh - 100px);
   font-size: 16px;
-  font-family: Roboto, sans-serif;
-  line-height: 21px;
-  letter-spacing: 0.48px;
+  font-family: "Open Sans", sans-serif;
+  line-height: 30px;
+  letter-spacing: 0.16px;
 }
 
 navbar > * {
-  background-color: #F9FBFC;
+  background-color: #FAFAFA;
 }
 
-main.full-height {
-  min-height: 100vh;
+.uk-text-large {
+  font-size: 18px;
 }
 
-/* Order list */
-ol.light-blue {
-  counter-reset: counter;
-  list-style: none;
+.uk-text-small {
+  font-size: 14px;
+  line-height: 20px;
+  letter-spacing: 0;
 }
-
-ol.light-blue li {
-  margin: 0 0 20px 0;
-  counter-increment: counter;
-  position: relative;
-}
-
-ol.light-blue li::before {
-  content: counter(counter);
-  color: #4687E6;
-  font-size: 27px;
-  position: absolute;
-  --size: 22px;
-  left: calc(-1 * var(--size) - 10px);
-  line-height: var(--size);
-  width: var(--size);
-  height: var(--size);
-  top: 0;
-  text-align: center;
-}
-
-ol.openaire-list {
-  list-style: none;
-  counter-reset: counter;
-  padding-left: 0;
-}
-
-ol.openaire-list li {
-  counter-increment: counter;
-}
-
-ol.openaire-list li::before {
-  content: counter(counter) ". ";
-  color: #222080;
-  font-weight: bold;
-}
-
 /* Unordered list*/
-ul.light-blue-circle {
-  list-style: none;
-}
-
-ul.light-blue-circle li {
-  margin: 0 0 20px 0;
-  position: relative;
-}
-
-ul.light-blue-circle.large li {
-  margin: 0 0 40px 0;
-}
-
-ul.light-blue-circle li:last-child {
-  margin: 0;
-}
-
-ul.light-blue-circle li:before {
-  content: "";
-  border: 10px #4687E6 solid !important;
-  border-radius: 50px;
-  line-height: 21px;
-  margin-left: -40px;
-  position: absolute;
-}
-
-ul.light-blue-triangle {
-  list-style: none;
-}
-
-ul.light-blue-triangle li {
-  margin: 0 0 20px 0;
-  position: relative;
-}
-
-ul.light-blue-triangle.large li {
-  margin: 0 0 50px 0;
-}
-
-ul.light-blue-triangle li:last-child {
-  margin: 0;
-}
-
-ul.light-blue-triangle li:before {
-  content: "";
-  border-top: 12px solid transparent;
-  border-bottom: 12px solid transparent;
-  border-left: 15px solid #4687E6;
-  line-height: 21px;
-  margin-left: -40px;
-  position: absolute;
-}
-
 ul.portal-circle {
   list-style: none;
   padding-left: 40px;
@@ -144,10 +50,10 @@ ul.portal-circle li:before {
   content: "";
   border: 5px var(--portal-main-color) solid !important;
   border-radius: 50px;
-  line-height: 21px;
+  line-height: 30px;
   margin-left: -20px;
   position: absolute;
-  top: 4px;
+  top: 10px;
 }
 
 contact .uk-text-danger {