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

.frey-status-line .right {
        position: absolute;
        right: 0.5em;
}

/* style areas over which you can hoover */
.frey-popup,
.frey-dropdown {
        color: #00f;
        padding: 3px;
}

.frey-popup:hover,
.frey-dropdown:hover {
        background: #eee;
        text-decoration: underline;
}

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

   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: 1.5em;
/*
        right: 1.5em;
*/
        z-index: 30;
        overflow: hidden;
}

a.frey-dropdown:hover > code {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        z-index: 30;
}

.frey-popup code,
.frey-dropdown code {
        white-space: 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-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-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 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;
}

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	dpavlin	473	.frey-status-line .right {
22			position: absolute;
23			right: 0.5em;
24			}
25
26	dpavlin	211	/* style areas over which you can hoover */
27			.frey-popup,
28	dpavlin	543	.frey-dropdown {
29	dpavlin	197	color: #00f;
30	dpavlin	202	padding: 3px;
31	dpavlin	197	}
32
33	dpavlin	211	.frey-popup:hover,
34	dpavlin	543	.frey-dropdown:hover {
35	dpavlin	202	background: #eee;
36	dpavlin	211	text-decoration: underline;
37	dpavlin	202	}
38
39	dpavlin	597	a.frey-popup > code,
40			span.frey-popup > code,
41			span.frey-popup > span,
42			a.frey-dropdown > code,
43			span.frey-dropdown > code {
44	dpavlin	211	display: none; /* hidden by default */
45			color: #000;
46			background: #eee;
47			border: 1px solid #aaa;
48	dpavlin	597	font-size: 90%;
49	dpavlin	211	}
50
51	dpavlin	597	a.frey-popup:hover > code,
52			span.frey-popup:hover > code,
53			span.frey-popup:hover > span,
54			a.frey-dropdown:hover > code,
55			span.frey-dropdown:hover > code {
56	dpavlin	211	position: absolute;
57			display: block;
58			bottom: 1.25em;
59	dpavlin	391	left: 1.5em;
60	dpavlin	394	/*
61	dpavlin	391	right: 1.5em;
62	dpavlin	394	*/
63	dpavlin	211	z-index: 30;
64	dpavlin	391	overflow: hidden;
65	dpavlin	211	}
66
67	dpavlin	597	a.frey-dropdown:hover > code {
68	dpavlin	198	position: relative;
69	dpavlin	197	top: 0;
70			right: 0;
71			display: block;
72			z-index: 30;
73			}
74
75	dpavlin	391	.frey-popup code,
76	dpavlin	543	.frey-dropdown code {
77	dpavlin	197	white-space: pre-wrap;
78			font-family: monospace;
79	dpavlin	206	}
80
81	dpavlin	211	/*
82	dpavlin	206	.frey-popup span {
83	dpavlin	197	color: #000;
84			background: #eee;
85			border: 1px solid #aaa;
86			}
87	dpavlin	199
88	dpavlin	211	*/
89
90	dpavlin	206	.frey-popup span ul {
91	dpavlin	211	margin: 3px;
92	dpavlin	206	}
93
94	dpavlin	312	/* Frey::Instrospect */
95	dpavlin	215
96	dpavlin	380	.frey-skip {
97			font-size: 80%;
98			color: #aaa;
99			}
100
101	dpavlin	312	.frey-introspect tr th {
102	dpavlin	215	border-bottom: 1px dashed #ccc;
103			}
104
105			/* stop header from jumping around because of hover popup */
106	dpavlin	312	.frey-introspect tr th.p {
107	dpavlin	215	text-align: left;
108			}
109
110	dpavlin	312	.frey-introspect tr td {
111	dpavlin	199	vertical-align: top;
112			}
113
114	dpavlin	312	.frey-introspect tr td.m {
115	dpavlin	212	padding-right: 1em;
116	dpavlin	215	font-family: monospace;
117	dpavlin	212	}
118
119	dpavlin	312	.frey-introspect tr .a {
120	dpavlin	212	border-left: 1px dashed #ccc;
121			padding-left: 1em;
122			}
123
124	dpavlin	312	.frey-introspect tr td.a {
125	dpavlin	212	text-align: right;
126	dpavlin	215	font-family: monospace;
127	dpavlin	212	}
128
129	dpavlin	312	.frey-introspect tr td.t {
130	dpavlin	290	font-family: monospace;
131			padding-left: 1em;
132			}
133
134	dpavlin	943	.frey-introspect tr td.p {
135			font-size: 80%;
136			}
137
138			.frey-introspect tr td.p code {
139			font-size: 120%;
140			font-weight: bold;
141			}
142
143	dpavlin	312	.frey-introspect tr:hover {
144	dpavlin	290	background: #ffc;
145			}
146
147	dpavlin	312	.frey-introspect sup {
148	dpavlin	310	color: #ccc;
149			}
150
151	dpavlin	380
152	dpavlin	211	/* fix POD =head parts */
153			a.u {
154			text-decoration: none;
155			color: black;
156			}
157	dpavlin	327
158	dpavlin	380
159			/* dark background in sync with my vim setup */
160			.frey-source {
161			font-family: monospace;
162			background: #000;
163			color: #fff;
164			padding: 0.5em;
165			white-space: pre-wrap;
166	dpavlin	424	/* compress lines to preserve memory footprint in browser for rendering */
167			font-size: 90%;
168			line-height: 1.2ex;
169	dpavlin	380	}
170
171			.frey-source .keyword { color: #ff6; }
172			.frey-source .core { color: #ff6; }
173			/*
174			.frey-source .word { color: #6f6; }
175			*/
176			.frey-source .pod { color: #6ff; }
177			.frey-source .comment { color: #6ff; }
178
179			.frey-source .symbol { color: #6ff; }
180			.frey-source .single { color: #f6f; }
181			.frey-source .double { color: #f6f; }
182	dpavlin	424	.frey-source .interpolate { color: #f6f; }
183	dpavlin	380
184	dpavlin	406	.frey-source .line_number { color: #222; }
185			.frey-source .line_number a { color: #444; text-decoration: none; }
186	dpavlin	380
187	dpavlin	327	/* Frey::Dumper */
188
189			.frey-dumper {
190			color: #aaa;
191			}
192
193			.frey-dumper span {
194			color: #000;
195			}
196	dpavlin	328
197	dpavlin	329	.frey-dumper ul,
198			.frey-dumper ol {
199			margin-bottom: 0.5em;
200	dpavlin	328	list-style-position: inside;
201	dpavlin	329	}
202
203			.frey-dumper ul > li {
204	dpavlin	328	list-style: none;
205			}
206
207	dpavlin	329	/*
208			.frey-dumper ul:before {
209			content: "{";
210			}
211
212			.frey-dumper ul:after {
213			content: "}";
214			}
215
216			.frey-dumper ol:before {
217			content: "(";
218			}
219
220			.frey-dumper ol:after {
221			content: ")";
222			}
223			*/
224	dpavlin	350
225	dpavlin	360	.frey-dumper a.blessed {
226	dpavlin	359	/*
227			text-decoration: none;
228			*/
229			color: #aaa;
230			}
231	dpavlin	350
232	dpavlin	789	.frey-info {
233			background: #ccf;
234			padding: 0.5em;
235			}
236
237	dpavlin	350	.frey-error {
238			background: #ffc;
239			padding: 0.5em;
240			}
241
242	dpavlin	685	.frey-fatal {
243	dpavlin	671	border: 3px dashed #f00;
244			}
245