MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
Line 34: | Line 34: | ||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
align-items: center; | |||
} | } | ||
Line 45: | Line 42: | ||
align-items: center; | align-items: center; | ||
gap: 0.5em; | gap: 0.5em; | ||
} | |||
.comic .next { | |||
justify-content: flex-end; | |||
} | } | ||
.comic .previous a, .comic .next a { | .comic .previous a, .comic .next a { |
Revision as of 16:28, 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-mainpage {
border: 1px solid #e0e0e0;
background-color: #f8f9fa;
padding: 0.75em;
}
.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 .prev-title-next {
display: flex;
justify-content: space-between;
align-items: center;
}
.comic .previous, .comic .next {
flex: 1;
display: flex;
align-items: center;
gap: 0.5em;
}
.comic .next {
justify-content: flex-end;
}
.comic .previous a, .comic .next a {
font-size: 20px;
}
.comic .title {
font-weight: bold;
font-size: 24px;
margin: 0 auto;
}
.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;
}