Changes

no edit summary
Line 1: Line 1:  +
/* {{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;
 +
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;
 +
text-align: center;
 +
padding: 0.2em 0.4em;
 +
}
 +
 +
.video-game-reviews th {
 +
background: #eaecf0;
 +
}
 +
 +
.vgr-awards td {
 +
background: #f2f2f2;
 +
}
 +
 +
.vgr-hrow th {
 +
background: #e8f4f8;
 +
}
 +
 +
.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 */
 +
}
 +
}