From 85f8e692a2df238cf5e948c6169439ee411346b8 Mon Sep 17 00:00:00 2001
From: Griatch <griatch@gmail.com>
Date: Tue, 16 Jun 2020 20:25:20 +0200
Subject: [PATCH] More updates

---
 index.html             |  9 +++----
 stylesheets/styles.css | 56 ++++++++++++++++++++++++++++++++++--------
 2 files changed, 50 insertions(+), 15 deletions(-)

diff --git a/index.html b/index.html
index 7c1af9c290..0a5a585464 100644
--- a/index.html
+++ b/index.html
@@ -18,14 +18,13 @@
     <div class="wrapper">
       <header>
         <p>
-        <img src="images/evennia_logo.png" alt="Evennia logo">
+        <img class="logo" src="images/evennia_logo.png" alt="Evennia logo">
         </p>
         <h1 class="header">Evennia</h1>
         <p class="header">The Python MU* Development Library</p>
 
+        <div class="linksection">
         <ul>
-          <!--li class="download"><a class="buttons" href="https://github.com/evennia/evennia/zipball/master">Download ZIP</a></li-->
-          <!--li class="download"><a class="buttons" href="https://github.com/evennia/evennia/tarball/master">Download TAR</a></li-->
           <li><a class="buttons github" href="https://github.com/evennia/evennia">View On GitHub</a></li>
           <li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
           <li><a class="buttons" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
@@ -33,7 +32,7 @@
           <li><a class="buttons" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
           <li><a class="buttons" href="http://evennia.blogspot.com/">Dev Blog</a></li>
         </ul>
-        </ul>
+        </div>
 
       </header>
       <section>
@@ -104,7 +103,7 @@ not come join the <a href="http://www.evennia.com">Evennia Community</a>.
 Welcome! </p>
       </section>
       <footer>
-        <p><small>Hosted on <a href="http://pages.github.com">GitHub Pages</a> using the Dinky theme</small></p>
+        <p><small></small></p>
       </footer>
     </div>
     <!--[if !IE]><script>fixScale(document);</script><![endif]-->
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index 8e5cf5fb52..e9d41d5936 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -43,7 +43,7 @@ h1, h2, h3, h4, h5, h6 {
 }
 
 p, ul, ol, table, dl {
-  margin:0 0 22px;
+  margin:0 0 20px;
 }
 
 h1, h2, h3 {
@@ -151,7 +151,7 @@ img {
 
 p img {
   display: inline;
-  margin: 0;
+  margin: 0px;
   padding: 0;
   vertical-align: middle;
   text-align: center;
@@ -214,13 +214,16 @@ td {
 
 /* Header */
 
+.logo {
+  padding-left: 15px;
+}
+
 header {
 	background-color: #d7d6d4;
 	color: #2C2C2C;
   width:170px;
   float:left;
   position:fixed;
-	border: 1px solid #000;
 	-webkit-border-top-right-radius: 4px;
 	-webkit-border-bottom-right-radius: 4px;
 	-moz-border-radius-topright: 4px;
@@ -309,9 +312,14 @@ a.github {
 	background: url(../images/octocat-small.png) no-repeat 1px;
 }
 
-a.buttons:hover {
-	color: #6084f1;
-	text-decoration: none;
+a.buttons {
+	-webkit-font-smoothing: antialiased;
+	/*! background: url(../images/arrow-down.png) no-repeat; */
+	font-weight: normal;
+	/*! text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0; */
+	padding: 2px 2px 2px 22px;
+	height: 30px;
+  color: #474747;
 }
 
 /* Section - for main page content */
@@ -344,18 +352,17 @@ footer {
     float:none;
     position:static;
     width:auto;
+    height:auto;
   }
 
+
 	footer {
 		border-top: 1px solid #ccc;
 		margin:0 84px 0 50px;
 		padding:0;
+    height:auto;
 	}
 
-  header {
-    padding-right:320px;
-  }
-
   section {
     padding:20px 84px 20px 50px;
     margin:0 0 20px;
@@ -370,6 +377,13 @@ footer {
     right:130px;
     top:84px;
   }
+
+  .linksection {
+    position: absolute;
+    top: -57px;
+    right: -21px;
+  }
+
 }
 
 @media print, screen and (max-width: 720px) {
@@ -394,14 +408,35 @@ footer {
   header ul, header p.view {
     position:static;
   }
+
+  .linksection {
+    position: absolute;
+    top: 22px;
+    right: 84px;
+  }
+
+  div.linksection > ul > li {
+    margin-bottom: 0px;
+  }
+
 }
 
+
 @media print, screen and (max-width: 480px) {
 
   header ul li.download {
     display:none;
   }
 
+  header {
+    display:none;
+  }
+
+  div.linksection > ul > li {
+    margin-bottom: 0px;
+    display:unset
+  }
+
 	footer {
 		margin: 0 0 0 20px;
 	}
@@ -412,6 +447,7 @@ footer {
 
 }
 
+
 @media print {
   body {
     padding:0.4in;