Difference between revisions of "Template:Discord container"
Jump to navigation
Jump to search
Coppersalts (talk | contribs) (seeing how this looks) |
Coppersalts (talk | contribs) (added 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> | ||
Revision as of 21:48, 31 January 2023
{{{1}}}