From 33f1fded4ee45cfbd6c72eeaa106cc05ff0d319a Mon Sep 17 00:00:00 2001
From: Mesrop Minasyan <mesrop.minasyan@gmail.com>
Date: Wed, 5 Mar 2014 21:47:30 +0400
Subject: [PATCH] bracket colour fix, enable code wrap

---
 www/css/main.css   | 13 ++++++++++++-
 www/less/main.less | 24 ++++++++++++++++++++++--
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/www/css/main.css b/www/css/main.css
index 5f45b53ec9..ee53b72bbb 100644
--- a/www/css/main.css
+++ b/www/css/main.css
@@ -104,14 +104,25 @@ body:not(.no-literate) .content pre:after {
   line-height: 0;
   height: 0;
 }
+body:not(.no-literate) .content pre code {
+  color: #fff;
+  word-wrap: break-word;
+}
 body:not(.no-literate) .content ul + pre {
   width: -moz-calc(100% - 570px);
   width: -webkit-calc(100% - 570px);
   width: -o-calc(100% - 570px);
   width: calc(100% - 570px);
 }
+body:not(.no-literate) .content li {
+  position: relative;
+}
 body:not(.no-literate) .content li pre {
-  padding-left: 112%;
+  width: -moz-calc(100% - 620px);
+  width: -webkit-calc(100% - 620px);
+  width: -o-calc(100% - 620px);
+  width: calc(100% + 620px);
+  padding-left: calc(100% + 40px);
   overflow: inherit;
 }
 a {
diff --git a/www/less/main.less b/www/less/main.less
index b6bb228f07..a596ae18a9 100644
--- a/www/less/main.less
+++ b/www/less/main.less
@@ -68,7 +68,13 @@ body{
 					height: 0;
 				}
 
+				code{
+					color: #fff;
+					word-wrap:break-word;
+				}
+
 			}
+
 			ul + pre {
 				width: -moz-calc(~"100% - 570px");
 				width: -webkit-calc(~"100% - 570px");
@@ -76,10 +82,18 @@ body{
 				width: calc(~"100% - 570px");
 			}
 			li {
+				position: relative;
 				pre {
-					padding-left: 112%;
+				width: -moz-calc(~"100% - 620px");
+				width: -webkit-calc(~"100% - 620px");
+				width: -o-calc(~"100% - 620px");
+				width: calc(~"100% + 620px");
+					padding-left: calc(~"100% + 40px");
 					// 
 				 overflow: inherit;
+				 code{
+				 	
+				 }
 				   
 				}
 			}
@@ -209,6 +223,7 @@ a{
 }
 @media (max-width: 1180px){
 	body{
+
 		&:not(.no-literate){ 
 			.body .content-root {
 				background: #fff;
@@ -222,13 +237,18 @@ a{
 					overflow-x: auto;
 					float: none;
 					code {
-						padding-left: 0;
+						color: #000;
+						padding-left: 20px;
 					}
 				}
 				li {
 					pre {
 						width: 100%;
 						padding-left: 0;
+						code{
+							padding-left: 20px;
+							color: #000;
+						}
 					}
 				}
 				ul + pre {