[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