From 07fc86245932e486648e8710a734acfe1fa5c0f7 Mon Sep 17 00:00:00 2001
From: Selina <selina.schoenherr@gmx.de>
Date: Mon, 29 Oct 2018 18:00:56 +0100
Subject: [PATCH] =?UTF-8?q?Nav-Leiste,=20=C3=9Cberschrift=20und=20Text=20+?=
 =?UTF-8?q?=20Link=20sind=20f=C3=BCr=20Desktopansicht=20fertig.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/main.css | 25 +++++++++++++++++++++----
 index.html   | 28 +++++++++++++++-------------
 2 files changed, 36 insertions(+), 17 deletions(-)

diff --git a/css/main.css b/css/main.css
index ca3a3bc..f054248 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,7 +1,8 @@
 /* Add a black background color to the top navigation */
 .topnav {
-    background-image: linear-gradient(grey, lightgrey);
+    background: linear-gradient(to bottom, lightgrey, white);
     overflow: hidden;
+    border: 1px solid lightgrey;
 
 }
 
@@ -12,7 +13,6 @@
     flex-direction: row;
     align-items: flex-end;
     justify-content: flex-start;
-    background-color: gray;
 
 }
 .topnav li {
@@ -29,6 +29,17 @@
     transform: unset;
 }
 
+.icon {
+   padding: 16px;
+    font-family: 'Roboto', sans-serif;
+    font-size: 14px;
+    border-left: 1px solid lightgrey;
+}
+
+.lastBorder {
+    border-right: 1px solid lightgrey;
+}
+
 /* Style the links inside the navigation bar */
 .topnav a {
 
@@ -66,11 +77,17 @@ h1 {
     line-height: 145%;
     font-style: normal;
 
-    border: 5px solid grey;
-    border-top-color: green;
+    border: 3px solid grey;
+    border-top-color: lightgreen;
     border-radius: 3px;
 
     column-count: 3;
+
+    padding: 10px;
+}
+
+.text a {
+    color: lightgreen;
 }
 
 table#t01 {
diff --git a/index.html b/index.html
index cb4d15c..89d3c32 100644
--- a/index.html
+++ b/index.html
@@ -21,23 +21,23 @@
             <li class="pic">
                 <img src="resources/world_data_logo_v1.png">
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A1 - Table</a>
+            <li class="icon">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A1 - Table</a>
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Parse</a>
+            <li class="icon">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Parse</a>
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Save</a>
+            <li class="icon">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Save</a>
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A2 - Print</a>
+            <li class="icon">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A2 - Print</a>
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A3 - REST</a>
+            <li class="icon">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A3 - REST</a>
             </li>
-            <li>
-                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i>A4 - Vis</a>
+            <li class="icon lastBorder">
+                <a><i class="fas fa-ellipsis-v"></i><i class="fas fa-bars"></i> A4 - Vis</a>
             </li>
         </ul>
     </nav>
@@ -48,7 +48,9 @@
 
         At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues.
 
-        It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles.</p>
+        It va esser tam simplic quam Occidental in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es. Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.
+
+        At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. <a href="index.html">jony_ipsum</a></p>
 
     <table id="t01"></table>
     <script>