|
|
| Línea 1: |
Línea 1: |
| @keyframes scanlines {
| |
| from { transform: translateY(0); }
| |
| to { transform: translateY(2px); }
| |
| }
| |
|
| |
|
| #mwchat-container {
| |
| background-color: black;
| |
| background-image: radial-gradient(rgba(0, 150, 0, 0.75), black 120%);
| |
| height: 100vh;
| |
| margin: 0;
| |
| overflow: hidden;
| |
| padding: 2rem;
| |
| color: #00ff00; /* Verde terminal */
| |
| font: 1.2rem "IBM VGA 8x16", "Courier New", monospace;
| |
| text-shadow: 0 0 2px #00ff00, 0 0 5px #008800;
| |
| position: relative;
| |
| }
| |
|
| |
| /* Líneas horizontales de barrido */
| |
| #mw-content-text::before {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100vw;
| |
| height: 100vh;
| |
| background: repeating-linear-gradient(
| |
| 0deg,
| |
| rgba(0, 255, 0, 0.05),
| |
| rgba(0, 255, 0, 0.03) 1px,
| |
| transparent 2px,
| |
| transparent 3px
| |
| );
| |
| pointer-events: none;
| |
| }
| |
|
| |
| /* Efecto de interferencia CRT */
| |
| #mwchat-container::after {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100vw;
| |
| height: 100vh;
| |
| background: repeating-linear-gradient(
| |
| 0deg,
| |
| rgba(0, 255, 0, 0.02),
| |
| rgba(0, 255, 0, 0.02) 1px,
| |
| transparent 5px,
| |
| transparent 3px
| |
| );
| |
| opacity: 0.1;
| |
| pointer-events: none;
| |
| }
| |
