16,055
edits
Changes
Jump to navigation
Jump to search
Template:Discord container (view source)
Revision as of 21:48, 31 January 2023
, 21:48, 31 January 2023added spoiler css
Line 59:
Line 59:
padding-bottom:17px;
padding-bottom:17px;
overflow:hidden;
overflow:hidden;
+}
+
+
+.discord-spoiler-outer {
+position: relative;
+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 {
+float: none;
+position:absolute;
+left:0;
+width:100%;
+line-height: 1;
+}
+.discord-spoiler:not(.mw-collapsed) .mw-collapsible-toggle {
+display:none;
+}
+.discord-spoiler .mw-collapsible-content {
+display:inline;
+}
+.discord-spoiler.mw-collapsed .mw-collapsible-text {
+color: rgba(0, 0, 0, 0);
+}
+.discord-spoiler .mw-collapsible-toggle::before, .discord-spoiler .mw-collapsible-toggle::after {
+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 {
+border-color: #25272A;
+background: #25272A;
+}
+.discord-spoiler.mw-collapsed {
+border-color: #202325;
+background: #202325;
+}
+.discord-spoiler:not(.mw-collapsed) {
+background: #8F8F9C;
+border-color: #8F8F9C;
+}
+.discord-spoiler-inner {
+position: relative;
+margin-left: 2px;
+z-index: 2;
}
}
}}
}}
<div class="discord-container">{{{1}}}</div>
<div class="discord-container">{{{1}}}</div>