Change the theme back to dark, new buttons, add favicon, style xdebug messages

index.php

@@ -56,6 +56,7 @@ if (isset($_POST['phprun_action']) && $_POST['phprun_action'] == 'run')
 		<script type="text/javascript" src="codemirror2/mode/php/php.js"></script>
 		<script type="text/javascript" src="run_php_code.js"></script>
 
+		<link rel="shortcut icon" href="favicon.ico" >
 		<link rel="stylesheet" href="codemirror2/lib/codemirror.css">
 		<link rel="stylesheet" href="codemirror2/theme/ambiance.css">
 		<link rel="stylesheet" href="run_php_code.css">

run_php_code.css

@@ -3,28 +3,31 @@ body { background-color: #222; color: #555; font-family: arial; overflow: hidden
 form { padding: 0; margin: 0; }
 
 #title_bar { 
-	background-image: url(wooden_bar.png);
-	background-position: 0 -5px;
+	background-image: url(bar.png);
 	background-repeat: repeat-x;
 	font-size: 13px; 
-	line-height: 48px; 
-	color: #885f3d; 
-	height: 50px;
+	line-height: 40px; 
+	color: #eee;
+	text-shadow: 0 0 10px #0096ff;	
+	height: 40px;
 	width: 100%;
+	z-index: 9999;
 }
-#title { font-size: 20px; padding: 0 15px; color: #986f4d; float: left; height: 50px; line-height: 47px; border-right: 1px solid #cca380; }
+#title { font-size: 20px; padding: 0 15px; color: #eee; float: left; height: 40px; line-height: 39px; border-right: 1px solid #141414; text-shadow: 0 0 10px #0096ff; }
 
 .CodeMirror { font-size: 13px; float: left; width: 50%; }
 
 .btn {
 	background-image: url(button_sprite.png);
+	color: #eee;
+	text-shadow: 0 0 10px #0096ff;
+	box-shadow: 0px 0px 10px #000;
 	width: 90px;
 	height: 30px;
 	border: 0;
 	background-color: transparent;
 	font-weight: bold;
 	cursor: pointer;
-	color: #885f3d; 
 }
 .btn:hover { background-position: 0 -30px; }
 .btn:active { background-position: 0 -60px; }
@@ -35,8 +38,8 @@ form { padding: 0; margin: 0; }
 #button_container { text-align: center; display: inline; }
 #button_container label { margin-left: 14px; }
 
-#title_bar select { background-color: #784f2d; color: #f8d9af; border: 1px solid #f8c99f; }
+#title_bar select { background-color: #141414; color: #eee; border: 1px solid #444; }
 
-#php_frame { border: none; background-color: #FFF; float: right; width: 50%; }
+#php_frame { border: none; background-color: #fff; float: right; width: 50%; }
 
 #resize_ball { position: fixed; width: 32px; height: 32px; z-index: 9999; cursor: e-resize; }

run_php_code.js

@@ -45,13 +45,13 @@ $(function() {
 	
 	$(window).resize(function() {
 		var window_height = $(window).height();
-		var page_height = window_height - 55;
+		var page_height = window_height - 40;
 		var page_width = $(window).width();
 		$('.CodeMirror-scroll').height(page_height); editor.refresh();
 		$('.CodeMirror').width(divide_x);
 		$('#php_frame').height(page_height);
 		$('#php_frame').width(page_width - divide_x);
-		$('#resize_ball').css('top', 55 + page_height/2 - 32);
+		$('#resize_ball').css('top', 40 + page_height/2 - 32);
 		$('#resize_ball').css('left', divide_x - 32 );
 	}).resize();