Committing my first run at the new CSS. This is a bit old. Old being a few days old.

1 files changed, 131 insertions, 14 deletions

diff --git a/debug_toolbar/media/toolbar.css b/debug_toolbar/media/toolbar.css
index 11dd978..fb347df 100644
--- a/debug_toolbar/media/toolbar.css
+++ b/debug_toolbar/media/toolbar.css
@@ -1,14 +1,131 @@
-#djDebugToolbar {height:30px; background:orange; color:#000; z-index:100000000; border:1px solid #06171D; border-width:1px 0;}
-#djDebugToolbar ul {margin:0; padding:0 10px; list-style:none;}
-#djDebugToolbar li {display:inline; width:auto; position:relative; float:none; margin:0 10px 0 0; padding:0; height:20px; line-height:30px; padding:8px 10px 8px 0; border-right: 1px solid #06171D;}
-#djDebugToolbar #djDebugButton {color:red; font-weight:bold;}
-#djDebug * {margin:0; padding:0; float:none; position:static; }
-#djDebug .panelContent {display:none; position:absolute; margin:0; padding:5px; top:35px; width:auto; left:5px; right:5px; bottom:5px; background:white; color:black; border:1px solid black; z-index:1000000; overflow:auto;}
-#djDebug .panelContent p {padding: 0 5px;}
-#djDebug .panelContent p, #djDebug .panelContent table, #djDebug .panelContent ul, #djDebug .panelContent dl {margin:5px 0;}
-#djDebug .close {float:right; font-weight:bold;}
-#djDebug .panelContent dt, #djDebug .panelContent dd {display: block;}
-#djDebug .panelContent dd {margin-left:10px;}
-#djDebug th, #djDebug td {padding: 5px;}
-#djDebug .row1 td {background:#fff;}
-#djDebug .row2 td {background:#ddd;}
+/* @override http://projectrenova.com:9000/__debug__/m/toolbar.css */
+
+#djDebugToolbar {
+    background: #326342;
+    height: 30px;
+    z-index: 100000000;
+    border-bottom: 2px solid #234f32;
+}
+
+#djDebugToolbar ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#djDebugToolbar li {
+    border-left: 1px solid #487858;
+    color: #fff;
+    display: inline;
+    font-size: 11px;
+    font-weight: bold;
+    float: none;
+    height: 20px;
+    margin: 0;
+    padding: 0;
+    line-height: 30px;
+    padding: 8px 10px 9px;
+    position: relative;
+    width: auto;
+}
+
+#djDebugToolbar li:hover {
+    background: #487858;    
+}
+
+#djDebugToolbar li:hover a {
+    color: #fff;    
+}
+
+#djDebugToolbar li:last-child {
+    border-right: 1px solid #487858;    
+}
+
+#djDebugToolbar #djDebugButton {
+    color: #92ef3f;
+}
+
+#djDebug * {
+    color: #fff;
+    text-shadow: 0 0 2px #333;
+    float: none;
+    margin: 0;
+    padding: 0;
+    position: static;
+}
+
+#djDebug a {
+    color: #f7c757; 
+}
+
+#djDebug a:hover {
+    color: #fff;    
+}
+
+
+#djDebug .panelContent {
+    background: #2a5738;
+    border-bottom: 2px solid #234f32;
+    border-top: 2px solid #487858;
+    display: none;
+    position: absolute;
+    margin: 0;
+    padding: 10px;
+    top: 35px;
+    width: auto;
+    left: 0px;
+    right: 0px;
+    bottom: 5px;
+    color: black;
+    z-index: 1000000;
+    overflow: auto;
+}
+
+#djDebug h3 {
+    border-bottom: 1px solid #40684c;
+    color: #92ef3f;
+    padding: 0 0 5px;
+}
+
+#djDebug .panelContent p {
+    padding: 0 5px;
+}
+
+#djDebug .panelContent p, #djDebug .panelContent table, #djDebug .panelContent ol, #djDebug .panelContent ul, #djDebug .panelContent dl {
+    margin: 5px 0 15px; 
+}
+
+#djDebug .panelContent table {
+    width: 100%;
+}
+
+#djDebug .close {
+    float: right;
+    font-weight: bold;
+}
+
+#djDebug .panelContent dt, #djDebug .panelContent dd {
+    display: block;
+}
+
+#djDebug .panelContent dd {
+    margin-left: 10px;
+}
+
+#djDebug th {
+    font-weight: bold;
+    text-align: left;
+    padding: 5px;
+}
+
+#djDebug td {
+    padding: 5px;
+}
+
+#djDebug .row1 td {
+    background: #40684c;
+}
+
+#djDebug .row2 td {
+    background: #356042;
+}
\ No newline at end of file