MediaWiki:Common.css: Difference between revisions

From DDraceNetwork
No edit summary
No edit summary
Line 94: Line 94:
}
}


.wiki-imagegrid > * {
.wiki-imagegrid p img  {
max-width: 250px;
max-width: 25%;
}
}

Revision as of 16:55, 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 p img  {
	max-width: 25%;
}