1 files changed, 43 insertions, 48 deletions

diff --git a/debug_toolbar/media/debug_toolbar/toolbar.css b/debug_toolbar/media/debug_toolbar/toolbar.css
index 9ef6dc3..275a776 100644
--- a/debug_toolbar/media/debug_toolbar/toolbar.css
+++ b/debug_toolbar/media/debug_toolbar/toolbar.css
@@ -7,37 +7,39 @@
     text-align: left;
 }
 #djDebug a {
-    color: #f7c757;
+    color: #fff;
 }
 #djDebug a:hover {
-    color: #aaa;
+    color: #900;
 }
 
 #djDebugToolbar {
-    background: #326342;
-    height: 30px;
+    background: #111;
+    width: 150px;
     z-index: 100000000;
-    border-bottom: 2px solid #234f32;
     position:absolute;
     top:0;
-    left:0;
+    bottom:0;
     right:0;
+	opacity:0.9;
+}
+
+#djDebugToolbar small {
+    color:#999;
 }
 
 #djDebugToolbarHandle {
-    background: #326342;
-    height: 30px;
-    z-index: 100000000;
-    border-bottom: 2px solid #234f32;
     position:absolute;
+    background: #111;
     top:0;
-    left:0;
+    bottom:0;
     right:0;
-    width: 16px;
+    z-index: 100000000;
 }
 
 #djDebugToolbarHandle ul li {
-    padding: 3px 0px 0px 3px;
+    list-style-type:none;
+    padding: 3px;
 }
 
 #djDebugToolbarHandle ul li a {
@@ -52,33 +54,27 @@
 }
 
 #djDebugToolbar li {
-    border-left: 1px solid #487858;
+    border-bottom: 1px solid #222;
     color: #fff;
-    display: inline;
+    display: block;
     font-size: 11px;
     font-weight: bold;
     float: none;
-    height: 20px;
     margin: 0;
     padding: 0;
-    line-height: 30px;
-    padding: 8px 9px 9px;
+    padding: 8px;
     position: relative;
     width: auto;
 }
 
 #djDebugToolbar li:hover {
-    background: #487858;
+    background: #222;
 }
 
 #djDebugToolbar li:hover a {
     color: #fff;
 }
 
-#djDebugToolbar li:last-child {
-    border-right: 1px solid #487858;
-}
-
 #djDebugToolbar #djDebugButton {
     color: #92ef3f;
 }
@@ -92,33 +88,30 @@
 }
 
 #djDebug .panelContent {
-    background: #2a5738;
-    border-bottom: 2px solid #234f32;
-    border-top: 2px solid #487858;
+    background: #222;
     display: none;
     position: absolute;
     margin: 0;
     padding: 10px;
-    top: 32px;
+    top: 0;
     width: auto;
     left: 0px;
-    right: 0px;
-    bottom: 5px;
-    color: black;
+    right: 150px;
+    bottom: 0;
+    color: #fff;
     z-index: 1000000;
     overflow: auto;
 }
 
 #djDebug .panelContent p a, #djDebug .panelContent dl a {
-    color: #40684c;
+    color: #000;
 }
 #djDebug .panelContent p a:hover, #djDebug .panelContent dl a:hover {
-    color: #92EF3F;
+    color: #900;
 }
 
 #djDebug .panelContent h3 {
-    border-bottom: 1px solid #40684c;
-    color: #92ef3f;
+    color: #fff;
     padding: 0 0 5px;
 }
 
@@ -137,18 +130,20 @@
 }
 
 #djDebug .panelContent table a {
-    color: #40684C;
+    color: #000;
+}
+#djDebug .panelContent table a:hover {
+    color: #900;
 }
 
 #djDebug .panelContent table th {
-    background-color: #9dcc49;
+    background-color: #333;
     font-weight: bold;
-    color: #000;
+    color: #fff;
     font-size: 11px;
     padding: 3px 7px 3px;
     text-align: left;
     cursor: pointer;
-    border-right: 1px solid #b9d977;
 }
 #djDebug .panelContent table td {
     padding: 5px 10px;
@@ -177,19 +172,19 @@
 #djDebug .highlight  { color: #000; }
 #djDebug .highlight .err { color: #000; } /* Error */
 #djDebug .highlight .g { color: #000; } /* Generic */
-#djDebug .highlight .k { color: #40684C; font-weight: bold } /* Keyword */
+#djDebug .highlight .k { color: #000; font-weight: bold } /* Keyword */
 #djDebug .highlight .o { color: #000; } /* Operator */
 #djDebug .highlight .n { color: #000; } /* Name */
-#djDebug .highlight .mi { color: #40684C; font-weight: bold } /* Literal.Number.Integer */
+#djDebug .highlight .mi { color: #000; font-weight: bold } /* Literal.Number.Integer */
 #djDebug .highlight .l { color: #000; } /* Literal */
 #djDebug .highlight .x { color: #000; } /* Other */
 #djDebug .highlight .p { color: #000; } /* Punctuation */
-#djDebug .highlight .m { color: #40684C; font-weight: bold } /* Literal.Number */
-#djDebug .highlight .s { color: #0086d2 } /* Literal.String */
+#djDebug .highlight .m { color: #000; font-weight: bold } /* Literal.Number */
+#djDebug .highlight .s { color: #333 } /* Literal.String */
 #djDebug .highlight .w { color: #888888 } /* Text.Whitespace */
-#djDebug .highlight .il { color: #40684C; font-weight: bold } /* Literal.Number.Integer.Long */
-#djDebug .highlight .na { color: #7D9029 } /* Name.Attribute */
-#djDebug .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
-#djDebug .highlight .nv { color: #19177C } /* Name.Variable */
-#djDebug .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
-#djDebug .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
+#djDebug .highlight .il { color: #000; font-weight: bold } /* Literal.Number.Integer.Long */
+#djDebug .highlight .na { color: #333 } /* Name.Attribute */
+#djDebug .highlight .nt { color: #000; font-weight: bold } /* Name.Tag */
+#djDebug .highlight .nv { color: #333 } /* Name.Variable */
+#djDebug .highlight .s2 { color: #333 } /* Literal.String.Double */
+#djDebug .highlight .cp { color: #333 } /* Comment.Preproc */