https://exodus.thravalgur.ovh/exowiki/index.php?action=history&feed=atom&title=Mod%C3%A8le%3ASpoiler_Box%2Fstyles.css 2026-06-25T11:02:47Z Historique des versions pour cette page sur le wiki MediaWiki 1.43.0 https://exodus.thravalgur.ovh/exowiki/index.php?title=Mod%C3%A8le:Spoiler_Box/styles.css&diff=207&oldid=prev 2025-04-24T11:05:37Z

<p>Page créée avec « .template-spoilerbox { position: relative; } .template-spoilerbox-content { filter: blur( 8px ); pointer-events: none; user-select: none; transition-property: filter; transition-duration: var( --transition-duration-medium ); transition-timing-function: var( --transition-timing-function-ease ); } .template-spoilerbox-details { position: absolute; inset: 0; display: grid; place-content: center; } .template-spoilerbox-s... »</p> <p><b>Nouvelle page</b></p><div>.template-spoilerbox {<br /> position: relative;<br /> }<br /> <br /> .template-spoilerbox-content {<br /> filter: blur( 8px );<br /> pointer-events: none;<br /> user-select: none;<br /> transition-property: filter;<br /> transition-duration: var( --transition-duration-medium );<br /> transition-timing-function: var( --transition-timing-function-ease );<br /> }<br /> <br /> .template-spoilerbox-details {<br /> position: absolute;<br /> inset: 0;<br /> display: grid;<br /> place-content: center;<br /> }<br /> <br /> .template-spoilerbox-summary {<br /> cursor: pointer;<br /> display: flex;<br /> align-items: center;<br /> gap: var( --space-xs );<br /> padding: var( --space-xs ) var( --space-md );<br /> border: 1px solid var( --border-color-interactive );<br /> border-radius: var( --border-radius-medium );<br /> color: var( --color-emphasized );<br /> font-size: var( --font-size-small );<br /> font-weight: var( --font-weight-medium );<br /> z-index: 1;<br /> }<br /> <br /> .template-spoilerbox-summary:hover {<br /> background-color: var( --background-color-button-quiet--hover );<br /> }<br /> <br /> .template-spoilerbox-summary:active {<br /> background-color: var( --background-color-button-quiet--active );<br /> }<br /> <br /> .template-spoilerbox-details[ open ] {<br /> display: none;<br /> }<br /> <br /> .template-spoilerbox-details[ open ] + .template-spoilerbox-content {<br /> filter: none;<br /> pointer-events: initial;<br /> user-select: initial;<br /> }</div>

Thravalgur