|
/* 这里放置的CSS将应用于所有皮肤 */
/* ==== 主页 ====*/
/* 修改自https://bluearchive.wiki/wiki/MediaWiki:Common.css */
/* 协议：Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) */
.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: grid;
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-direction: row;
flex-wrap: wrap;
grid-area: links;
justify-content: center;
align-items: center;
padding: 10px;
gap: 20px;
}
.maimp-links-wrapper a {
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
}
/*.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;
}
| 