Module:Video game reviews/styles.css
/* {{pp|small=yes}} */
.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 */
}
}