MediaWiki:Common.css: Difference between revisions

From DDraceNetwork
(add comment about css usage)
(fix css)
 
(15 intermediate revisions by 2 users not shown)
Line 37: Line 37:
.display-tile.tune {
.display-tile.tune {
background-image: url('/images/6/64/DDNet_editor_tune.png');
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%;
}
}


Line 58: Line 78:
     background-color: #dfd;
     background-color: #dfd;
     border-color: #bdb;
     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;
}
}

Latest revision as of 13:47, 7 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;
  justify-content: center;
}
.wiki-imagegrid p,a {
  margin: 0;
  padding: 0;
}
.wiki-imagegrid img {
 width: 40%;
  margin: 5px;
  padding: 0;
}