--- trunk/static/frey.css	2008/10/28 20:46:35	197
+++ trunk/static/frey.css	2008/11/05 20:05:35	312
@@ -9,28 +9,117 @@
 	right: 0;
 	position: fixed;
 	z-index: 20;
+	opacity: .5;
+	filter: alpha(opacity=50);
 }
 
-span.frey-popup {
+.frey-status-line:hover {
+	opacity: 1;
+	filter: alpha(opacity=100);
+}
+
+/* style areas over which you can hoover */
+.frey-popup,
+.frey-popdown {
 	color: #00f;
+	padding: 3px;
+}
+
+.frey-popup:hover,
+.frey-popdown:hover {
+	background: #eee;
+	text-decoration: underline;
 }
 
-span.frey-popup:hover span {
+.frey-popup span,
+.frey-popdown code {
+	display: none;	/* hidden by default */
+	color: #000;
+	background: #eee;
+	border: 1px solid #aaa;
+}
+
+.frey-popup:hover span {
 	position: absolute;
+	display: block;
+	bottom: 1.25em;
+	left: 2em;
+	z-index: 30;
+}
+
+.frey-popdown:hover code {
+	position: relative;
 	top: 0;
 	right: 0;
 	display: block;
 	z-index: 30;
 }
 
-span.frey-popup span {
-	display: none;
+.frey-popdown code {
 	white-space: pre-wrap;
 	white-space: -moz-pre-wrap;
 	white-space: -o-pre-wrap;
 	font-family: monospace;
+}
+
+/*
+.frey-popup span {
 	color: #000;
 	background: #eee;
 	border: 1px solid #aaa;
-	padding: 1em;
+}
+
+*/
+
+.frey-popup span ul {
+	margin: 3px;
+}
+
+/* Frey::Instrospect */
+
+.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-introspect tr td.m {
+	padding-right: 1em;
+	font-family: monospace;
+}
+
+.frey-introspect tr .a {
+	border-left: 1px dashed #ccc;
+	padding-left: 1em;
+}
+
+.frey-introspect tr td.a {
+	text-align: right;
+	font-family: monospace;
+}
+
+.frey-introspect tr td.t {
+	font-family: monospace;
+	padding-left: 1em;
+}
+
+.frey-introspect tr:hover {
+	background: #ffc;
+}
+
+.frey-introspect sup {
+	color: #ccc;
+}
+
+/* fix POD =head parts */
+a.u {
+	text-decoration: none;
+	color: black;
 }