style3.css

关于java web开发动态网页的资料

	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 4px 20px;
	border-top: 1px solid #6c6c6b;
	border-right: 1px solid #6c6c6b;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	vertical-align: middle;
	text-decoration: none;
}

a.boxLink:visited {
	background: #595959;
	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 4px 20px;
	border-top: 1px solid #6c6c6b;
	border-right: 1px solid #6c6c6b;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	vertical-align: middle;
	text-decoration: none;
}

a.boxLink:hover {
	background: #FCAD02;
	color: #000;
	border: none;
	font-size: 10px;
	padding: 4px 20px;
	border-top: 1px solid #ffc547;
	border-right: 1px solid #ffc547;
	border-left: 1px solid #FCAD02;
	border-bottom: 1px solid #FCAD02;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;	
}

div.pagination span {
	background: #282827;
	color: #6B6B6A;
	border: none;
	font-size: 10px;
	padding: 2px 10px;
	border-top: 1px solid #2D2D2D;
	border-right: 1px solid #2D2D2D;
	border-left: 1px solid #282827;
	border-bottom: 1px solid #282827;
	vertical-align: middle;		
}

div .pagination a.boxLink:link {
	background: #595959;
	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 2px 10px;
	border-top: 1px solid #6c6c6b;
	border-right: 1px solid #6c6c6b;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	vertical-align: middle;
	text-decoration: none;
}

div.pagination a.boxLink:visited {
	background: #595959;
	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 2px 10px;
	border-top: 1px solid #6c6c6b;
	border-right: 1px solid #6c6c6b;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	vertical-align: middle;
	text-decoration: none;
}

div.pagination a.boxLink:hover {
	background: #FCAD02;
	color: #000;
	border: none;
	font-size: 10px;
	padding: 2px 10px;
	border-top: 1px solid #ffc547;
	border-right: 1px solid #ffc547;
	border-left: 1px solid #FCAD02;
	border-bottom: 1px solid #FCAD02;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none;	
}



/*
/* martin award */
#awardRecipientLinks {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
}

#awardRecipientLinks li {
	display: inline;
	margin-right: 2em;

}

.sideColHeaderBlack {
	width: 226px;
	height: 15px;
	background: url(../images/bg_sideColHeader_black.jpg) no-repeat;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #A3ADA3;
	font-size: 10px;
	line-height: 12px;
	padding: 10px 10px 10px 14px;
}

.sideColTile {
	width: 226px;
	padding: 10px;
	background: url(../images/bg_sideColTile.jpg) repeat-y;
}

.sideColTile p { margin-bottom: 1em; font-size: 11px; }

form.topLabel div {
	margin-bottom: 1.5em;
}

form.topLabel label {
	display: block;
}


/* -------------------------------------------------------------
/  Forms
/* ------------------------------------------------------------- */
.inputText {
	border: 1px solid #D0D0D0;
	padding: 3px;
	vertical-align: middle;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

.inputTextArea {
	border: 1px solid #D0D0D0;
	padding: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica,  Verdana, Geneva, sans-serif;	
}

select {
	border: 1px solid #D0D0D0;
	padding: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica,  Verdana, Geneva, sans-serif;	
}


.inputSubmit {
	background: #595959;
	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 2px 20px;
	border-top: 1px solid #6c6c6b;
	border-right: 1px solid #6c6c6b;
	border-left: 1px solid #595959;
	border-bottom: 1px solid #595959;
	vertical-align: middle;	
}

.inputSubmitHover {
	background: #FCAD02;
	color: #FFF;
	border: none;
	font-size: 10px;
	padding: 2px 20px;
	padding-bottom: 2px;
	border-top: 1px solid #ffc547;
	border-right: 1px solid #ffc547;
	border-left: 1px solid #FCAD02;
	border-bottom: 1px solid #FCAD02;
	vertical-align: middle;
	cursor: pointer;	
}

fieldset {
	margin: 20px 0;
}

fieldset div {
	margin-bottom: 2em;
	clear: both;
}

fieldset div label {
	text-align: right;
	vertical-align: top;
	margin-right: 20px;
	width: 240px;
	display: block;
	float: left;
	line-height: 16px;
}

fieldset div.radioSet { position: relative; clear: both; }
fieldset div.radioLabel { float: left; width: 240px; }
fieldset div.radioOptions { clear: none; float: left; margin-left: 20px; }

fieldset div.radioOptions label {
	text-align: left;
	margin-left: 10px;
	display: inline;
	float: none;
	width: auto;
	line-height: 24px;
}

legend {
	color: #FCAD02;
	margin-bottom: 2em;
}

#emailAlert {
	margin-bottom: 5em;
}

div.errorMsg { display: inline; color: #FCAD02; font-style: italic; margin-left: 5px; }

.radioSet div.errorMsg { display: block; }

select.wide, input.wide, textarea.wide { width: 340px; }

#procurementForm input.error { border: 2px solid #CC6600; }
#procurementForm h3.ruled { margin-bottom: 2.5em; }
#procurementForm .required { color: #FCAD02; }
#procurementForm fieldset div p { margin-left: 260px; margin-top: 5px; width: 340px; }

.radioSet input { margin-right: 5px; }

/* -------------------------------------------------------------
/  Job Feeds
/* ------------------------------------------------------------- */
#latestPostings {
	margin-top: 50px;
}

#jobFeedsList ul {
	width: 494px;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

#jobFeedsList ul li {
	display: block;
	padding: 2px;
}

#jobFeedsList ul li.on { background: #222222; padding: 5px; }

#jobFeedsList ul li a:link { color: #FFF; }
#jobFeedsList ul li a:visited { color: #FFF; }
#jobFeedsList ul li a:hover { color: #FCAD02; }
#jobFeedsList ul li a:active { color: #CC6600; }



/* -------------------------------------------------------------
/  Diversity Calendar
/* ------------------------------------------------------------- */
#calendarMonths {
	width: 120px;
	float: left;
}
	#calendarMonths ul { list-style: none; margin:0; padding: 0; }
	#calendarMonths ul li { margin-bottom: 10px; padding: 0; }
	#calendarMonths ul a:link { text-decoration: none; }
	#calendarMonths ul a:visited { text-decoration: none; }
	#calendarMonths ul a:hover { text-decoration: none; }
	#calendarMonths ul a:active { text-decoration: none; }

#calendarEvents table { width: 612px; }

#calendarEvents table th {
	font-size: 18px; 
	line-height: 24px; 
	color: #CCCCCC; 
	padding-bottom: 7px; 
	font-weight: bold; 
}
	#calendarEvents th { border-bottom: 1px solid #4F4F4F; }
	#calendarEvents td.calendarDate, #calendarEvents th.calendarDate { width: 120px; padding-right: 20px; }
	#calendarEvents tbody tr td { padding-top: 12px; border-bottom: 1px solid #4F4F4F; padding-bottom: 20px; }

/* -------------------------------------------------------------
/  Press Release
/* ------------------------------------------------------------- */
#pressRelease {
	border-left: 5px solid #FFFFFF;
	padding: 0 0 50px 10px;
	width: 613px;
	position: relative;
	float: left;
}

#pressRelease h2 {
	padding-top: 100px;
	margin-bottom: 50px;
}

#pressReleaseLinks {
	position: absolute;
	right: 0;
	top: 34px;
	z-index: 1000;
}

#pressReleaseLinks a.boxLink:link {
	padding: 5px 20px;
	border-top: 2px solid #5F5F5F;
	border-left: 1px solid #5F5F5F;
}

#pressReleaseLinks a.boxLink:visited {
	padding: 5px 20px;
	border-top: 2px solid #5F5F5F;
	border-left: 1px solid #5F5F5F;
}

.pr_Subsidiaries {}
.pr_Responsibility {}
.pr_NikeBrand {}
.pr_NikeInc {} 

#prFilter ul { margin-top: 10px; }
#prFilter ul li { margin-right: 20px; }
#prFilter ul li a { text-decoration: none; }
#prFilter ul li a.pr_toggleOn { background: url(/images/radioBtn_on.gif) no-repeat right; padding: 4px; padding-right: 22px; }
#prFilter ul li a.pr_toggleOff { background: url(/images/radioBtn_off.gif) no-repeat right; padding: 4px; padding-right: 22px; }

#prSidebar {
	float: right;
	width: 237px;
}

h2#releaseTitle { margin-top: 50px; width: 600px; }
h2#releaseTitle span#titleTxt { color: FFF; }
h2#releaseTitle .date { color: #FCAD02; }

#prSidebar .photoCaption {
	color: #FCAD02;
	display: block;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 50px;
}

#prContent { 
	float: left;
	width: 470px;
	padding-right: 15px;
}

#releaseSynopsis {
	padding-bottom: 20px;
	color: #999999;
	font-weight: bold;
	width: 470px;
	padding-right: 15px;
}

#shareLink {
	float: left;
	width: 470px;
	margin-top: 20px;
}

#shareLink .ruled { 
	border-top: none;
	padding-bottom: 3px;
	border-bottom: 1px solid #4F4F4F;
	display: block;
	margin-bottom: 5px; 
}

#shareLink img { margin-right: 3px; }
#shareLink a { margin-right: 15px; text-decoration: none; color: #FFF; font-size: 11px; }

#shareLink a:link { text-decoration: none; color: #FFF; }
#shareLink a:visited { text-decoration: none; color: #FFF; }
#shareLink a:hover { text-decoration: none; color: #FCAD02; }
#shareLink a:active { text-decoration: none; color: #FFF; }

/* -------------------------------------------------------------
/  Global Classes
/* ------------------------------------------------------------- */
.clear {
	clear: both;
}

br.clear {
	clear: both;
	height: 0;
}

.noMargin { margin: 0; }

.noPadding { padding: 0; }

.highlight { color: #FCAD02; }

.highlight a:link { color: #FFF; }
.highlight a:hover { color: #CC6600; }

tr.highlightRow td { background: #323232; }


.grey { color: #CCCCCC; }

.ruled {
	border-top: 1px solid #4F4F4F;
	padding-top: 10px;
}

.floatRight { float: right; }
.alignRight { text-align: right; }

.bottomRule { border-bottom: 1px solid #4F4F4F; padding-bottom: 5px; margin-bottom: 1em; }

.topBorder {
	border-top: 1px solid #5A5A5A;
}

.bottomBorder {
	border-bottom: 1px solid #5A5A5A;
}

.textInputWide {
	width: 300px;
}

.finePrint {
	font-size: 9px;
	line-height: 15px;http://www.nike.com/nikebiz/gc/ca/casey/img/img_2003recipient.jpg
}

.typeSmaller {
	font-size: 10px;
	line-height: 16px;
}
		
.typeNormal {
	font-size: 12px;
	line-height: 17px;
}
			  
.typeLarger {
	font-size: 14px;
	line-height: 18px;
}
		
.typeLargest {
	font-size: 16px;
	line-height: 20px;
}

.recallLink { color: #FCAD02; }

.asteriskError { color: #FCAD02; }

div.photoCaption {  font-size: 9px; }

div.imgFrame {
	background: url(/images/bg_header_246.gif) no-repeat top left;
	padding-top: 29px;
}

div.imgFrame img { margin: 0; padding: 0; }

div.imgFrame div.photoCaption {
	background: url(/images/bg_sideColTile.jpg) repeat-y;
	margin: 0;
	margin-top: 0;
	padding: 10px;
	margin-top: -4px;
}

.externalLink {
	padding-right: 13px; 
	margin-left: 1px; 
	margin-right: 2px;
}
.externalLink:link { background: url(../images/pop_icon.gif) no-repeat right; }
.externalLink:visited { background: url(../images/pop_icon_visited.gif) no-repeat right; }
.externalLink:hover { background: url(../images/pop_icon_hover.gif) no-repeat right; }
.externalLink:active { background: url(../images/pop_icon.gif) no-repeat right; }

.wideColWrapper { width: 470px; padding-right: 10px; }


.sideBarList {
	list-style: none;
	margin-top: 16px;
}

.fullColWrapper {
	padding-right: 50px;
}

a.backToTop { text-decoration: none; }

.formError {
	border: 1px solid #FCAD02;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: -10px; 
	color: #FCAD02;
	font-size: 16px;
	line-height: 20px;
}

#flashMsg {
	padding: 100px;
	text-align: center;
}

div.site_map 	{
		margin-top:10px; 
		margin-bottom:10px;
		color:#FFFFFF;
		}
ul.sitemap {
			list-style:none; 
			margin:0; 
			padding:0;
			color:#FFFFFF;
		}
#main_div 	 {
		width:510px;
		padding-left:40px;
		color:#FFFFFF;
		}
#site_map 	 {
		height:25px; 
		text-align:left;
		color:#FFFFFF;
		}