Diferencias

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

--- en:hardware:disk_drives [2026/05/13 05:50] – creado jesus
+++ en:hardware:disk_drives [2026/05/13 06:05] (actual) – jesus
@@ Línea 128: / Línea 128: @@
   .img-label { font-size: 0.75em; color: #00aa00; margin-top: 4px; text-transform: uppercase; }
-  /* --- LIGHTBOX SCROLL (FULL REAL SIZE) --- */
+  /* --- LIGHTBOX ULTRA WITH FLUID SCROLL WITHOUT TOP CLIPPING --- */
   .modal-pcw {
-    display: none; position: fixed; z-index: 9999;
+    display: none;
-    top: 0; left: 0; width: 100%; height: 100%;
+    position: fixed;
+    z-index: 9999;
+    top: 0; left: 0;
+    width: 100%; height: 100%;
     background-color: rgba(0, 10, 0, 0.95);
     overflow: auto;
   }
-  .modal-pcw:target { display: flex; align-items: center; justify-content: center; }
+  /* Alignment by margin block to prevent flex cropping bugs */
+  .modal-pcw:target { display: block; text-align: center; }
   .close-overlay {
-    position: absolute; min-width: 100%; min-height: 100%;
+    display: inline-block;
-    display: flex; align-items: center; justify-content: center;
+    min-width: 100%;
-    text-decoration: none !important; cursor: zoom-out;
+    min-height: 100%;
-    padding: 40px; box-sizing: border-box;
+    padding: 40px;
+    box-sizing: border-box;
+    text-decoration: none !important;
+    cursor: zoom-out;
+    vertical-align: middle;
   }
   .modal-content {
     max-width: none !important;
     max-height: none !important;
-    border: 4px solid #00ff00; box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
+    border: 4px solid #00ff00;
+    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5);
+    margin: auto auto;
+    display: inline-block;
   }
 </style>
@@ Línea 185: / Línea 198: @@
   <div class="drive-grid-container">
     <!-- EME-150A -->
     <div class="drive-card">
@@ Línea 238: / Línea 251: @@
       <div class="drive-gallery">
         <div class="img-frame"><a href="#m232t"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Top.jpg"></a><span class="img-label">Component Side</span></div>
-        <div class="img-frame"><a href="#m232b"><img src="/lib/exe/fetch.php?media=hardware:placas:EME-232_PCB_Bottom.jpg"></a><span class="img-label">Solder Side</span></div>
+        <div class="img-frame"><a href="#m232b"><img src="/lib/exe/fetch.php?media=hardware:placas:PCB_MS0030D_8512_Bottom.jpg"></a><span class="img-label">Solder Side</span></div>
         <div class="img-frame"><a href="#m232s"><img src="/lib/exe/fetch.php?media=hardware:esquemas:eme-232_schematic.jpg"></a><span class="img-label">Schematic</span></div>
       </div>