MediaWiki:Characters-Section.css
From Elwiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
.segment.section-characters .segment .segment-header {
place-content: start;
place-items: center;
display: inline-flex;
gap: 0.5rem;
font-size: 1.05rem;
padding: 0 .25rem;
border-radius: 0;
}
.segment.section-characters .segment .segment-headers {
transform: skew(-10deg);
}
.section-characters .segment .segment-header a, .section-characters .segment .segment-header .image-cropped {
transform: skew(10deg);
}
.section-characters .segment {
margin: 0;
}
.section-characters .segment-header a {
color: #fff!important;
text-shadow: 1px 1px 1px #000;
}
.section-characters > .segment-contents > .mw-collapsible-content {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
gap: 0.25rem;
}
.section-characters .mw-collapsible-toggle a {
display: none!important;
}
.section-characters .image-wrap img {
width: calc(512px * 0.75);
height: auto;
}
.section-characters .image-cropped {
width: 81px!important;
height: 46px!important;
margin-left: -11px;
}
.mw-content-ltr .section-characters .segment > .mw-collapsible-toggle::after {
content: "";
display: block;
width: 15px;
height: 15px;
background-position: center;
background-size: contain;
}
.section-characters > .segment-contents {
padding: 0.5rem!important;
}
.section-characters > .segment-contents .segment-contents {
padding: 0;
}
.section-characters .arrow {
display: inline-block;
transform: rotate(90deg);
position: relative;
bottom: 5px;
}
.section-characters .segment > .mw-collapsible-toggle:hover {
background-color: rgba(0,0,0,.25);
}
.section-characters .segment a {
font-weight: 500;
word-break: break-word;
}
.mw-content-ltr .section-characters .mw-collapsible-toggle {
top: 10px;
right: 10px;
z-index: 2;
}
.section-characters .segment table a, .section-characters td {
font-size: .75rem;
}
.section-characters table {
margin-bottom: 1.15rem;
}
