.showCoverage { position: fixed; top: 50px; right: 20px; width: auto; padding: 1px 6px; text-align: center; border-radius:10px; background: none repeat scroll 0% 0% #FFF; border: 1px solid #CCC; border-radius: 5px; font-size: 75%; } .coverage { padding: 1em; margin: 1em 0em 0em; border-style: solid; border-width: 1px; } .coverage:before { display: block; width: 250px; margin: -1.5em 0px 0.5em; font-weight: bold; border: 1px solid #8B0000; background: none repeat scroll 0% 0% #FFF; padding: 3px 1em; border-style: solid; border-width: 1px; } .automated { border-color: Green; background-color: #90EE90; } .automated:before { content: "Test Coverage: Automated"; border: 1px solid Green; } .manual { border-color: #8B0000; background-color: #FFA54F; } .manual:before { content: "Test Coverage: Manual"; border: 1px solid #8B0000; } .clientOnly { border-color: #668B8B; background-color: #F6F9ED; } .clientOnly:before { content: "Test Coverage: Client Only"; border-color: #668B8B; } .unimplemented { border-color: crimson; background-color: tomato; } .unimplemented:before { content: "Test Coverage: Unimplemented"; border-color: crimson; } .test { font-size: 80%; color: #404040; } .test:after { content: ", "; } .test:last-child:after { content: ""; }