MediaWiki:Characters-Section.css: Difference between revisions

From Elwiki
No edit summary
Tags: Mobile edit Mobile web edit
No edit summary
Line 19: Line 19:
.section-characters > .segment-contents .mw-collapsible-content {
.section-characters > .segment-contents .mw-collapsible-content {
     display: grid;
     display: grid;
     grid-template-columns: repeat(4, calc(25% - 3px));
     grid-template-columns: repeat(4, 25%);
     gap: 0.25rem;
     gap: 0.25rem;
}
}

Revision as of 22:26, 11 June 2022

.segment.section-characters .segment .segment-header {
    place-content: start;
    place-items: center;
    display: inline-flex;
    gap: 0.5rem;
    font-size: 1.05rem;
    padding: .25rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,.35);
}

.section-characters .segment {
    margin: 0;
}

.section-characters a:not(.segment .segment a) {
    color: #fff!important;
}

.section-characters > .segment-contents .mw-collapsible-content {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    gap: 0.25rem;
}

.section-characters .mw-content-ltr .segment > .mw-collapsible-toggle::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background-image: url(https://svgshare.com/i/iDj.svg);
    filter: invert(1);
    background-position: center;
    background-size: contain;
}

.section-characters > .mw-collapsible-toggle a {
    display: none;
}

.section-characters .image-wrap img {
    --width: 512px;
    width: calc(var(--width) * 0.75);
    height: auto;
}

.section-characters .image-cropped {
    width: 81px!important;
    height: 46px!important;
}