GJ. While we are at it I fixed the main menu at the top looking a bit better (this was something that was always bothering me):
http://img52.imageshack.us/img52/1011/mangimp.jpg
- as you can see at the top the menu items have different bg color than the whole bar - now they have the same
- also the previous highlight color is not used in the design anywhere making it not look unified - now its the same as normal link color
- additionally removed not needed color gradient of bg (the color difference is so small nobody will ever notice - not on this screenshot)
- finally replaces all 4spaces with tabs
diff --git a/mangos.css b/mangos.css
index d885a60..414dc45 100644
--- a/mangos.css
+++ b/mangos.css
@@ -953,8 +953,7 @@ MAIN POSTS
.pun .codebox pre code {
padding: 0.5em;
- white-space: normal;
- width: 97%;
+ width: 97%;
}
.pun div[class*=codebox] pre code {
@@ -1367,16 +1366,9 @@ COLOUR SCHEME
/* Basic defaults and Common Items
----------------------------------------------------------------*/
-html {
- background: #E3EEEB;
-}
-
body {
- background-color: #f0eee8;
- color: #2e3436;
- background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0eee8), color-stop(100%, #e3eeeb));
- background-image: -moz-linear-gradient(#f0eee8, #e3eeeb);
- background-image: linear-gradient(#f0eee8, #e3eeeb);
+ background-color: #f0eee8;
+ color: #2e3436;
}
.pun {
@@ -1414,7 +1406,7 @@ body {
----------------------------------------------------------------*/
#brdmenu {
- background-color: #44699c;
+ background-color: #2F5D9C;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #44699c), color-stop(100%, #2F5D9C));
background-image: -moz-linear-gradient(top, #44699c 0%, #2F5D9C 100%);
background-image: linear-gradient(top, #44699c 0%, #2F5D9C 100%);
@@ -1424,19 +1416,12 @@ body {
}
#brdmenu a, #brdmenu a:link, #brdmenu a:visited {
- background-color: #104B9C;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #104B9C), color-stop(100%, #2F5D9C));
- background-image: -moz-linear-gradient(top, #104B9C 0%, #2F5D9C 100%);
- background-image: linear-gradient(top, #104B9C 0%, #2F5D9C 100%);
border-color: #fff;
color: #d4dae2;
}
#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus {
- background-color: #2F5D9C;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, #2F5D9C), color-stop(100%, #08c));
- background-image: -moz-linear-gradient(top, #2F5D9C 0%, #08c 100%);
- background-image: linear-gradient(top, #2F5D9C 0%, #08c 100%);
+ background-color: #22538a;
border-color: #fff;
color: #fff;
}
@@ -1504,7 +1489,7 @@ body {
}
.pun .blockpost .postfootright li strong {
- color: #333;
+ color: #333;
}
.pun .postmsg, #punhelp code, #punhelp samp {
@@ -1651,14 +1636,14 @@ body {
------------------------------------------------------------------------------*/
p[id='poweredby']
{
- text-indent: -119988px;
- overflow: hidden;
- text-align: left;
- background-image: url('/assets/img/button-fluxbb.png?1307819550');
- background-repeat: no-repeat;
- background-position: 50% 50%;
- width: 88px;
- height: 31px;
- display: inline-block;
- float: left;
+ text-indent: -119988px;
+ overflow: hidden;
+ text-align: left;
+ background-image: url('/assets/img/button-fluxbb.png?1307819550');
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ width: 88px;
+ height: 31px;
+ display: inline-block;
+ float: left;
}
I think we should also display the text in code boxes with the "Courier New" font or one that has the same size for each symbol