MediaWiki:Common.css:修订间差异
外观
| 第56行: | 第56行: | ||
.scp-image-block.block-center { | .scp-image-block.block-center { | ||
margin: 1rem auto; | margin: 1rem auto; | ||
} | |||
@media only screen and (max-width: 540px) { | |||
.scp-image-block:is(.block-right, .block-left) { | |||
float: none; | |||
margin: 0.1rem auto; | |||
} | |||
} | } | ||
2026年2月19日 (四) 21:42的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* Image Blocks */
#content > img {
margin: 1rem 0;
}
.image-container {
padding: 0;
margin: 1rem 0;
max-width: 100%;
}
.scp-image-block {
display: flex;
flex-direction: column;
box-shadow: 0.2rem 0.2rem 0.4rem rgba(var(--imageblock-shadow-color));
clear: both;
border: rgba(var(--imageblock-border-color)) var(--imageblock-border-width) solid;
max-width: 100%;
}
.scp-image-caption {
background: rgba(var(--imageblock-caption-background-color));
color: rgba(var(--imageblock-caption-text-color));
padding: 0.2em 1em;
text-align: center;
width: auto !important;
}
.scp-image-caption p {
font-size: 0.8rem;
font-weight: 700;
}
#content .scp-image-caption p:first-child {
margin-top: 0;
}
#content .scp-image-caption p:last-child {
margin-bottom: 0;
}
.scp-image-block.block-right,
.image-container.floatright {
float: right;
margin: 0.25rem 0 1rem 2rem;
}
.scp-image-block.block-left,
.image-container.floatleft {
float: left;
margin: 0.25rem 2rem 1rem 0;
}
.scp-image-block.block-center {
margin: 1rem auto;
}
@media only screen and (max-width: 540px) {
.scp-image-block:is(.block-right, .block-left) {
float: none;
margin: 0.1rem auto;
}
}