MediaWiki:Common.css

From DDraceNetwork
Revision as of 13:47, 7 August 2023 by Ryozuki (talk | contribs) (fix css)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
  justify-content: center;
}
.wiki-imagegrid p,a {
  margin: 0;
  padding: 0;
}
.wiki-imagegrid img {
 width: 40%;
  margin: 5px;
  padding: 0;
}