dishy.css

google的search的api 以及其demo 使用ajax的 dwr+prototype技术实现

		*{
			margin:0;
			padding:0;
			list-style:none;
		}
		body{
			font-size:.9em;
			font-family:Arial,Helvetica,sans-serif;
			color:#333;
			padding:3em;
			background:#999;
		}		
		#content{
			background:#fff;
			padding:1em;
			width:740px;
			position:relative;
		}
		#getdishy{
			background:url(getdishybg.gif) top left no-repeat #fff;
			position:absolute;
			top:10px;
			right:10px;
			width:240px;
			padding:15px;
		}
		html>body #content{
			max-width:900px;
			width:auto;
			min-width:740px;
		}
		.cloud{
			width:80%;
			list-style:none;
		}
		.cloud li{
			float:left;
			padding:0 0 0 .5em;
		}
		.cloud li a{
			display:inline;
		}
		ul,dl{
			list-style:square;
			margin:0 0 .5em 1em;
		}
		ul li{
			margin-left:1em;
			list-style:square;
			line-height:1.3em;
			padding:.2em 0;
		}
		p{
			padding:0 0 .5em 0;
			line-height:1.3em;
		}
		dt{
			color:#363;
			font-family:courier,monospace;
			font-weight:bold;
		}
		dd{
			padding:.2em 0 .2em 1em;
		}
		#intro{
			padding-right:300px;
		}	
		h2{
			font-family:"ms trebuchet",arial,sans-serif;
			font-size:1.4em;
			letter-spacing:-2px;
			text-transform:uppercase;
			color:#393;
			padding:.5em 0;
			font-weight:normal;
		}
		h1{
			font-family:"ms trebuchet",arial,sans-serif;
			font-size:1.8em;
			letter-spacing:-2px;
			text-transform:uppercase;
			color:#363;
			padding:.5em 0;
			font-weight:normal;
			padding-right:250px;
		}
		#getdishy h2{
			font-size:1.4em;
			letter-spacing:-1px;
			color:#696;
		}
		#getdishy a{
			color:#666;
		}
		#content a{
			color:#363;
		}
		#getdishy h3{
			font-size:1em;
			font-weight:normal;
			letter-spacing:0;
			color:#333;
		}
		#footer{
			border-top:1px solid #ccc;
			padding:.5em .5em 0 .5em;
			margin:.5em;
			clear:both;
			text-align:center;
		}