Diferencias

Muestra las diferencias entre dos versiones de la página.

--- sistema:discos:descargas:pcw8256 [2026/05/05 08:10] – jesus
+++ sistema:discos:descargas:pcw8256 [2026/05/05 19:01] (actual) – jesus
@@ Línea 13: / Línea 13: @@
   .led-ac { background:#f00; box-shadow:0 0 15px #f00; animation:l-f 0.08s infinite; } @keyframes l-f { 50%{opacity:0.3;} }
-  /* --- ESTRUCTURA FÍSICA Y GIRO --- */
+  /* --- ESTRUCTURA FÍSICA Y GIRO 3D --- */
   .shelf { display:flex; flex-wrap:wrap; gap:40px; justify-content:center; margin-top:30px; perspective:1200px; }
   .d-cont { width:175px; height:225px; position:relative; transition:transform 0.6s cubic-bezier(0.4,0.2,0,1); transform-style:preserve-3d; }
   .face, .back { position:absolute; width:100%; height:100%; backface-visibility:hidden; background:#111 !important; border:1px solid #000; border-radius:4px; overflow:hidden; }
-  .back { transform:rotateY(180deg); }
+  .face { z-index: 5; }
+  .back { transform:rotateY(180deg); z-index: 1; }
-  /* REGLA CRÍTICA: Cambiar prioridad al girar */
   .flipped { transform:rotateY(180deg); }
-  .d-cont:not(.flipped) .back { pointer-events: none; }
+  .flipped .back { z-index: 10; }
-  .d-cont.flipped .face { pointer-events: none; }
   /* MECÁNICA */
@@ Línea 37: / Línea 35: @@
   .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} }
-  /* --- ETIQUETAS BLINDADAS --- */
+  /* --- ETIQUETAS --- */
-  .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:10; cursor:pointer; }
+  .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:15; cursor:pointer; }
   .l-head { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; }
   .l-head-rev { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; flex-direction: row-reverse; justify-content: space-between; }
   .l-logo { color:#fff; font-weight:bold; font-style:italic; font-size:12.5px; font-family:"Times New Roman", Times, serif; text-shadow:1px 1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
-  .l-amstrad-box { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
+  .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
-  .l-amstrad-txt { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; }
+  .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; }
+  .l-side-box { display:flex; align-items:center; gap:4px; color:#000; font-weight:900; font-size:11px; }
   .l-arr-box { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:11px; font-weight:bold; line-height: 1; padding-bottom: 1px; box-sizing: border-box; }
   .l-body { flex:1; padding:3px 6px 0 6px; color:#000; text-align:left; position:relative; display:flex; flex-direction:column; }
-  .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:12; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; }
+  .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:20; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; }
   .l-leg-fix { margin-top: auto; margin-bottom: 2px; display: flex; flex-direction: column; }
   .l-leg-fix span { font-size:3.4px !important; color:#000 !important; font-weight: 900 !important; text-transform: uppercase; line-height: 1.1; display: block; white-space: nowrap; }
@@ Línea 60: / Línea 59: @@
 <div class="term">
   <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256</div>
-  <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=de:software:system'"></div><div id="led" class="led"></div></div>
+  <!-- BOTÓN EJECT CORREGIDO A software:sistema -->
+  <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=software:sistema'"></div><div id="led" class="led"></div></div>
   <div id="scr">
     <div id="msg" style="color:#0f0;font-weight:bold">SISTEMA LISTO. POR FAVOR, INSERTE UN DISCO_</div>
@@ Línea 68: / Línea 68: @@
     <a id="lnk2B" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_drlogo.zip" class="dl-final-btn" download>DESCARGAR DR. LOGO ZIP</a>
   </div>
   <div class="shelf">
     <!-- DISCO 1 -->
     <div style="text-align:center"><div class="d-cont" id="dk1">
       <div class="face" onclick="load(1,'A','LOCO SCRIPT')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1A"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h1A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1A"></div></div><div class="hub-w"><div class="hub" id="h1A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">1 <div class="l-arr-box">↑</div></div></div>
+          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box">1 <div class="l-arr-box">↑</div></div></div>
           <div class="l-body"><div class="l-ser">2433345</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">LOCO SCRIPT</span>
           <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
@@ Línea 82: / Línea 82: @@
       </div>
       <div class="back" onclick="load(1,'B','CP/M PLUS')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1B"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h1B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s1B"></div></div><div class="hub-w"><div class="hub" id="h1B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900"><div class="l-arr-box">↑</div> 2</div></div>
+          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box"><div class="l-arr-box">↑</div> 2</div></div>
           <div class="l-body"><div class="l-ser" style="width:50px;right:2px;font-size:3.5px;">VER OTRA CARA</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">CP/M PLUS</span>
           <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
@@ Línea 95: / Línea 95: @@
     <div style="text-align:center"><div class="d-cont" id="dk2">
       <div class="face" onclick="load(2,'A','UTILIDADES')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2A"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h2A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2A"></div></div><div class="hub-w"><div class="hub" id="h2A"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">3 <div class="l-arr-box">↑</div></div></div>
+          <div class="l-head"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box">3 <div class="l-arr-box">↑</div></div></div>
           <div class="l-body"><div class="l-ser">2433347</div><span style="font-size:9.5px;font-weight:900;text-transform:uppercase">UTILIDADES</span>
           <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
-          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div></div>
+          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span class="l-copy-txt">PROGRAMAS COPYRIGHT</span><span class="l-copy-txt">© 1985 LOCOMOTIVE SOFTWARE LTD &</span><span class="l-copy-txt">AMSTRAD CONSUMER ELECTRONICS plc.</span></div></div>
+        </div>
       </div>
       <div class="back" onclick="load(2,'B','DR. LOGO')">
-        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2B"></div><div class="mag-s"></div></div><div class="hub-w"><div class="hub" id="h2B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
+        <div class="h-l-r"></div><div class="h-r-c"></div><div class="win-c"><div class="shut-m" id="s2B"></div></div><div class="hub-w"><div class="hub" id="h2B"><div class="hub-p"></div><div class="hub-n"></div></div></div>
         <div class="label">
-          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad-box"><span class="l-amstrad-txt">AMSTRAD CONSUMER</span><span class="l-amstrad-txt">ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900"><div class="l-arr-box">↑</div> 4</div></div>
+          <div class="l-head-rev"><div style="display:flex;align-items:center;"><span class="l-logo">Amsoft</span><div class="l-amstrad"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div class="l-side-box"><div class="l-arr-box">↑</div> 4</div></div>
           <div class="l-body"><div class="l-ser" style="width:50px;right:2px;font-size:3.5px;">VER OTRA CARA</div><span style="font-size:10px;font-weight:900;text-transform:uppercase">DR. LOGO</span>
           <div class="l-leg-fix"><span>EL USO DE ESTOS PROGRAMAS ESTA SUJETO A LAS CONDICIONES DEL</span><span>ACUERDO DE LICENCIA DE USUARIO FINAL ESTABLECIDAS EN EL APENDICE</span><span>DEL MANUAL DE INSTRUCCIONES DEL USUARIO DE ESTE PRODUCTO.</span></div></div>
@@ Línea 131: / Línea 132: @@
   document.querySelectorAll('.shut-m').forEach(s => s.classList.remove('sh-o'));
-  // ACTIVACIÓN EXPLÍCITA DEL MECANISMO DE LA CARA VISIBLE
+  var targetHub = document.getElementById('h' + num + side);
-  var tH = document.getElementById('h' + num + side);
+  var targetShut = document.getElementById('s' + num + side);
-  var tS = document.getElementById('s' + num + side);
+  if(targetHub) targetHub.classList.add('spin');
-  if(tH) tH.classList.add('spin');
+  if(targetShut) targetShut.classList.add('sh-o');
-  if(tS) tS.classList.add('sh-o');
   pRec(); setTimeout(function(){ sMot(); }, 550);
@@ Línea 143: / Línea 143: @@
     if(trk > 39){
         clearInterval(cLoad); tMot(); l.className="led";
-        if(tH) tH.classList.remove('spin');
+        if(targetHub) targetHub.classList.remove('spin');
-        if(tS) tS.classList.remove('sh-o');
+        if(targetShut) targetShut.classList.remove('sh-o');
         msg.innerHTML='<span style="color:#0f0">SISTEMA MONTADO: '+name+'</span>';
         var targetDl = document.getElementById('lnk' + num + side);