--- trunk/static/frey.css	2008/10/31 17:58:45	212
+++ trunk/static/frey.css	2009/01/06 14:50:30	943
@@ -18,36 +18,53 @@
 	filter: alpha(opacity=100);
 }
 
+.frey-status-line .right {
+	position: absolute;
+	right: 0.5em;
+}
+
 /* style areas over which you can hoover */
 .frey-popup,
-.frey-popdown {
+.frey-dropdown {
 	color: #00f;
 	padding: 3px;
 }
 
 .frey-popup:hover,
-.frey-popdown:hover {
+.frey-dropdown:hover {
 	background: #eee;
 	text-decoration: underline;
 }
 
-.frey-popup span,
-.frey-popdown code {
+   a.frey-popup    > code,
+span.frey-popup    > code,
+span.frey-popup    > span,
+   a.frey-dropdown > code,
+span.frey-dropdown > code {
 	display: none;	/* hidden by default */
 	color: #000;
 	background: #eee;
 	border: 1px solid #aaa;
+	font-size: 90%;
 }
 
-.frey-popup:hover span {
+   a.frey-popup:hover    > code,
+span.frey-popup:hover    > code,
+span.frey-popup:hover    > span,
+   a.frey-dropdown:hover > code,
+span.frey-dropdown:hover > code {
 	position: absolute;
 	display: block;
 	bottom: 1.25em;
-	left: 2em;
+	left: 1.5em;
+/*
+	right: 1.5em;
+*/
 	z-index: 30;
+	overflow: hidden;
 }
 
-.frey-popdown:hover code {
+a.frey-dropdown:hover > code {
 	position: relative;
 	top: 0;
 	right: 0;
@@ -55,10 +72,9 @@
 	z-index: 30;
 }
 
-.frey-popdown code {
+.frey-popup code,
+.frey-dropdown code {
 	white-space: pre-wrap;
-	white-space: -moz-pre-wrap;
-	white-space: -o-pre-wrap;
 	font-family: monospace;
 }
 
@@ -75,30 +91,155 @@
 	margin: 3px;
 }
 
-.frey-object-browser tr td {
+/* Frey::Instrospect */
+
+.frey-skip {
+	font-size: 80%;
+	color: #aaa;
+}
+
+.frey-introspect tr th {
+	border-bottom: 1px dashed #ccc;
+}
+
+/* stop header from jumping around because of hover popup */
+.frey-introspect tr th.p {
+	text-align: left;
+}
+
+.frey-introspect tr td {
 	vertical-align: top;
 }
 
-.frey-object-browser tr .m {
+.frey-introspect tr td.m {
 	padding-right: 1em;
+	font-family: monospace;
 }
 
-.frey-object-browser tr .a {
+.frey-introspect tr .a {
 	border-left: 1px dashed #ccc;
 	padding-left: 1em;
 }
 
-.frey-object-browser tr td.a {
+.frey-introspect tr td.a {
 	text-align: right;
+	font-family: monospace;
 }
 
-/* stop header from jumping around because of hover popup */
-.frey-object-browser tr th.p {
-	text-align: left;
+.frey-introspect tr td.t {
+	font-family: monospace;
+	padding-left: 1em;
+}
+
+.frey-introspect tr td.p {
+	font-size: 80%;
+}
+
+.frey-introspect tr td.p code {
+	font-size: 120%;
+	font-weight: bold;
+}
+
+.frey-introspect tr:hover {
+	background: #ffc;
+}
+
+.frey-introspect sup {
+	color: #ccc;
 }
 
+
 /* fix POD =head parts */
 a.u {
 	text-decoration: none;
 	color: black;
 }
+
+
+/* dark background in sync with my vim setup */
+.frey-source {
+	font-family: monospace;
+	background: #000;
+	color: #fff;
+	padding: 0.5em;
+	white-space: pre-wrap;
+	/* compress lines to preserve memory footprint in browser for rendering */
+	font-size: 90%;
+	line-height: 1.2ex;
+}
+
+.frey-source .keyword { color: #ff6; }
+.frey-source .core { color: #ff6; }
+/*
+.frey-source .word { color: #6f6; }
+*/
+.frey-source .pod { color: #6ff; }
+.frey-source .comment { color: #6ff; }
+
+.frey-source .symbol { color: #6ff; }
+.frey-source .single { color: #f6f; }
+.frey-source .double { color: #f6f; }
+.frey-source .interpolate { color: #f6f; }
+
+.frey-source .line_number { color: #222; }
+.frey-source .line_number a { color: #444; text-decoration: none; }
+
+/* Frey::Dumper */
+
+.frey-dumper {
+	color: #aaa;
+}
+
+.frey-dumper span {
+	color: #000;
+}
+
+.frey-dumper ul,
+.frey-dumper ol {
+	margin-bottom: 0.5em;
+	list-style-position: inside;
+}
+
+.frey-dumper ul > li {
+	list-style: none;
+}
+
+/*
+.frey-dumper ul:before {
+	content: "{";
+}
+
+.frey-dumper ul:after {
+	content: "}";
+}
+
+.frey-dumper ol:before {
+	content: "(";
+}
+
+.frey-dumper ol:after {
+	content: ")";
+}
+*/
+
+.frey-dumper a.blessed {
+/*
+	text-decoration: none;
+*/
+	color: #aaa;
+}
+
+.frey-info {
+	background: #ccf;
+	padding: 0.5em;
+}
+
+.frey-error {
+	background: #ffc;
+	padding: 0.5em;
+}
+
+.frey-fatal {
+	border: 3px dashed #f00;
+}
+