MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
.dim-label { | |||
color: rgba(0, 0, 0, 0.525); | |||
} | |||
.comic * { | .comic * { | ||
Line 6: | Line 10: | ||
.comic { | .comic { | ||
border: 1px solid #e0e0e0; | |||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
padding: | padding: 0.75em; | ||
display: flex; | |||
flex-direction: column; | |||
flex-wrap: wrap; | |||
gap: 0.75em; | |||
text-align: center; | |||
} | |||
.comic p { | |||
margin: 0; | |||
padding: 0; | |||
} | } | ||
Line 13: | Line 28: | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 24px; | font-size: 24px; | ||
margin: 0 | margin: 0; | ||
text-align: center; | text-align: center; | ||
display: block; | display: block; | ||
} | } | ||
.comic .image-container { | .comic .image-container a { | ||
margin: 0 auto; | margin: 0 auto; | ||
display: block; | |||
width: fit-content; | |||
background: none !important; | |||
padding-right: 0; | |||
} | } | ||
.comic .image-container img { | .comic .image-container img { | ||
max-width: | max-width: 400px; | ||
display: block; | display: block; | ||
border: 1px solid grey; | |||
} | |||
.comic .tags { | |||
display: flex; flex-wrap: wrap; gap: 0 0.5em; | |||
margin: 0 auto; | |||
} | } |
Revision as of 10:49, 6 August 2024
/* CSS placed here will be applied to all skins */
.dim-label {
color: rgba(0, 0, 0, 0.525);
}
.comic * {
box-sizing: border-box;
}
.comic {
border: 1px solid #e0e0e0;
background-color: #f8f9fa;
padding: 0.75em;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 0.75em;
text-align: center;
}
.comic p {
margin: 0;
padding: 0;
}
.comic .title {
font-weight: bold;
font-size: 24px;
margin: 0;
text-align: center;
display: block;
}
.comic .image-container a {
margin: 0 auto;
display: block;
width: fit-content;
background: none !important;
padding-right: 0;
}
.comic .image-container img {
max-width: 400px;
display: block;
border: 1px solid grey;
}
.comic .tags {
display: flex; flex-wrap: wrap; gap: 0 0.5em;
margin: 0 auto;
}