Template:Game/styles.css: Difference between revisions

From StrategyWiki, the video game walkthrough and strategy guide wiki
update for new media layout
(set max-height instead of height)
(update for new media layout)
 
(7 intermediate revisions by the same user not shown)
Line 15: Line 15:
height: 250px;
height: 250px;
width: 300px;
width: 300px;
background: grey;
}
}


.game-infobox-container > .floatleft {
.game-infobox-container > .floatleft,
.game-infobox-container > .mw-halign-left {
grid-area: boxart;
grid-area: boxart;
justify-self: center;
justify-self: center;
Line 26: Line 26:
max-width: 300px;
max-width: 300px;
}
}
.game-infobox-container > .floatleft img {
.game-infobox-container > .floatleft img,
.game-infobox-container > .mw-halign-left img {
height: auto;
height: auto;
width: 100%;
width: 100%;
Line 38: Line 39:
margin: 0;
margin: 0;
min-width: 300px;
min-width: 300px;
}
.img-ib-inline  {
padding-right: 0.3em;
}
.img-greyscale {
filter: grayscale(100%);
}
}


Line 53: Line 62:
}
}


body.skin-timeless .game-infobox-container > .floatleft {
body.skin-timeless .game-infobox-container > .floatleft,
body.skin-timeless .game-infobox-container > .mw-halign-left {
width: 300px;
width: 300px;
}
}
@media all and (min-width: 720px) {
.infobox.mw-collapsible,
.infobox.noprint {
margin-top: -0.5em;
}
}
}
}
Line 70: Line 87:
}
}


.game-infobox-container > .floatleft {
.game-infobox-container > .floatleft,
.game-infobox-container > .mw-halign-left {
width: auto;
width: auto;
}
}


.game-infobox-container > .floatleft img {
.game-infobox-container > .floatleft img,
.game-infobox-container > .mw-halign-left img {
width: auto;
width: auto;
max-height: 250px !important;
max-height: 250px !important;
}
}
}
}