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-popup code,
.frey-popdown code {
        display: none;  /* hidden by default */
        color: #000;
        background: #eee;
        border: 1px solid #aaa;
}

.frey-popup:hover code,
.frey-popup:hover span {
        position: absolute;
        display: block;
        bottom: 1.25em;
        left: 1.5em;
/*
        right: 1.5em;
*/
        z-index: 30;
        overflow: hidden;
}

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

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