fry/mm/style/test/test.ui.css
/*
	UI CSS Declaration

	AC Leela Library - basic test/example UI
*/

*
{
	font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	border:0;
	padding:0;
	margin:0;
	font-size:11px;
}
body
{
	background:#f4f4f4;
}
h1.logo
{
	font-size:12px;
	font-weight:bold;
	background-color:#FFD021;
	padding:4px;
	border-bottom:1px solid #aaa;
	height:22px;
	padding-top:32px;
	padding-left:420px;
	background-image:url(../../i/theme/ac.fry.logo4.gif);
	background-repeat:no-repeat;
	background-position:8px 4px;
	color:#fff;
}
h1 a
{
	position:absolute;
	top:10px;
}
p.description
{
	color:#000;
	font-size:11px;
	padding:4px;
	margin:4px 20px 4px 20px;
	font-family:Geneva, "Georgia MS", Times;
}
p.description strong
{
	font-weight:bold;
	font-size:12px;
	font-family:Courier;
}
.example
{
	position:absolute;
	top:180px;
	left:20px;
	width:1000px;
	height:460px;	
	border:1px solid #bbb;
	background:#e8e8e8;
}
.example .test
{
	position:absolute;
	top:14px;
	left:14px;
	width:972px;
	height:372px;
	background:#fff;
}

#debug
{
	position:absolute;
	left:20px;
	top:650px;
	width:958px;
	font-size:10px;
	background:#ddd;
	padding:20px;
	border:1px solid #ccc;
	border-left:4px solid #ddd;
	margin-bottom:60px;
}
a
{
	color:#000;
	text-decoration:underline;
}
a.redraw
{
	position:absolute;
	border:1px solid #ddd;
	background:#f0f0f0;
	font-weight:bold;
	padding:3px;
	display:block;
	width:100px;
	top:158px;
	left:20px;
}
a.locale
{
	position:absolute;
	border:1px solid #ddd;
	background:#f0f0f0;
	font-weight:bold;
	padding:3px;
	display:block;
	width:140px;
	top:158px;
	left:132px;
}

h1.logo a
{
	display:block;
	margin-bottom:8px;
}
ul.selection
{
	border:1px solid #ddd;
	margin:20px;
	margin-top:5px;
}
ul.selection li
{
	list-style:none;
	margin:10px;
	margin-left:10px;
	padding-left:20px;
}
ul.selection li.separator
{
	background:#bbb;
	font-weight:bold;
	color:#fff;
	padding:2px;
	margin:0;
}
input, select
{
	padding:2px;
	border:1px solid #ccc;
	margin:2px;
}
select
{
	_width:200px;	
}
option
{
	padding:0 2px 0 2px;
}
pre, pre span, pre div, #output div
{
	font-family:'courier new', courier;
}
#title, #note, #test-area
{
	margin:20px;
}
#test-area
{
	padding:8px;
	border-top:2px dashed #ddd;
}
#code
{
	background-color:#ccc;
	background-image:url(../../i/test/source.bg.gif);
	background-repeat:no-repeat;
	background-position:4px 4px;
	font-family:monospace;
	color:#000;
	padding:20px;	
	margin:20px;
	height:200px;
	overflow:auto;
	border:2px solid #aaa;
}
#output
{
	padding:40px;
	padding-top:16px;
}
#output div
{
	border-left:4px solid #ddd;
	margin-bottom:4px;
	padding-left:4px;
}