[AD] Patch: improved website stylesheet

[ Thread Index | Date Index | More lists.liballeg.org/allegro-developers Archives ]


Hi everyone,

there are certainly more important things on your minds and todo-lists, however, I thought I could improve the Allegro website by harmonizing the colors in the style sheet with the logo. Patch to the www-repo is attached. I've tried to change as few things as possible.

If there's interest, I'd volunteer to clean up the website content-wise. Unfortunately, I don't have much time available at the moment, so that would probably take some months.

Have a nice weekend
Polybios
From 6e10e8d2c99e1175152a7649aef25e111cfb1326 Mon Sep 17 00:00:00 2001
From: Polybios <polybios@xxxxxxxxxxx>
Date: Fri, 25 Apr 2014 21:28:08 +0200
Subject: [PATCH] Harmonize colors

---
 en/web_style.css |   64 ++++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 45 insertions(+), 19 deletions(-)

diff --git a/en/web_style.css b/en/web_style.css
index eaee2f3..0d6cd61 100644
--- a/en/web_style.css
+++ b/en/web_style.css
@@ -1,6 +1,6 @@
 body {
     margin: 0;
-    color: #333;
+    color: #000;
     background: #fcfcfc;
     font-family: sans-serif;
     line-height: 140%;
@@ -8,21 +8,23 @@ body {
 
 pre {
     border: 1px solid #e0e0e0;
-    background-color: #f8f8fa;
+    background-color: #f8f8f8;
     padding: 0.5em;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
+    border-radius: 5px;
 }
 
 code {
     font-family: monospace;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
+    border-radius: 5px;
 }
 
 h1 a, h2 a, h3 a, h4 a, h5 a {
     text-decoration: none;
-    color: #3344a4;
+    color: #282828;
 }
 
 h1, h2, h3, h4, h5 {
@@ -30,7 +32,7 @@ h1, h2, h3, h4, h5 {
     margin-top: 2.7em;
     border-bottom: 1px solid #eee;
     padding-bottom: 0.2em;
-    color: #3344a4;
+    color: #68a3ed;
 }
 
 h1 {
@@ -53,7 +55,16 @@ h4, h5 {
 
 a {
     text-decoration: none;
-    color: #3344a4;
+    color: #282828;
+}
+
+#content a {
+    border-bottom: dotted 1px #282828;
+}
+
+#content a:hover {
+    border-bottom: dotted 1px #4c8cce;
+    color: #4c8cce;
 }
 
 dt code {
@@ -65,16 +76,17 @@ dd p {
 }
 
 table {
-    background-color: #f8f8fa;
+    background-color: #f8f8f8;
     border: solid 1px #ccc;
     border-spacing: 0;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
+    border-radius: 5px;
 }
 
 table th {
     font-weight: bold;
-    background-color: #fff6b0;
+    background-color: #c1dcff;
     padding: 0.3em;
 }
 
@@ -100,6 +112,7 @@ table#header {
     margin-bottom: 0.5em;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
+    border-radius: 0;
 }
 
 table#header td {
@@ -112,7 +125,7 @@ table#header td {
 }
 
 #title {
-    color: rgb(153,153,153);
+    color: #787878;
     font-weight: bold;
     font-style: italic;
     font-size: x-large;
@@ -125,27 +138,26 @@ table#header td {
 }
 
 #search input {
-    background-color: #fe9;
+    background-color: #fff;
     border: solid 1px #999;
     padding-left: 6px;
     padding-right: 6px;
-    -moz-border-radius:	10px;
-    -webkit-border-radius: 10px;
 }
 
 #search select {
     margin-left: 0.3em;
     padding-left: 0.5em;
-    background-color: #fe9;
-    -webkit-border-radius: 1px;
+    background-color: #fff;
 }
 
 #search input[name=submit] {
     border: solid 1px #999;
+    background-color: #c1dcff;
+    font-weight: bold;
 }
 
 #search input[name=submit]:hover {
-    background-color: rgb(255, 223, 184);
+    background-color: #d5e7ff;
 }
 
 #left {
@@ -157,29 +169,39 @@ table#header td {
 }
 
 #sidebar {
-    background-color: #fc4;
+    background-color: #fff;
     border: solid 1px #bbb;
     padding-left: 0.1em;
     padding-right: 0.7em;
     margin-right: 0.5em;
     margin-bottom: 1em;
     line-height: 120%;
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
 }
 
 #sidebar ul {
     padding: 0;
     margin-left: 0.8em;
     font-size: small;
+    list-style-type: none;
 }
 
 #sidebar li {
     display: block;
+    font-weight: bold;
+    color: #68a3ed;
+}
+
+#sidebar li li {
+    font-weight: normal;
+}
+
+#sidebar ul a {
+    color: #000;
 }
 
 #sidebar ul a:hover {
-    background: #fe9;
+    border-bottom: dotted 1px #4c8cce;
+    color: #4c8cce;
 }
 
 #left #support {
@@ -206,7 +228,7 @@ table#header td {
     padding-left: 1em;
     padding-right: 2em;
     padding-bottom: 0.8em;
-    background: #eee;
+    background: #f4f4f4;
     border-top: solid 1px #ccc;
 }
 
@@ -215,6 +237,10 @@ table#header td {
     padding-top: 0.5em;
 }
 
+#contact a:hover {
+    color: #4c8cce;
+}
+
 #newsintro {
     font-style: italic;
     width: 90%;
-- 
1.7.9.5



Mail converted by MHonArc 2.6.19+ http://listengine.tuxfamily.org/