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-modes { 
    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('');
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}