Cleaned up the panels

13 files changed, 37 insertions, 24 deletions

diff --git a/debug_toolbar/media/debug_toolbar/close.png b/debug_toolbar/media/debug_toolbar/close.png
new file mode 100644
index 0000000..c22e2e8
--- /dev/null
+++ b/debug_toolbar/media/debug_toolbar/close.png
diff --git a/debug_toolbar/media/debug_toolbar/panel_bg.png b/debug_toolbar/media/debug_toolbar/panel_bg.png
new file mode 100644
index 0000000..73add17
--- /dev/null
+++ b/debug_toolbar/media/debug_toolbar/panel_bg.png
diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css
index b6e3f5d..4211099 100644
--- a/debug_toolbar/media/debug_toolbar/toolbar.css
+++ b/debug_toolbar/media/debug_toolbar/toolbar.css
@@ -133,11 +133,11 @@
 }
 
 #djDebug .panelContent {
-    background: #daf7ff;
+    
     display: none;
     position: absolute;
     margin: 0;
-    padding: 10px;
+    padding: 10px 20px;
     top: 15px;
     width: auto;
     max-width: 700px;
@@ -146,11 +146,18 @@
     bottom: 15px;
     color: #111;
     z-index: 1000000;
-    overflow: auto;
+    /*overflow: auto;*/
 	border-left: 10px solid #c6d6da;
 	border-top: 10px solid #c6d6da;
 	border-bottom: 10px solid #c6d6da;
-	opacity: 0.9;
+	opacity: 1.0;
+	background: transparent url(panel_bg.png) repeat left top;
+}
+
+#djDebug .panelContent .panelScroll {
+	position: relative;
+	overflow: auto;
+	height: 90%;
 }
 
 #djDebug .panelContent p a, #djDebug .panelContent dl a {
@@ -161,8 +168,12 @@
 }
 
 #djDebug .panelContent h3 {
-    color: #fff;
-    padding: 0 0 5px;
+    color: #111;
+    font-size: 20px;
+    line-height: 25px;
+    margin-top: 2px;
+    margin-bottom: 0.5em;
+	font-variant: small-caps;
 }
 
 #djDebug .panelContent p {
@@ -177,6 +188,8 @@
 #djDebug .panelContent table {
     width: 100%;
     clear: both;
+    border: 0;
+    padding: 0;
 }
 
 #djDebug .panelContent table a {
@@ -190,25 +203,31 @@
     background-color: #333;
     font-weight: bold;
     color: #fff;
-    font-size: 11px;
     padding: 3px 7px 3px;
     text-align: left;
     cursor: pointer;
 }
 #djDebug .panelContent table td {
     padding: 5px 10px;
-    font-size: 11px;
+    font-size: 14px;
     background: #fff;
     color: #000;
     vertical-align: top;
+    border: 0;
 }
 #djDebug .panelContent table tr.djDebugOdd td {
   background: #eee;
 }
 
 #djDebug .panelContent .close {
-    float: right;
-    font-weight: bold;
+    text-indent: -9999999px;
+    display: block;
+    position: absolute;
+    top: 5px;
+    left: -25px;
+	background: url(close.png) no-repeat center center;
+	height: 40px;
+	width: 40px;
 }
 
 #djDebug .panelContent dt, #djDebug .panelContent dd {
diff --git a/debug_toolbar/templates/debug_toolbar/base.html b/debug_toolbar/templates/debug_toolbar/base.html
index ab591dd..5f4b7e7 100644
--- a/debug_toolbar/templates/debug_toolbar/base.html
+++ b/debug_toolbar/templates/debug_toolbar/base.html
@@ -52,9 +52,11 @@
 	{% for panel in panels %}
 		{% if panel.has_content %}
 			<div id="{{ panel.dom_id }}" class="panelContent">
-			    <h3>{{ panel.title|safe }}</h3>
 				<a href="" class="close">Close</a>
-				{{ panel.content|safe }}
+			    <h3>{{ panel.title|safe }}</h3>
+			    <div class="panelScroll">
+					{{ panel.content|safe }}
+			    </div>
 			</div>
 		{% endif %}
 	{% endfor %}
diff --git a/debug_toolbar/templates/debug_toolbar/panels/cache.html b/debug_toolbar/templates/debug_toolbar/panels/cache.html
index 3142783..d102cdd 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/cache.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/cache.html
@@ -1,4 +1,3 @@
-<h3>Cache Usage</h3>
 <table>
 	<colgroup>
 		<col width="12%"/>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/headers.html b/debug_toolbar/templates/debug_toolbar/panels/headers.html
index 005ffe6..b14a50c 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/headers.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/headers.html
@@ -1,4 +1,3 @@
-<h3>HTTP Headers</h3>
 <table>
 	<thead>
 		<tr>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/logger.html b/debug_toolbar/templates/debug_toolbar/panels/logger.html
index 2117529..e6ce945 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/logger.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/logger.html
@@ -1,4 +1,3 @@
-<h3>Log Messages</h3>
 {% if records %}
 	<table>
 		<thead>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/request_vars.html b/debug_toolbar/templates/debug_toolbar/panels/request_vars.html
index b7d53ee..a65d0a5 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/request_vars.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/request_vars.html
@@ -1,4 +1,4 @@
-<h3>COOKIES Variables</h3>
+<h4>COOKIES Variables</h4>
 {% if cookies %}
 	<table>
 		<colgroup>
@@ -23,7 +23,7 @@
 {% else %}
 	<p>None</p>
 {% endif %}
-<h3>SESSION Variables</h3>
+<h4>SESSION Variables</h4>
 {% if session %}
 	<table>
 		<colgroup>
@@ -48,7 +48,7 @@
 {% else %}
 	<p>None</p>
 {% endif %}
-<h3>GET Variables</h3>
+<h4>GET Variables</h4>
 {% if get %}
 	<table>
 		<thead>
@@ -69,7 +69,7 @@
 {% else %}
 	<p>None</p>
 {% endif %}
-<h3>POST Variables</h3>
+<h4>POST Variables</h4>
 {% if post %}
 	<table>
 		<thead>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html b/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html
index 93f0b34..c53ee4d 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/settings_vars.html
@@ -1,4 +1,3 @@
-<h3>Settings from <code>{{ settings.SETTINGS_MODULE }}</code></h3>
 <table>
 	<thead>
 		<tr>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/signals.html b/debug_toolbar/templates/debug_toolbar/panels/signals.html
index e9a189e..7875700 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/signals.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/signals.html
@@ -1,4 +1,3 @@
-<h3>Signals</h3>
 <table>
     <thead>
         <tr>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/sql.html b/debug_toolbar/templates/debug_toolbar/panels/sql.html
index f05ea97..717d54d 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/sql.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/sql.html
@@ -1,4 +1,3 @@
-<h3>SQL Queries</h3>
 <table>
 	<thead>
 		<tr>
diff --git a/debug_toolbar/templates/debug_toolbar/panels/templates.html b/debug_toolbar/templates/debug_toolbar/panels/templates.html
index 6c918b1..78519c9 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/templates.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/templates.html
@@ -1,4 +1,3 @@
-<h3>Template path{{ template_dirs|length|pluralize }}:</h3>
 {% if template_dirs %}
 	<ol>
 	{% for template in template_dirs %}
diff --git a/debug_toolbar/templates/debug_toolbar/panels/timer.html b/debug_toolbar/templates/debug_toolbar/panels/timer.html
index 831ff86..39e9eb1 100644
--- a/debug_toolbar/templates/debug_toolbar/panels/timer.html
+++ b/debug_toolbar/templates/debug_toolbar/panels/timer.html
@@ -1,4 +1,3 @@
-<h3>Resource Usage</h3>
 <table>
 	<colgroup>
 		<col style="width:20%"/>