| Próxima revisión | Revisión previa |
| sistema:discos:descargas:pcw10en [2026/05/05 18:13] – creado jesus | sistema:discos:descargas:pcw10en [2026/05/06 09:11] (actual) – jesus |
|---|
| @keyframes l-f { 50% { opacity: 0.2; } } | @keyframes l-f { 50% { opacity: 0.2; } } |
| |
| /* --- DISCOS 3.5" AZUL REAL (PLÁSTICO) --- */ | /* --- DISCOS 3.5" AZUL REAL --- */ |
| .shelf { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:30px; perspective:1200px; } | .shelf { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:30px; perspective:1200px; } |
| .d-cont { width:195px; height:205px; position:relative; transition:transform 0.6s; transform-style:preserve-3d; } | .d-cont { width:195px; height:205px; position:relative; transition:transform 0.6s; transform-style:preserve-3d; } |
| .sh-o .back .shutter-box { transform: translateX(33px); } | .sh-o .back .shutter-box { transform: translateX(33px); } |
| |
| /* --- ETIQUETA PcW 10 OSCURECIDA --- */ | /* --- ETIQUETA PcW 10 --- */ |
| .label { | .label { position:absolute; top:84px; left:8px; right:8px; bottom:8px; background:#1b367d; border-radius:2px; display:flex; flex-direction:row; z-index:20; overflow:hidden; cursor: pointer !important; } |
| position:absolute; top:84px; left:8px; right:8px; bottom:8px; | |
| background:#1b367d; /* AZUL OSCURO PARA CONTRASTE CON PLÁSTICO */ | |
| border-radius:2px; display:flex; flex-direction:row; z-index:20; overflow:hidden; cursor: pointer !important; | |
| } | |
| | |
| .l-side-panel { width: 42px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding-top: 8px; } | .l-side-panel { width: 42px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 100%; padding-top: 8px; } |
| .l-pcw-txt { writing-mode: vertical-rl; transform: rotate(180deg); font-family: Arial, sans-serif; color: #fff; font-size: 18px; font-weight: bold; } | .l-pcw-txt { writing-mode: vertical-rl; transform: rotate(180deg); font-family: Arial, sans-serif; color: #fff; font-size: 18px; font-weight: bold; } |
| .l-main-body { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px; } | .l-main-body { flex: 1; display: flex; align-items: center; justify-content: center; padding: 6px; } |
| .l-white-box { background: #fff; width: 100%; height: 95%; border-radius: 1px; display: flex; flex-direction: column; align-items: center; padding: 4px; box-sizing: border-box; } | .l-white-box { background: #fff; width: 100%; height: 95%; border-radius: 1px; display: flex; flex-direction: column; align-items: center; padding: 4px; box-sizing: border-box; } |
| | |
| .l-amstrad { font-family: 'Times New Roman', serif; font-size: 28px; font-weight: bold; color: #1b367d; margin-top: 2px; } | .l-amstrad { font-family: 'Times New Roman', serif; font-size: 28px; font-weight: bold; color: #1b367d; margin-top: 2px; } |
| .l-title-disk { font-family: 'Times New Roman', serif; font-size: 14px; color: #1b367d; margin-top: 2px; white-space: nowrap; font-weight: bold; } | .l-title-disk { font-family: 'Times New Roman', serif; font-size: 14px; color: #1b367d; margin-top: 2px; white-space: nowrap; font-weight: bold; } |
| .l-subtitle { font-family: Arial, sans-serif; font-size: 7px; color: #1b367d; margin-top: -8px; margin-bottom: 5px; } | |
| .l-disclaimer { font-family: Arial, sans-serif; font-size: 5px; color: #333; text-align: center; margin-top: auto; line-height: 1.1; font-weight: bold; padding: 0 5px 6px 5px; } | .l-disclaimer { font-family: Arial, sans-serif; font-size: 5px; color: #333; text-align: center; margin-top: auto; line-height: 1.1; font-weight: bold; padding: 0 5px 6px 5px; } |
| |
| .wp-hole { position:absolute; top:12px; left:12px; width:15px; height:15px; background:#000; border-radius:1px; } | .wp-hole { position:absolute; top:12px; left:12px; width:15px; height:15px; background:#000; border-radius:1px; } |
| .f-bt { background:none; color:#0f0; border:1px solid #0f0; font-size:10px; cursor:pointer; padding:5px 12px; margin-top:10px; font-weight:bold; outline:none; } | .f-bt { background:none; color:#0f0; border:1px solid #0f0; font-size:10px; cursor:pointer; padding:5px 12px; margin-top:10px; font-weight:bold; outline:none; } |
| | .f-bt:hover { background:#0f0; color:#000; } |
| </style> | </style> |
| |
| <div class="notch-grip"></div> | <div class="notch-grip"></div> |
| <div class="led-housing"><div id="led" class="led-35"></div></div> | <div class="led-housing"><div id="led" class="led-35"></div></div> |
| <div class="ej-bt-35" title="VOLVER" onclick="window.location.href='doku.php?id=de:software:system'"></div> | <div class="ej-bt-35" title="EXPULSAR" onclick="window.location.href='/doku.php?id=software:sistema'"></div> |
| </div> | </div> |
| <div id="scr"> | <div id="scr"> |
| <div id="msg" style="color:#0f0;font-weight:bold">INTRODUZCA EL DISCO:</div> | <div id="msg" style="color:#0f0;font-weight:bold">POR FAVOR, INSERTE UN DISCO:</div> |
| <a id="lnk" href="#" class="dl-rescue" download>DESCARGAR</a> | <a id="lnk" href="#" class="dl-rescue" download>DESCARGAR</a> |
| </div> | </div> |
| <div class="l-amstrad">Amstrad</div> | <div class="l-amstrad">Amstrad</div> |
| <div class="l-title-disk">Locoscript 1</div> | <div class="l-title-disk">Locoscript 1</div> |
| <div class="l-disclaimer">The use of this software is subject to the conditions of the Licence Agreement in the product's User Guide.</div> | <div class="l-disclaimer">El uso de este software está sujeto a las condiciones del Acuerdo de Licencia en la Guía del Usuario del producto.</div> |
| </div> | </div> |
| </div> | </div> |
| <div class="l-amstrad">Amstrad</div> | <div class="l-amstrad">Amstrad</div> |
| <div class="l-title-disk">CP/M PLUS</div> | <div class="l-title-disk">CP/M PLUS</div> |
| <div class="l-subtitle">systems/utilities/BASIC</div> | <div style="font-size:7px; color:#1b367d; margin-top:-2px">sistemas/utilidades/BASIC</div> |
| <div class="l-disclaimer">The use of this software is subject to the conditions of the Licence Agreement in the product's User Guide.</div> | <div class="l-disclaimer">El uso de este software está sujeto a las condiciones del Acuerdo de Licencia en la Guía del Usuario del producto.</div> |
| </div> | </div> |
| </div> | </div> |