MediaWiki:Spoiler.css

From VRChat Wiki
Revision as of 06:27, 16 October 2024 by Arie² (talk | contribs) (Created page with ".spoiler { display: 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[aria-expanded="true"] .spoiler-overlay { display: none; } .spoiler .spoiler-content { opacity: 0; pointer-events: none; } .spoiler[aria-expanded="true"] .spoiler-content { opacity: 1...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 {
	display: 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[aria-expanded="true"]  .spoiler-overlay {
	display: none;
}

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

.spoiler[aria-expanded="true"] .spoiler-content {
	opacity: 1;
	pointer-events: auto;
}