Diferencias

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

--- sistema:discos:descargas:pcw8256 [2026/05/05 06:27] – 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 (FIX COLOR 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; }
   .flipped { transform:rotateY(180deg); }
+  .flipped .back { z-index: 10; }
-  /* MECÁNICA REFORZADA */
+  /* MECÁNICA */
   .h-l-r { position:absolute; top:0; left:12px; width:6px; height:12px; background:#fff; border-radius:0 0 1px 1px; z-index:5; }
   .h-r-c { position:absolute; top:6px; right:14px; width:6px; height:6px; background:#fff; border-radius:50%; z-index:5; }
@@ Línea 33: / Línea 35: @@
   .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} }
-  /* --- ETIQUETAS (DNA BLINDADO) --- */
+  /* --- 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 { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; }
+  .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; }
-  .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; text-align: left; }
+  .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: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 46: / Línea 51: @@
   .l-cs { border: 1.2px solid #000; color: #000; font-size: 7px; font-weight: 950; padding: 0px 2px; background: transparent; line-height: 1; }
   .l-copy-box { display: flex; flex-direction: column; justify-content: center; width: 135px; text-align: left; }
-  .l-copy-box span { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }
+  .l-copy-txt { font-size: 3.8px !important; color:#000 !important; font-weight:bold !important; line-height: 1.1; text-transform: uppercase; display: block; }
   .dl-final-btn { display:none; margin-top:10px; padding:10px 25px; border:2px solid #ff0; color:#ff0 !important; font-weight:bold; text-decoration:none; text-transform:uppercase; background:rgba(255,255,0,0.1); font-family:'Courier New',monospace; transition: 0.1s; cursor:pointer; }
-  .dl-final-btn:hover { background:#ff0; color:#000 !important; }
   .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; }
 </style>
@@ Línea 55: / 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 63: / 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"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">1 ↑</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"><span style="font-size:10px;font-weight:900;text-transform:uppercase">LOCO SCRIPT</span>
+          <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>
-          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span>PROGRAMAS COPYRIGHT © 1985</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>
       <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"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">↑ 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"><span style="font-size:10px;font-weight:900;text-transform:uppercase">CP/M PLUS</span>
+          <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>
-          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span>PROGRAMAS COPYRIGHT © 1985</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>
@@ Línea 90: / 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"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">3 ↑</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"><span style="font-size:9.5px;font-weight:900;text-transform:uppercase">UTILIDADES</span>
+          <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>PROGRAMAS COPYRIGHT © 1985</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>
       <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"><span>AMSTRAD CONSUMER</span><span>ELECTRONICS plc</span></div></div><div style="color:#000;font-weight:900">↑ 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"><span style="font-size:10px;font-weight:900;text-transform:uppercase">DR. LOGO</span>
+          <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>
-          <div class="l-foot"><div class="l-cs">CS</div><div class="l-copy-box"><span>PROGRAMAS COPYRIGHT © 1985</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>