CSS - https://pubs.usgs.gov/sir/2006/5008/

    * Collapse All
    * Expand All

https://pubs.usgs.gov/sir/2006/5008/
https://pubs.usgs.gov/sir/2006/5008/style/common.css

/* ===OFFICIAL USGS STYLE SHEET===
This CSS has been approved by all applicable parties and is subject to change...with prior notice. This CSS is meant to provide a consistent look and feel across all USGS Web pages and can be used in conjunction with the custom.css file and any additional style sheets of your own.

DO NOT MODIFY THIS FILE IN ANY WAY.

You can customize some areas of the header ONLY by making the changes in the custom.css file. Refer to the custom.css file for specific instructions.
===END DISCLAIMER NOTICE===*/

/* ===STANDARD HEADER===*/

#usgscolorband {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 5.14em;
	background: #006633 url(https://pubs.usgs.gov/images/header_greenpubs.gif) 178px 0px no-repeat; 
	min-height: 72px;
}
#usgsbanner {
	width: 100%;
	height: 72px;
	background-image: url(../images/banner.gif);
}
#abstract p {
	text-indent: 15px;
}
#usgsidentifier {
	background-color: black;
	width: 178px;
	height: 5.14em;
	float: left;
}
#usgsidentifier img {
	border: none;
}
#usgscoop { 
	padding-left: 18px; 
	position: relative; 
	float: left;
	height: 5.14em; 
	background-color: black;
	min-height: 72px;   
} 
#usgscoop img {
	margin-right: 3px;
	border: none;
}
#usgstitle {
	background-color: #7BA2C8;
	clear: both;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
} 
#usgstitle p {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px;
	margin: 0px;
	background-color: #78A2C8;
} 
/* ===STANDARD CUSTOMER SERVICE AREA===*/
#usgsccsabox {
	float: right;
	background-color: #000000;
	min-height: 72px;
}
#usgsccsa {
	font:  1em/.5em Verdana, Arial, Helvetica, sans-serif;
	height: 5.14em;
	width: 10.5em;
}
#usgsccsa a:link, #usgsccsa a:visited { 
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	margin-left: 4px; 
	text-decoration: none; 
} 
#usgsccsa a:hover { 
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	text-decoration: underline; 
	margin-left: 4px; 
} 
#usgsccsa a:active { 
	font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #ffffff; 
	margin-left: 4px; 
	text-decoration: none; 
}
/* ===STANDARD CONTENT===*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #ffffff;
}
th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
/* ===STANDARD FOOTER===*/
#usgsfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	margin-top: 20px;	
	margin-bottom: 2px;
}
#usgsfooterbar {
	background-color: #666666;
	padding: 4px;
	margin-bottom: -16px;
}
#usgsfooterbar a:link, #usgsfooterbar a:visited {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: none;
}
#usgsfooterbar a:hover {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: underline;
}
#usgsfooterbar a:active {
	margin-right: 40px;
	color: #ffffff;
	text-decoration: none;
}
#usgsfootertext {
	padding: 4px;
}
#usgsfootertext img {
	border: none;
	float: right;
	margin-right: .3em;
}
			
			
		/* =============================================================================*/
		/* === OLD TEMPLATES Version: FY 2006 (Deprecated but supported until further notice ===*/
		/* =====These styles are only here to support older templates. DO NOT EDIT =====*/
		
		.bannerColorBand {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	height: 5.14em;
	background-color: #0E5D31;
		}
		.banner {
			background: url("/images/header_greenpubs.gif") #006633 178px 0px no-repeat;
			width: 100%;
			height: 72px;	
		}
		.identifier {
			background-color: black;
			width: 178px;
			height: 5.14em;
			float: left;
		}
		.coop { 
				padding-left: 18px; 
				position: absolute; 
				height: 5.14em; 
				background-color: black;   
		} 
		.siteTitle { 
				background-color: #006633; 
				clear: both; 
				width: 100%; 
				border-bottom: 1px solid #ffffff; 
				border-top: 1px solid #ffffff; 
				font: 14px Verdana, Arial, Helvetica, sans-serif; 
				color: #ffffff; 
		} 
		#pTitle { 
				font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; 
				padding: 5px; 
				margin: 0px; 
		} 
		/* ===STANDARD CUSTOMER SERVICE AREA===*/
		.ccsaBox {
			float: right;
			background-color: #000000;
		}
		.ccsa {
			font:  1em/.5em Verdana, Arial, Helvetica, sans-serif;
			height: 5.14em;
			width: 10.5em;
		}
		.ccsa a:link { 
			font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff; 
			margin-left: 4px; 
			text-decoration: none; 
		} 
		.ccsa a:visited { 
			font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff; 
			margin-left: 4px; 
			text-decoration: none; 
		} 
		.ccsa a:hover { 
			font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff; 
			text-decoration: underline; 
			margin-left: 4px; 
		} 
		.ccsa a:active { 
			font: bold 1em/1.3em Verdana, Arial, Helvetica, sans-serif; 
			color: #ffffff; 
			margin-left: 4px; 
			text-decoration: none; 
		}
		.footerBar {
			background-color: #666666;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			/*/*/padding: 4px; /*End hiding for this section in Netscape 4x*/
			margin-top: 20px;
			margin-bottom: -16px;
		}		
		.footerBar a:link { 
		   margin-right: 40px;
		   color: #ffffff; 
		   text-decoration: none; 
		} 
		.footerBar a:visited { 
		   margin-right: 40px;
		   color: #ffffff; 
		   text-decoration: none; 
		} 
		.footerBar a:hover { 
		   margin-right: 40px;
		   color: #ffffff; 
		   text-decoration: underline; 
		} 
		.footerBar a:active { 
		   margin-right: 40px;
		   color: #ffffff; 
		   text-decoration: none; 
		} 
		.footerText {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			margin-bottom: -2px;
			/*/*/padding: 4px;/*End hiding for this section in Netscape 4x*/
		}
		.footerText img {
			border: none;
			float: right;
		}
		/* === End OLD TEMPLATES: FY 2006 ===*/
		/* ===============================================================*/

https://pubs.usgs.gov/sir/2006/5008/style/custom.css

/* ================INSTRUCTIONS=================*/ 

/* By changing the classes below, you can add your own custom styles for various areas of the header. In order for your changes to work though, you MUST include a reference in your HTML pages to both the common CSS file and custom CSS file in that order.



Instructions are provided below for customizing these classes.



/* ================BANNER=======================*/  

/* TO DISPLAY A CUSTOM BANNER IMAGE: 

If you want to display a custom banner, change the "background: url" to point to a local banner, or external, image location.



TO DISPLAY A CUSTOM BANNER COLOR (NO IMAGE): 

If you would rather display a color instead of a banner image, change the "background: url" portion to point to "" and set the background color (#006633) to whatever color you wish to display.

NOTE: You can use either hexadecimal color codes (i.e. - #006633, #063) or HTML color names (i.e. - "black"). */ 

#usgscolorband { 

	background: black url(https://pubs.usgs.gov/images/header_greenpubs.gif) 178px 0px no-repeat; 

} 

/* ================SITE TITLE===================*/ 

/* TO DISPLAY A CUSTOM SITE TITLE BAR: 

The #usgstitle class is specific to the colored site title bar that lies beneath the USGS identifier. To change the color of this bar, set the "background-color" attribute below to the color you wish to display and change the "color" attribute to set the text color.

NOTE: You can use either hexadecimal color codes (i.e. - #000000) or HTML color names (i.e. - "black"). */ 

#usgstitle {

	background-color: #67694F;

	color: #FFFFFF;

} 

/* =============STANDARD CONTENT===============*/ 

/* TO CHANGE THE TEXT SIZE OF THE CONTENT:

By default, USGS has set the font size to "small" in order to provide a consistent size for content across all pages. If you would prefer not to have a pre-defined font size for your pages, change the "font-size" attributes below to "font-size: 100%;". */

body {

	font-size: small;

}

th, td {

	font-size: small;

}



		/* =============================================================================*/

		/* === OLD TEMPLATES Version: FY 2006 (Deprecated but supported until further notice. ===*/

		/* =====These styles are only here to support older templates. DO NOT EDIT =====*/

			.banner { 

					background: url("/images/header_greenpubs.gif") 178px 0px no-repeat; 

			} 

			DIV.bannerColorBand, DIV.banner { 

					background-color: #006633; 

			} 

			Div.siteTitle, #pTitle { 

				 background-color: #006633; 

				 color: #ffffff; 

			} 

		/* === End OLD TEMPLATES: FY 2006 ===*/

		/* ===============================================================*/

https://pubs.usgs.gov/sir/2006/5008/style/coPSC.css

/* =============STANDARD CONTENT===============*/ 

/* TO CHANGE THE TEXT SIZE OF THE CONTENT:

By default, USGS has set the font size to "small" in order to provide a consistent size for content across all pages. If you would prefer not to have a pre-defined font size for your pages, change the "font-size" attributes below to "font-size: 100%;". */

/* =====================================================*/

/* =================ACCESSIBILITY HELP==================*/

/* =====================================================*/

.off-left{

	position: absolute;

	left: -999px;

	width: 990px;

}

/* =====================================================*/

/* =================BREAD CRUMBS==================*/

/* =====================================================*/

.breadCrumb {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-size: .7em;

	font-weight: bold;

	text-align:left;

	background-color: #EFF2E0;

    border-top: 1px dashed #996633; 

	padding-top: 4px;

	width: 100%;

	height: 15px;

	color:#003333;

filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;

}

.breadCrumb a {

	width:100%;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: none;

	font-weight: bold;

	color:#000099;

	background:#EFF2E0;filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;

}

.breadCrumb a:hover {

	width:100%;font-family: Verdana, Arial, Helvetica, sans-serif;

	text-decoration: underline;

	font-weight: bold;

	background:#EFF2E0;

	color:#000099;

filter:alpha(opacity=100);   

-moz-opacity: 1.0;   

opacity: 1.0;}

/* =====================================================*/

/* =================TWO CONTENT LAYOUT==================*/

/* =====================================================*/

#header {

	height: 150px;

	margin: 0;

	padding: 0;

	}

#leftContent {

	width: 75%;

	margin: 5px 0 5px 0;

	padding: 0;

	border-right: 3px solid #996633;

	/*border-left: 3px solid #996633;*/

	font-size: 1em;

	background-color: #FFFFFF;

	vertical-align: top;



	}

#rightContent {

	margin: 0 0 10px;

	font-size: 0.9em;

	background-color: #EFF2E0;

	vertical-align: top;

	padding: 5px 0 5px 0;

	width: 25%;



	}

/*Version number and posting date area*/

#verHist {

	font: Verdana, Arial, Helvetica, sans-serif bold 0.9em;

  	line-height: 1.35em;

	padding-top: 18px;

	padding-bottom: 18px;

	vertical-align: top;

	background-color: #EFF2E0;

	text-align: center;

	width: 100%;

	border-bottom: 2px dotted #996633;

	}

/*List of Downloadable Files*/





.fileslist {

	margin: 0px 0px 0px 0px;

	padding-left: 0px;

	border-bottom: 2px dotted #996633;

}



.fileslist li {

	list-style-type: square;

	list-style-position: outside;

	margin: 15px 10px 15px 40px;

}





.accessVer {

	font-size: 0.8em;

	font-style: oblique;

	margin-left: 20px;

	}

/*Page Property Styles*/

em {

	font-style:italic;

}

/*Change line height for paragraphs including super or sub-text*/

.suptextsub  {

	margin: 1em;

	line-height: 1.3em;

}

/*Background for Abstract*/

#abstract {



	margin: 10px 10px 10px 10px;

	padding: 6px;

}

/*Text style for Abstract, I used the one below for an abstract that had a lot of subscripts and I needed to increase the line-height. */

/*.abstract {

	min-height:1px;

   	text-indent: 10 px;

   	margin-top: .10em; margin-bottom: 0em; margin-left: 1em;

   	font-family: Verdana, Arial, Helvetica, sans-serif; 

   	font-size: 1em;

	line-height: 1.5em;

}*/

/*Recent Adobe Reader Advisory and Other Notes*/

.apdf {

	font-family: Verdana, Arial, Helvetica, sans-serif;

  	font-size: .9em;

  	line-height: 1.4em;

	padding-top: 5px;

	background-color: #EFF2E0;

	}

/*Page Sub-Text*/

.pubCoop {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .9em;

	font-weight: bolder;

}

/*Page Sub-Title*/

.pagesubtitle {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1.3em;

	font-weight: bolder;

	line-height: .5em;

	margin-top: -8px;

}

/*Publication Date*/

.pubdate {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: x-small;

	font-style: oblique;

 	margin: .5em;

	}

/*Additional Author Information*/

.authinfo {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: xx-small;

	padding: 5px;

	}

.adobeReader {

	font-family: Verdana, Arial, Helvetica, sans-serif;

  	font-size: .9em;

	padding: 5px;

	}

/*Indent First Line*/

.textindent { 

   	text-indent: 3em;

   	font-family: Verdana, Arial, Helvetica, sans-serif; 

	line-height: 1.5em;

}

/*Author or Team Contact Information*/

.pubContact {

	margin: 17px 17px 0px 0px;

	vertical-align: top;

	background-color: #EFF2E0;

	width: 90%;

	padding: 5px;

	}

/*Hanging Indent for References*/

.reference {

	font-size: .9em;

	text-indent: -3em;

	list-style-type: none;

	margin-right: 3em;

	margin-left: 3.9em;

	margin-bottom: .5em;

	}

/*Indentation for Table of Contents*/

.indent0  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	text-indent: 0em;

	margin-bottom: 0em;

	margin-left: 0em;

	margin-top: 0em;

}

.indent1  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	text-indent: -2.5em;

	margin-bottom: 0em;

	margin-left: 5em;

	margin-top: 0em;

}

.indent2  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	text-indent: -2.5em;

	margin-bottom: 0em;

	margin-left:7.5em;

	margin-top: 0em;

}

.indent3  {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	text-indent: -2.5em;

	margin-bottom: 0em;

	margin-left: 9em;

	margin-top: 0em;

}
#abstract p {
	text-indent: 10px;
}
#usgstitle p {
	color: #000;
}
