trunk/static/frey.css

.frey-status-line {
        border-top: 1px solid #aaa;
        color: #444;
        background-color: #eee;
        font-size: 80%;
        padding: 2px;
        bottom: 0;
        left: 0;
        right: 0;
        position: fixed;
        z-index: 20;
        opacity: .5;
        filter: alpha(opacity=50);
}

.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;
}

.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;
}

.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;
}

*/

.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;
}

/* 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-error {
        border: 3px dashed #f00;
        background: #ffc;
        padding: 0.5em;
}

1	dpavlin	156	.frey-status-line {
2	dpavlin	194	border-top: 1px solid #aaa;
3			color: #444;
4			background-color: #eee;
5			font-size: 80%;
6			padding: 2px;
7			bottom: 0;
8			left: 0;
9			right: 0;
10	dpavlin	121	position: fixed;
11	dpavlin	194	z-index: 20;
12	dpavlin	211	opacity: .5;
13			filter: alpha(opacity=50);
14	dpavlin	121	}
15
16	dpavlin	211	.frey-status-line:hover {
17			opacity: 1;
18			filter: alpha(opacity=100);
19			}
20
21			/* style areas over which you can hoover */
22			.frey-popup,
23			.frey-popdown {
24	dpavlin	197	color: #00f;
25	dpavlin	202	padding: 3px;
26	dpavlin	197	}
27
28	dpavlin	211	.frey-popup:hover,
29			.frey-popdown:hover {
30	dpavlin	202	background: #eee;
31	dpavlin	211	text-decoration: underline;
32	dpavlin	202	}
33
34	dpavlin	211	.frey-popup span,
35			.frey-popdown code {
36			display: none; /* hidden by default */
37			color: #000;
38			background: #eee;
39			border: 1px solid #aaa;
40			}
41
42	dpavlin	198	.frey-popup:hover span {
43	dpavlin	211	position: absolute;
44			display: block;
45			bottom: 1.25em;
46			left: 2em;
47			z-index: 30;
48			}
49
50			.frey-popdown:hover code {
51	dpavlin	198	position: relative;
52	dpavlin	197	top: 0;
53			right: 0;
54			display: block;
55			z-index: 30;
56			}
57
58	dpavlin	211	.frey-popdown code {
59	dpavlin	197	white-space: pre-wrap;
60			white-space: -moz-pre-wrap;
61			white-space: -o-pre-wrap;
62			font-family: monospace;
63	dpavlin	206	}
64
65	dpavlin	211	/*
66	dpavlin	206	.frey-popup span {
67	dpavlin	197	color: #000;
68			background: #eee;
69			border: 1px solid #aaa;
70			}
71	dpavlin	199
72	dpavlin	211	*/
73
74	dpavlin	206	.frey-popup span ul {
75	dpavlin	211	margin: 3px;
76	dpavlin	206	}
77
78	dpavlin	312	/* Frey::Instrospect */
79	dpavlin	215
80	dpavlin	312	.frey-introspect tr th {
81	dpavlin	215	border-bottom: 1px dashed #ccc;
82			}
83
84			/* stop header from jumping around because of hover popup */
85	dpavlin	312	.frey-introspect tr th.p {
86	dpavlin	215	text-align: left;
87			}
88
89	dpavlin	312	.frey-introspect tr td {
90	dpavlin	199	vertical-align: top;
91			}
92
93	dpavlin	312	.frey-introspect tr td.m {
94	dpavlin	212	padding-right: 1em;
95	dpavlin	215	font-family: monospace;
96	dpavlin	212	}
97
98	dpavlin	312	.frey-introspect tr .a {
99	dpavlin	212	border-left: 1px dashed #ccc;
100			padding-left: 1em;
101			}
102
103	dpavlin	312	.frey-introspect tr td.a {
104	dpavlin	212	text-align: right;
105	dpavlin	215	font-family: monospace;
106	dpavlin	212	}
107
108	dpavlin	312	.frey-introspect tr td.t {
109	dpavlin	290	font-family: monospace;
110			padding-left: 1em;
111			}
112
113	dpavlin	312	.frey-introspect tr:hover {
114	dpavlin	290	background: #ffc;
115			}
116
117	dpavlin	312	.frey-introspect sup {
118	dpavlin	310	color: #ccc;
119			}
120
121	dpavlin	211	/* fix POD =head parts */
122			a.u {
123			text-decoration: none;
124			color: black;
125			}
126	dpavlin	327
127			/* Frey::Dumper */
128
129			.frey-dumper {
130			color: #aaa;
131			}
132
133			.frey-dumper span {
134			color: #000;
135			}
136	dpavlin	328
137	dpavlin	329	.frey-dumper ul,
138			.frey-dumper ol {
139			margin-bottom: 0.5em;
140	dpavlin	328	list-style-position: inside;
141	dpavlin	329	}
142
143			.frey-dumper ul > li {
144	dpavlin	328	list-style: none;
145			}
146
147	dpavlin	329	/*
148			.frey-dumper ul:before {
149			content: "{";
150			}
151
152			.frey-dumper ul:after {
153			content: "}";
154			}
155
156			.frey-dumper ol:before {
157			content: "(";
158			}
159
160			.frey-dumper ol:after {
161			content: ")";
162			}
163			*/
164	dpavlin	350
165
166			.frey-error {
167			border: 3px dashed #f00;
168			background: #ffc;
169			padding: 0.5em;
170			}
171