Design changes for TxtBear.

Removed footnote so as not to leak pathnames.

class.krumo.php

@@ -582,20 +582,6 @@
 <div class="krumo-root">
 	<ul class="krumo-node krumo-first">
 		<?php echo krumo::_dump($data);?>
-		<li class="krumo-footnote">
-			<div class="krumo-version" style="white-space:nowrap;">
-				<h6>Krumo version <?php echo krumo::version();?></h6> | <a
-					href="http://krumo.sourceforge.net"
-					target="_blank">http://krumo.sourceforge.net</a>
-			</div>
-
-		<?php if (@$d['file']) { ?>
-		<span class="krumo-call" style="white-space:nowrap;">
-			Called from <code><?php echo $d['file']?></code>,
-				line <code><?php echo $d['line']?></code></span>
-		<?php } ?>
-		&nbsp;
-		</li>
 	</ul>
 </div>
 <?php

skins/txtbear.com/skin.css

@@ -10,60 +10,71 @@
 ul.krumo-node {
 	margin: 0px;
 	padding: 0px;
-	}
+}
+
 ul.krumo-node ul {
 	margin-left: 20px;
-	}
+}
+
 * html ul.krumo-node ul {
 	margin-left: 24px;
-	}
+}
+
 div.krumo-root {
 	border: solid 1px black;
 	margin: 1em 0em;
-	}
+}
+
 ul.krumo-first {
 	font: normal 12px arial;
 	border: solid 2px white;
-	border-top-width:1px;
+	border-top-width: 1px;
 	background: url(%url%bg.gif);
-	}
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 
 li.krumo-child {
-	display:block;
+	display: block;
 	list-style: none;
 	padding: 0px;
 	margin: 0px;
-	overflow:hidden;
-	}
+	overflow: hidden;
+}
+
 div.krumo-element {
-	cursor:default;
+	cursor: default;
 
 	line-height: 24px;
-	display:block;
+	display: block;
 
-	clear:both;
-	white-space:nowrap;
+	clear: both;
+	white-space: nowrap;
 
 	border-top: solid 1px white;
 	background: #E8E8E8;
-	padding-left: 10px;
-	}
+	background-repeat: no-repeat;
+	background-position: 6px 8px;
+	padding-left: 18px;
+}
+
 * html div.krumo-element {
 	padding-bottom: 3px;
-	}
+}
+
 a.krumo-name {
-	color:#2C5858;
+	color: #2C5858;
 	font: bold 13px Arial;
-	}
+}
+
 a.krumo-name big {
 	font: bold 20pt Georgia;
 	line-height: 14px;
-	position:relative;
-	top:2px;
-	left:-2px;
-	}
+	position: relative;
+	top: 2px;
+	left: -2px;
+}
+
 * html a.krumo-name big {
 	font: bold 19pt Georgia;
 	top: 5px;
@@ -72,14 +83,25 @@ a.krumo-name big {
 	height: 12px;
 	padding: 0px;
 	margin: 0px;
-	}
+}
+
 div.krumo-expand {
-	background: #CCCCCC;
-	cursor:pointer;
-	}
+	background-color: #CCCCCC;
+	cursor: pointer;
+}
+
 div.krumo-hover {
-	background: #B7DBDB;
-	}
+	background-color: #B7DBDB;
+}
+
+div.krumo-expand {
+	background-image: url(%url%collapsed.gif);
+	cursor: pointer;
+}
+
+div.krumo-opened {
+	background-image: url(%url%expanded.gif);
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 
@@ -88,71 +110,76 @@ div.krumo-preview {
 	padding: 5px 5px 14px 5px;
 	background: white;
 	border-top: 0px;
-	overflow:auto;
-	}
+	overflow: auto;
+}
+
 * html div.krumo-preview {
 	padding-top: 2px;
-	}
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 
 li.krumo-footnote {
-	background:white;
+	background: white;
 	padding: 2px 5px;
-	list-style:none;
+	list-style: none;
 	border-top: solid 1px #bebebe;
-	margin-top:2px;
-	cursor:default;
-	}
+	margin-top: 2px;
+	cursor: default;
+}
+
 * html li.krumo-footnote {
 	line-height: 13px;
-	}
+}
+
 div.krumo-version {
-	float:right;
-	}
+	float: right;
+}
+
 li.krumo-footnote h6 {
 	font: bold 11px verdana;
 	margin: 0px;
 	padding: 0px;
-	color:#366D6D;
-	display:inline;
-	}
+	color: #366D6D;
+	display: inline;
+}
+
 * html li.krumo-footnote h6 {
 	margin-right: 3px;
-	}
+}
+
 li.krumo-footnote a {
-	font: bold 10px arial;
+	font: bold 10px Arial,sans-serif;
 	color: #434343;
-	text-decoration:none;
-	}
+	text-decoration: none;
+}
+
 li.krumo-footnote a:hover {
-	color:black;
-	}
+	color: black;
+}
 
 li.krumo-footnote span.krumo-call {
-	font:normal 11px verdana;
+	font: normal 11px verdana;
 	position: relative;
 	top: 1px;
-	}
+}
+
 li.krumo-footnote span.krumo-call code {
-	font-weight:bold;
-	}
+	font-weight: bold;
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 
 div.krumo-title {
 	font: normal 11px verdana ;
-	position:relative;
-	top:9px;
-	cursor:default;
-	line-height:2px;
-	}
+	cursor: default;
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
 
 strong.krumo-array-length,
 strong.krumo-string-length {
 	font-weight: normal;
-	}
+}
 
 /* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */