diff --git a/doc/site/images/ideone-logo.png b/doc/site/images/ideone-logo.png
new file mode 100644
index 00000000..cbee7fad
Binary files /dev/null and b/doc/site/images/ideone-logo.png differ
diff --git a/doc/site/style.css b/doc/site/style.css
index f5524d81..16034342 100644
--- a/doc/site/style.css
+++ b/doc/site/style.css
@@ -250,6 +250,14 @@ ul.menu-list li {
 														hsl(0,0%,90%) 47%, 
 														hsl(0,0%,78%) 53%,
 														hsl(0,0%,70%)100%);
+    background-image:     -moz-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0)   6%, hsla(0,0%,100%, .1) 7.5%),    				
+						-moz-repeating-linear-gradient(left, hsla(0,0%,  0%,0) 0%, hsla(0,0%,  0%,0)   4%, hsla(0,0%,  0%,.03) 4.5%),					
+						-moz-repeating-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0) 1.2%, hsla(0,0%,100%,.15) 2.2%),
+						
+						-moz-linear-gradient(-90deg, hsl(0,0%,78%)  0%, 
+														hsl(0,0%,90%) 47%, 
+														hsl(0,0%,78%) 53%,
+														hsl(0,0%,70%)100%);
 }
 
 ul.menu-list li:hover {
diff --git a/index.html b/index.html
index d9f52317..7e2fca56 100644
--- a/index.html
+++ b/index.html
@@ -514,6 +514,11 @@ tests for the highlighting.</p>
                                         style="position: relative; left: 10px;top: -5px;width: 80px;" />
                                     <a href="http://SpanDeX.io/">SpanDeX.io</a>
                                 </li>
+                                <li>
+                                    <img src="doc/site/images/ideone-logo.png"
+                                        style="position: relative; left: -5px; top: 20px;">
+                                    <a href="http://ideone.com">Ideone.com</a>
+                                </li>
                                 <li>
                                     <a href="https://github.com/Gozala/sky-edit">Sky Edit</a>
                                 </li>