From 4c4233246c3a2bd4aa6815da3ec86899c630a42f Mon Sep 17 00:00:00 2001
From: User Identifier <userid@onenetbeyond.org>
Date: Fri, 23 Oct 2020 14:05:18 +0200
Subject: [PATCH] Align to website

---
 css/common.css | 38 ++++++++++++++++++++++++++++++++++----
 css/screen.css | 11 +++++++++--
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/css/common.css b/css/common.css
index dbc2640..a621689 100644
--- a/css/common.css
+++ b/css/common.css
@@ -9,22 +9,51 @@ html {
     background-color: white;
     color: black;
     font-family: monospace;
-    font-size: 1em;
+    font-size: 1.2em;
 }
 
 body {
     margin: 0;
+    width: 100%;
+    padding: 2rem 1rem;
+}
+
+@media (min-width:  426px) {
+    body {
+        width: 60vw;
+        margin: 2rem auto;
+        padding: 0;
+    }
 }
 
 /* Links */
 
-a {color: #0044B3;}
+/*a {color: #0044B3;}*/
+a, a:visited {
+    text-decoration: none;
+    color: #378ab4;
+}
+
+a:hover {
+    font-weight: bold;
+    background-color: #378ab4;
+    color: #ffffff;
+}
+
 /* a:visited {color: #597BB3;} */
-a:visited {color: #FF7BB3;}
 
 a.nonexistent:visited, a.nonexistent, 
-a.badinterwiki:visited, a.badinterwiki {color: gray;}
+a.badinterwiki:visited, a.badinterwiki {
+    color: #666666;
+}
 
+a.nonexistent:hover,
+a.badinterwiki:hover {
+    background-color: #666666;
+    color: #ffffff;
+}
+
+/*
 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
@@ -39,6 +68,7 @@ a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
 a.action:before {content: url(../img/moin-action.png); margin: 0 0.2em;}
+*/
 
 li p {
     margin: .25em 0;
diff --git a/css/screen.css b/css/screen.css
index dc1c42c..62bc7f3 100644
--- a/css/screen.css
+++ b/css/screen.css
@@ -14,7 +14,7 @@ body {
     border: 0;
 }
 
-a:link { color: #47f; text-decoration: none; }
+/*a:link { color: #47f; text-decoration: none; }
 a:link:hover, a:link:active { text-decoration: underline; color: green; }
 a:visited { text-decoration: none; color: #04a;}
 a:visited:hover { text-decoration: none; color: red; }
@@ -30,6 +30,7 @@ a.download {
     padding: 0.5em;
     text-align: center;
 }
+*/
 
 input {
     /* does strange effect to button (text size becomes bigger when clicking)
@@ -76,6 +77,12 @@ textarea {
 
 #logo a {
     text-decoration: none;
+    background-color: transparent;
+}
+
+#logo a:hover {
+    text-decoration: none;
+    background-color: transparent;
 }
 
 
@@ -248,7 +255,7 @@ textarea {
     margin: 4px 6px;
 }
 
-.editbar a, .editbar a:visited { color: #0044B3; }
+/*.editbar a, .editbar a:visited { color: #0044B3; }*/
 
 #message {
     clear: both;