MediaWiki:Spoiler.css

From VRChat Wiki
Revision as of 06:29, 16 October 2024 by Arie² (talk | contribs)

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.
.spoiler {
	position: relative;
}

.spoiler .spoiler-overlay {
	position: absolute;
	inset: 0;
	background-color: var(--very-dark-grey);
	display: flex;
	border-radius: 8px;
	cursor: pointer;
	z-index: 1;
}

.spoiler .spoiler-overlay span {
	margin: auto;
	font-weight: 600;
}

.spoiler[data-open]  .spoiler-overlay {
	display: none;
}

.spoiler .spoiler-content {
	opacity: 0;
	pointer-events: none;
}

.spoiler[data-open] .spoiler-content {
	opacity: 1;
	pointer-events: auto;
}