MediaWiki:Common.css: Difference between revisions
add style for quote |
fix css |
||
(20 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
border-left: 4px solid #eaecf0; | border-left: 4px solid #eaecf0; | ||
padding: 8px 32px; | 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; | |||
} | } |
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;
}