--- trunk/static/frey.css 2008/10/30 22:35:11 206 +++ trunk/static/frey.css 2008/11/16 16:37:04 359 @@ -9,51 +9,169 @@ right: 0; position: fixed; z-index: 20; + opacity: .5; + filter: alpha(opacity=50); } -.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; - border: 1px dashed #eee; padding: 3px; } -.frey-popup:hover { +.frey-popup:hover, +.frey-popdown:hover { background: #eee; - border: 1px solid #ccc; + text-decoration: underline; +} + +.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; - background: #eee; } -.frey-popup pre { - 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 { - display: none; /* - padding: 1em; -*/ +.frey-popup span { color: #000; background: #eee; border: 1px solid #aaa; } +*/ + .frey-popup span ul { - margin: 0; + margin: 3px; } -.frey-object-browser tr td { +/* 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; +} + +/* 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 { +/* + text-decoration: none; +*/ + color: #aaa; +} + +.frey-error { + border: 3px dashed #f00; + background: #ffc; + padding: 0.5em; +} +