54 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
		
		
			
		
	
	
			54 lines
		
	
	
		
			1.1 KiB
		
	
	
	
		
			HTML
		
	
	
	
|  | <link rel="stylesheet" href="../stylesheets/easy.css" media="screen" /> | ||
|  | <script type="text/javascript" src="../javascripts/jquery.js"></script> | ||
|  | <script type="text/javascript" src="../javascripts/easy.js"></script> | ||
|  | <script type="text/javascript" src="../javascripts/application.js"></script> | ||
|  | 
 | ||
|  | <style> | ||
|  | 
 | ||
|  | /* COPY START HERE */ | ||
|  | 		 | ||
|  | 	form#searchForm{ | ||
|  | 		margin:0; | ||
|  | 		padding:1em 10px; | ||
|  | 		background:#f1f1f1; | ||
|  | 		float:left; | ||
|  | 		position:absolute; | ||
|  | 		top:2em; | ||
|  | 		right:0; | ||
|  | 		}		 | ||
|  | 	#searchForm .field{ | ||
|  | 		border:1px solid #999; | ||
|  | 		padding:5px; | ||
|  | 		width:150px; | ||
|  | 		float:left; | ||
|  | 		}		 | ||
|  | 	#searchForm button{ | ||
|  | 		display:inline; | ||
|  | 		float:left; | ||
|  | 		background:#ccc; /* place search icon here */ | ||
|  | 		height:26px; | ||
|  | 		width:26px; | ||
|  | 		margin-left:5px; | ||
|  | 		}		 | ||
|  | 
 | ||
|  | /* COPY END HERE */	 | ||
|  | 	 | ||
|  | </style> | ||
|  | 
 | ||
|  | <div id="container"> | ||
|  | <div class="main"> | ||
|  | 
 | ||
|  | <!-- COPY START HERE --> | ||
|  | 
 | ||
|  | <form id="searchForm" action="/" method="post">	 | ||
|  | 				 | ||
|  | 	<label for="keyword">Search</label> | ||
|  | 	<input type="text" name="keyword" id="keyword" size="30" class="field label" /> | ||
|  | 	<button type="submit" class="graphic">Go</button>		 | ||
|  | 	 | ||
|  | </form>	 | ||
|  | 
 | ||
|  | <!-- COPY END HERE --> | ||
|  | 
 | ||
|  | </div> | ||
|  | </div> |