JavaScript
Search Service
Skip navigation Digital Library for Earth System Education
Digital Library for Earth System Education
Search tips

Required CSS Styles

The JavaScript Search Service includes a set of required Cascading Style Sheet (CSS) styles that are automatically inserted into your page. These styles correspond to CSS classes that are assigned to various HTML elements that are returned by the service and are necessary to render the elements properly in your page. These styles are applied automatically, however you may override any one of these styles by redefining them in your page after the point at which you have included the API's <script> elements. The required styles are shown here for reference.

See also: Suggested CSS Styles

The required styles are as follows:

/* ------ Style used to define the thin line used throughout ------ */
TABLE.thinLine {
	border-spacing:0px;
	border-collapse:collapse;
}

TD.thinLine {	
	padding:0;
}

/* ------ Styles used for the checkbox menus ------ */
A.cb:link {
	color: #333333; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 9pt; 	
}
A.cb:visited {
	color: #333333; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 9pt; 	
}	
A.cb:active {
	color: #333333; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 9pt; 	
}	
.cbItems {
	font-size: 9pt; 
}

/* ------ Styles used in the DLESE logo ------ */
A.logo:link {
	color: #000000; 
	text-decoration: none; 
	font-size:8pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 	
}
A.logo:visited {
	color: #000000; 
	text-decoration: none; 
	font-size:8pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 	
}	
A.logo:active {
	color: #000000; 
	text-decoration: none; 
	font-size:8pt; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;	
}	

/*  ------ Style for the 'clear selections' button  ------ */
.clearbutton {
	font-size: 9px;
	position: center;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #333366; 
	height: 18px; 
	background-color: #eeeeee;
}	

/* ------ The link for the resources that appears black (no underline, etc) ------  */
A.blacklnk:link {
	color: #000000; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 105%; 	
}

A.blacklnk:visited {
	color: #000000; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 105%; 	
}

/*  ------ The collection title name, when no link is available  ------ */
.collectionTitle {
	color: #000000; 
	font-weight: bold;
	font-size: 11pt; 	
}

/* ------ Style used for the annotation links and display ------ */
A.annos:link {
	color: #333366; 
}
A.annos:visited {
	color: #333366; 
}	
A.annos:active {
	color: #333366; 
}
UL.annos{
	margin-top: 0;
	margin-bottom: 0;
}

/* ------ Styles used in the full descripion ------ */
.description { 
	padding-left: 10px; 	
	padding-right: 14px; 		
	padding-bottom: 8px; 
}
.edTop { 
	font-weight: bold;
	color: #333333; 
	padding-left: 4px; 	
	padding-top: 10px; 		
} 
.edEn { 
	padding-left: 12px; 	
}

  
University Corporation for Atmospheric Research (UCAR) National Science Foundation (NSF) National Science Digital Library (NSDL)