MediaWiki:Common.css: Difference between revisions
test imagegrid |
No edit summary |
||
Line 92: | Line 92: | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: 2px; | gap: 2px; | ||
} | |||
.wiki-imagegrid > img { | |||
max-width: 400px; | |||
} | } |
Revision as of 16:52, 4 August 2023
/* CSS placed here will be applied to all skins */
.templatequote {
border-left: 4px solid #eaecf0;
padding: 8px 32px;
}
/* Tile template */
.display-tile {
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
background-size: 512px 512px;
width: 32px;
height: 32px;
}
.display-tile.entities {
background-image: url('/images/d/d4/DDNet_entities_overlay.png');
}
.display-tile.game {
background-image: url('/images/3/3d/DDNet_editor_entities.png');
}
.display-tile.front {
background-image: url('/images/2/27/DDNet_editor_front.png');
}
.display-tile.tele {
background-image: url('/images/4/45/DDNet_editor_tele.png');
}
.display-tile.speedup {
background-image: url('/images/f/ff/DDNet_editor_speedup.png');
}
.display-tile.switch {
background-image: url('/images/8/8e/DDNet_editor_switch.png');
}
.display-tile.tune {
background-image: url('/images/6/64/DDNet_editor_tune.png');
}
/* Game.png template */
.display-game {
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
background-size: 1024px 512px;
background-image: url('/images/0/0c/Game.png');
}
.display-emote {
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
background-size: 128px 128px;
background-image: url('/images/e/e1/Emoticons.png');
background-color: #ccc;
border-radius: 30%;
}
/* Note, Warning, Tip templates */
div.template-box {
padding: 5px;
border: thin solid black;
margin: 0.5em 0;
overflow: hidden;
}
div.template-box.template-box-note {
background-color: #ddf;
border-color: #bbd;
}
div.template-box.template-box-warning {
background-color: #fdd;
border-color: #dbb;
}
div.template-box.template-box-tip {
background-color: #dfd;
border-color: #bdb;
}
div.template-box.template-box-todo {
background-color: #f2e4b1;
border-color: #d4ab17;
}
.pi-data-value {
margin: auto;
}
.wiki-imagegrid {
display: flex;
flex-wrap: wrap;
gap: 2px;
}
.wiki-imagegrid > img {
max-width: 400px;
}