MediaWiki:Common.css: Difference between revisions
add emoticons.png |
fix css |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 49: | Line 49: | ||
} | } | ||
.display- | .display-emote { | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display: inline-block; | display: inline-block; | ||
vertical-align: middle; | vertical-align: middle; | ||
background-size: | background-size: 128px 128px; | ||
background-image: url('/images/e/e1/Emoticons.png'); | background-image: url('/images/e/e1/Emoticons.png'); | ||
background-color: #ccc; | |||
border-radius: 30%; | |||
} | } | ||
Line 84: | Line 86: | ||
.pi-data-value { | .pi-data-value { | ||
margin: auto; | 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;
}