Line 62:
Line 62:
−
.discord-spoiler-outer {
+
.discord-spoiler .mw-collapsible-content {
−
position: relative;
+
display: inline;
−
margin-left:-2px;
−
}
−
.discord-spoiler.mw-collapsed + .discord-spoiler-inner, .discord-spoiler.mw-collapsed + .discord-spoiler-inner * {
−
color: rgba(0, 0, 0, 0);
−
pointer-events:none;
}
}
.discord-spoiler .mw-collapsible-toggle {
.discord-spoiler .mw-collapsible-toggle {
float: none;
float: none;
−
position:absolute;
+
color: rgba(0,0,0,0);
−
left:0;
−
width:100%;
−
line-height: 1;
}
}
−
.discord-spoiler:not(.mw-collapsed) .mw-collapsible-toggle {
+
.discord-spoiler .mw-collapsible-toggle * {
−
display:none;
+
pointer-events: none;
+
color: rgba(0,0,0,0);
}
}
−
.discord-spoiler .mw-collapsible-content {
+
.discord-spoiler:not(.mw-collapsed) + .discord-spoiler-expanded {
−
display:inline;
+
display: none;
}
}
−
.discord-spoiler.mw-collapsed .mw-collapsible-text {
+
.discord-spoiler:not(.mw-collapsed) {
−
color: rgba(0, 0, 0, 0);
+
background: #202325;
−
}
+
padding: 3px 0;
−
.discord-spoiler .mw-collapsible-toggle::before, .discord-spoiler .mw-collapsible-toggle::after {
+
border-radius: 3px;
−
content: "";
−
}
−
−
.discord-spoiler:not(.mw-made-collapsible), .discord-spoiler:not(.mw-made-collapsible) a {
−
color: rgba(0, 0, 0, 0);
−
pointer-events:none;
−
}
−
−
.discord-spoiler.mw-collapsible {
−
padding: 0;
−
border-style: solid;
−
border-width: 2px;
−
border-radius: 2px;
−
position:absolute;
−
left:0;
−
width:calc(100% - 2px);
−
height:100%;
−
top:-2px;
−
}
−
.discord-spoiler.mw-collapsed:hover {
−
border-color: #25272A;
−
background: #25272A;
}
}
−
.discord-spoiler.mw-collapsed:active {
+
.discord-spoiler:not(.mw-collapsed):hover, .discord-spoiler:not(.mw-collapsed):active {
−
border-color: #25272A;
background: #25272A;
background: #25272A;
}
}
−
.discord-spoiler.mw-collapsed {
+
.discord-spoiler.mw-collapsed + .discord-spoiler-expanded {
−
border-color: #202325;
−
background: #202325;
−
}
−
.discord-spoiler:not(.mw-collapsed) {
background: #8F8F9C;
background: #8F8F9C;
−
border-color: #8F8F9C;
+
padding: 3px 0;
−
}
+
border-radius: 3px;
−
.discord-spoiler-inner {
−
position: relative;
−
margin-left: 2px;
−
z-index: 2;
}
}
}}
}}