CSS – Classification Banner

CSS Settings for a classification banner.  Use whatever height looks best.

.classificationbanner {
	width: 100%; 
	/* height: 11px;  */
	height: 3%;
	/* float: left;  */
	text-align: center; 
	vertical-align: middle; 
	color: black; 
	border: none ;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;

}

#classification-banner-unclassified {
	background-color: #00b400;
	border: 0 #00b400;
}

#classification-banner-confidential {
	background-color: #0000ff;
	color: white;
	border: 0 #0000ff;
	
}
#classification-banner-secret {
	background-color: #ff0000;
	border: 0 #ff0000;
}

#classification-banner-top-secret {
	background-color: #ffa500;
	border: 0 #ffa500;
}

#classification-banner-sci {
	background-color: #ffff00;
	border: 0 #ffff00;
}

 

Leave a Reply

Your email address will not be published. Required fields are marked *