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; }
I was able to use this skeleton for projects and I like the color choice. Thanks for your post.