MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

.maimp-layout {
    display: grid;
    gap: 10px;
    grid-template-areas: "list list list"
                        "mechanics mechanics mechanics"
                        "extend extend extend";
    grid-template-columns: 1fr 320px 320px;
    margin: 0 auto;
    width:100%;
}

@media (max-width: 1200px) {
    .maimp-layout {
        grid-template-areas: "list"
                             "mechanics"
                             "extend";
        grid-template-columns: 1fr;
        width: 100%;
    }
}

.maimp-layout p { 
	margin: 0; 
}

.maimp-item {
    background-color: #F0F8FF;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
}

.maimp-item-header {
    background-color: #dadada;
    font-weight: bold;
    margin: 0;
    padding: 4px;
    text-align: center;
}

.maimp-item-content {
    margin: 0;
    padding: 10px;
}

.maimp-item-content a > img {
	display: block;
	margin: auto;
	clear: both;
    max-width: 100%;
    height: auto;
}

.maimp-item-content ul {
    margin-left: 0;
}

.maimp-item-content ul li {
    margin-left: 1em;
}

.maimp-item-link { 
    grid-area: link;
}

.maimp-item-mechanics { 
    grid-area: mechanics;
}

.maimp-item-extend { 
    grid-area: extend;
}

.maimp-links-wrapper {
    display: flex;
    flex-wrap: wrap;
    grid-area: links;
    justify-content: center;
    padding: 10px;
    row-gap: 10px;
}

.maimp-links-wrapper a {
    margin: 0 10px;
}

.maimp-links-wrapper .break { 
    flex-basis: 100%;
    height: 0;
}

.maimp-links-wrapper a .link-image {
    background-image: url('https://zh.maimai.wiki/images/4/4c/Mai-placeholder.png');
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}

.maimp-links-wrapper a .link-text {
    margin-top: 10px;
    text-align: center;
    width: 96px;
}