Items UI changes

public/javascripts/application.js

@@ -2,7 +2,7 @@
 // This file is automatically included by javascript_include_tag :defaults
 
 $(function () {
-  $('#sidebar a, #main a.nav').live('click',  
+  $('#panel_sidebar a, #panel_main a.nav').live('click',  
     function () {  
       $.getScript(this.href);
 			history.pushState(null, document.title, this.href); 
@@ -10,7 +10,7 @@ $(function () {
     }  
   );
 
-  $('#main a.reload').live('click',  
+  $('#panel_main a.reload').live('click',  
     function () {  
       $.getScript(this.href);
 			history.replaceState(null, document.title, this.href); 

public/stylesheets/content.css

@@ -1,4 +1,96 @@
+#panel_header ul, #panel_sidebar ul{
+	margin:0;
+	padding:0;
+}
+#panel_header ul li, #panel_sidebar ul li{
+	list-style:none;
+}
+#panel_header a, #panel_sidebar a {
+	text-decoration:none;
+}
 html{
 	height:100%;
 	width:100%;
-	}
+	}
+	
+body{
+	height:100%;
+	margin:0;
+	width:100%;
+}
+#panel_content{
+	height:100%;
+	width:100%;
+}
+#panel_header{
+	background:url(../images/bar_bg.png) repeat-x 0 0;
+	font-size:12px;
+	height:41px;
+}
+#panel_header ul{
+	margin:0 0 0 10px;
+}
+#panel_header a:link,#panel_header a:visited{
+	color:#fff;
+}
+#panel_header a:hover,#panel_header a:active{
+	color:#ececec;
+}
+#panel_nav{
+	float:left;
+	margin:0 0 0 10px;
+}
+#panel_nav li{
+    float: left;
+    line-height: 38px;
+    list-style: none outside none;
+    margin: 0 10px 0 0;
+}
+.panel_hmenu{
+    color: #FFFFFF;
+    float: right;
+}
+.panel_hmenu li{
+    float: left;
+    line-height: 41px;
+    list-style: none outside none;
+    margin: 0 10px 0 0;
+}
+
+#panel_sidebar{
+    background: none repeat scroll 0 0 #323232;
+    color: #FFFFFF;
+    float: left;
+    height: 100%;
+    min-width: 250px;
+	padding:5px 5px 0 0;
+}
+
+#panel_sidebar a:link,#panel_sidebar a:visited{
+	color:#fff;
+}
+#panel_sidebar a:hover,#panel_sidebar a:active{
+	color:#ececec;
+}
+#panel_sidebar ul{
+    background: url("../images/tree_list.png") repeat scroll 0 0 transparent;
+}
+#panel_sidebar li{
+    font-size: 12px;
+    line-height: 29px;
+	list-style:none;
+    padding: 0 0 0 10px;
+
+}
+
+#panel_sidebar ul {
+}
+#panel_sidebar ul li{
+	padding:0 0 0 20px;
+}
+.new_page{}
+.new_link{}
+.del_page{}
+#panel_main{
+	margin:10px;
+}