Dozerfleet rating system/How to create Comic Genesis-style ratings

The DRS developed for Dozerfleet Comics is most equivalent online to the Comic Genesis system, though they are not exact copies of each other. This is similar to how the GBS system is modeled-after-but-not-100%-identical-to the Marvel Power Grid. As a courtesy to those who would like to use a Comic Genesis rating system on their webcomic-themed sites instead of (or alongside) DRS, the following code permits implementation of their standard. You may also consult Comic Genesis here for other methods of implementing their standards. This site's offering is the CG Standard reverse-engineered from DRS.

MediaWiki syntax
You would want to create this inside of a template article:

Making the HTML widget
To make an HTML/CSS widget for non-MediaWiki sites, you would want to employ the following code in your CSS section:

Essential CSS
.comicgenesisrating { border-radius:0!important; font-weight:bold; display:table; font-weight:bold; font-family:Arial; }

.cg-web-header { font-size:70%; text-align:center; display:table-cell; font-weight:bold; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; }

.cg-row { display:table-row; }

.cg-rating-region { text-align:center; display:table-cell; font-weight:bold; padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px; }

White-on-black option
.cg-wob { background:black; color:white; border:2px solid white; }

Black-with-border
.cg-bwb { color:black; border:2px solid black; }

HTML
Each instance of the HTML would be the following:

WEB (Insert rating here.)