Jump to content

Code intention and links broken


Guest lillecarl
 Share

Recommended Posts

  • 1 month later...
  • 3 months later...

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

Link to comment
Share on other sites

  • 1 month later...
  • 1 month later...
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Privacy Policy Terms of Use