Module:Video game reviews/sandbox/styles.css

.video-game-reviews { float: right; clear: right; margin: 0 1em 1em; text-align: center; padding: 0; }

/* As with width below, .vgr-left and .vgr-none maybe shouldn't exist. Someone who really needs this to be left rather than right can always plop it  in its own div... */ .vgr-left { float: left; clear: left; margin: 0 1em 1em 0; }

.vgr-none { float: none; clear: left; margin: 0 1em 1em 0; }

.vgr-single { width: 23em; }

.vgr-edit-on-wikidata { border: 1px solid #a2a9b1; border-top: none; padding: 0.2em; /* Revisit background color because Wikidata link is only about 4.0 contrast. Something for the talk page. */	background: #d1dbdf; color: #333; font-size: 88%; font-weight: bold; }

.video-game-reviews table { border: 1px solid #a2a9b1; /* @noflip */ margin: 0; font-size: 88%; width: 100%; }

.video-game-reviews td, .video-game-reviews th, .video-game-reviews caption { border: 1px solid #a2a9b1; vertical-align: middle; }

.video-game-reviews caption { border-bottom: none; background: #d1dbdf; color: #333; text-align: center; padding: 0.2em 0.4em; }

.video-game-reviews th { background: #eaecf0; color: #333; }

.vgr-awards td { background: #f2f2f2; color: #333; }

.vgr-hrow th { background: #e8f4f8; color: #333; }

.video-game-reviews .table-na { color: #707070 }

.vgr-reviews, .vgr-reviews tr:last-child td, .vgr-reviews tr:last-child th { border-bottom: none; }

.vgr-title, .vgr-subtitle, .vgr-awards tr td:first-child { font-weight: bold; }

.mw-collapsed .vgr-title { display: inline; /* so that it doesn't "wrap" to the next line */ }

.video-game-reviews table tr td:first-child, .vgr-awards td { text-align: left; }

.video-game-reviews table tr td.vgr-center { /* Needed to override text-align left above	in one particular case where it looks prettier. Usually it would make more sense to make a semantic name */ text-align: center; }

.video-game-reviews .vgr-stacked { border-top: none; }

@media (max-width: 720px) { .video-game-reviews { width: 100%; float: none; /* set float/clear explicitly to override earlier */ clear: both; margin: 0; }	.video-game-reviews table { display: table; /* Minerva is silly */ }	.video-game-reviews caption { display: table-caption; /* Minerva is still silly */ } }