https://www.sncapedia.org/index.php?action=history&feed=atom&title=Template%3ACIA%2Fstyles.css 2026-04-20T03:12:34Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.sncapedia.org/index.php?title=Template:CIA/styles.css&diff=31667&oldid=prev 2026-04-19T13:32:18Z

<p>Created page with &quot;<span class="autocomment">Template:CIA/styles.css Covert hover-to-reveal blur effect: </span> .cia-wrap { position: relative; display: table; <span class="autocomment">Shrink-wraps exactly to the table size: </span> margin: 0.5em auto; background: black; <span class="autocomment">The box stays pitch black when hovering: </span> box-shadow: 0px 0px 16px 2px #00fe20; border-radius: 4px; cursor: crosshair; <span class="autocomment">Spooky touch: </span> } <span class="autocomment">The standard glowing green table: </span> .cia-front { position: relative; z-index: 2; trans...&quot;</p> <p><b>New page</b></p><div>/* Template:CIA/styles.css<br /> Covert hover-to-reveal blur effect */<br /> <br /> .cia-wrap {<br /> position: relative;<br /> display: table; /* Shrink-wraps exactly to the table size */<br /> margin: 0.5em auto;<br /> background: black; /* The box stays pitch black when hovering */<br /> box-shadow: 0px 0px 16px 2px #00fe20;<br /> border-radius: 4px;<br /> cursor: crosshair; /* Spooky touch */<br /> }<br /> <br /> /* The standard glowing green table */<br /> .cia-front {<br /> position: relative;<br /> z-index: 2;<br /> transition: opacity 0.6s ease, filter 0.6s ease;<br /> }<br /> <br /> /* The hidden creepy text */<br /> .cia-hidden {<br /> position: absolute;<br /> top: 0; left: 0; right: 0; bottom: 0;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> text-align: center;<br /> <br /> color: #ff3333; /* Eerie red */<br /> text-shadow: 0 0 5px #ff3333;<br /> font-family: &#039;Courier New&#039;, Courier, monospace;<br /> font-weight: bold;<br /> font-size: 1.2em;<br /> padding: 1em;<br /> <br /> opacity: 0;<br /> filter: blur(8px); /* Starts heavily blurred */<br /> transition: opacity 0.6s ease, filter 0.6s ease;<br /> z-index: 1;<br /> }<br /> <br /> /* The magic hover transitions */<br /> .cia-wrap:hover .cia-front {<br /> opacity: 0.1; /* Almost completely fades out */<br /> filter: blur(5px);<br /> }<br /> <br /> .cia-wrap:hover .cia-hidden {<br /> opacity: 1;<br /> filter: blur(0px); /* Snaps into focus */<br /> }<br /> <br /> @media (prefers-reduced-motion: reduce) {<br /> .cia-front, .cia-hidden {<br /> transition-duration: 0s !important;<br /> }<br /> }</div>

SomebodyRum